Thursday, November 30, 2017

Published 1:13 PM by with 0 comment

7 Ways to Keep Your Site Alive

Once upon a dark, stormy night, when all was quiet, a lone web designer was designing away. He had Sketch open, a coffee nearby, and a cheerful tune in his wired earbuds, because Bluetooth is weird and has a delay that bugged the heck out of our Hero. Ahem, anyway…
During a lull in the music, our intrepid designer saw a notification on his phone. It was an email from his favorite customer, and he smiled. That smile disappeared when he read the contents. There were three broken links in the client’s site. Three!
“It’s okay.” he thought. “That happens someti…” But the list went on. The slideshow was broken. The layout looked a “little bit weird, somehow”. And worst of all, the contact form didn’t work.
In a panic, he scrambled to type in the URL. Everything looked fine. No, it looked pristine. He’d just fix the broken links and… no. He was thorough and diligent. He opened up ChromeFox* to see how the site looked in the client’s browser of choice.
It was as though staring into the mouth of Hell, and this portal to damnation was three pixels off-center. But all is not lost, dear Reader. Our fictional designer might be shamed, but we can help you avoid this. New web designers would be wise to follow this list, and save themselves from incredible awkwardness!
* All names have been changed to protect imaginary browsers.

1. CHECK YOUR LINKS

Every so often, go back and click on every link in your website. Every. Single. One. You should definitely do this after making any major changes to your site, obviously, but not only then. Servers can be weird sometimes. And if you link to outside sources of information, you need to check to make sure they’ve not been broken, removed, moved, or simply been eaten by some computer error.
Few things look as amateur as links that are no longer relevant, or don’t work.

2. UPDATE YOUR CONTENT

Out-of-date content doesn’t look great. It’s not as bad as a broken link, but it can make people decide to leave, and not come back. Up-to-date information is relevant information.
God knows how often I’ve been looking for information, only to have Google’s top results be four or five years out of date
Now, if you have a brochure site for a small business, and the prices are not often subject to change, it can be fine to mostly leave the content alone. But if you have any sort of blog, media feed, or what-have-you: keep it up to date. Update once a month at the least.
If you offer useful information, tutorials, or reference information, keep that up to date, too. Go back and make edits when stuff happens. You might even want to publish new editions of entire articles when things change. God knows how often I’ve been looking for information, only to have Google’s top results be four or five years out of date.

3. TEST ON NEW BROWSERS AND DEVICES

When a new browser comes out, test your site. If you friend gets a new phone or tablet, ask to borrow it so you can test your site. New version of JavaScript comes out? Test your site with it. Get a new TV that can browse the web? You get the idea, I’m sure.

4. DOUBLE CHECK ALL JAVASCRIPT INTERACTIONS

This is actually a big one. So many sites now rely on JavaScript for basic functionality. This is a practice I’ve never condoned; but I’ve decided that I dislike beating my head against brick walls. Scripters gonna script. Large swathes of content, and even entire websites will stop working if their JavaScript stops working for any reason.
Even if you didn’t build your site that way,

5. DOUBLE CHECK ALL FORMS

It’s one thing if a small widget stops working. That’s not ideal. Forms are another matter. Forms are typically used for contacting people, or buying things, and other very essential functions. They are one of the primary ways that users provide websites with vital information. If they’re willing to fill out a form, that means they’re at least partially willing to commit to whatever you have to offer.
Forms can stop working for a variety of reasons. Maybe the form has JS, and it stopped working (see above), or maybe the PHP version on your server got upgraded. Maybe the email account your contact form is sending messages to stopped working for whatever reason. Maybe it’s getting flagged as SPAM. Whatever the reason, check the forms regularly, so you don’t lose business.

6. UPDATE ALL HACKS AND WORKAROUNDS

Okay, sometimes, when you build a site, you use hacks. You use workarounds. When things get dire, you use polyfills. This is normal, and everyone does it; because no matter how ugly the hacks might be, your site must be beautiful.
But browsers get updates, browser market saturation changes, and CSS gets updated, too. At least once a year—and whenever you hear of any big changes to browsers that might affect your site—you should check to see if any of your hacks and workarounds are now obsolete. If they are, they could actually slow your site down.

7. HAVE A BACKUP PLAN

No, I mean that literally. Have a plan for backing up your entire website. Now, any decent web host should be handling backups for you, for the most part. However for smaller sites, it’s totally worth it to make regular manual backups yourself.
Large sites are another thing entirely. People with data caps (now those are spooky) could easily run into trouble when downloading gigabytes of data regularly. In this case, look into a third-party backup solution. It costs money, but it’s worth it.
And that’s it. Regular testing and considerable preparation are what it takes to make sure you are never shamed by a site that fails to work, or even “Just looks wrong”. Good luck!
 By Ezequiel Bruni   - Orginal Post: https://www.webdesignerdepot.com/2017/10/7-ways-to-keep-your-site-alive/
Read More
      edit
Published 1:10 PM by with 0 comment

5 Ways to Design With Accelerated Mobile Pages

The mobile web keeps growing at a rapid pace.
Smartphones continue to sell strongly, with Apple alone forecasting to bring in $180 billion from its smartphones by 2021. There are over 224 million smartphone users in the United States, making the mobile web an essential focus for any website owner.
The continued growth of mobile web users makes it important for designers and front-end developers to grasp proper design for accelerated mobile pages.
The practice of accelerated mobile pages emphasizes design choices that align with what search engines perceive as friendly, including a defined audience, high-quality content, proper formatting and seamless mobile compatibility. You will notice a variety of accelerated mobile pages when browsing Google in mobile by the abbreviation AMP in search results.
Accelerated mobile pages still use HTML, though they incorporate special elements that prioritize speed on mobile devices. AMP technical requirements are established by the AMP Project, with the standards worked on alongside major traffic influencers like Google. The project was created in response to clunky user interfaces and slow load times when browsing sites on a mobile device.
AMP emphasizes instant speed and a familiarized appearance, giving creators the ability to style their pages within the AMP framework. The boilerplate-centric design on most AMP pages gives a similar feel of navigation, despite differences in content presentation and color schemes.
The result is a faster, more cohesive browsing experience that improves drop rates, increases reader engagement and ushers in mobile web browsing as a mainstay.
With the power and potential of AMP so evident, it’s practical for designers to regard the tips below to help optimize the AMP experience, so their clients will benefit in a variety of ways.

1. CONSIDER AMP-CAROUSEL FOR THE HOMEPAGE

Make an impression on the page most of your visitors will begin with. Static content can be displayed on AMP to showcase available products, piquing interest for e-commerce sites as well as those displaying general content.
The AMP-carousel feature enables designers to display multiple similar pieces of content on a horizontal axis. After importing the carousel component in the header, you can utilize type=”carousel” to show up a list of images, appearing as a continuous strip. It’s an eye-catching feature that’s ideal for the front page when you’re trying to hook visitors into seeing something beyond the homepage.

2. SHOW RELATED POSTS AND PRODUCTS

Encourage site visitors to dig deep into your content. You can accomplish this by showing a list of related products or posts to the one they’re presently viewing. You can statically publish a list of relevant content, accomplishing it instantaneously by using <amp-list>, which populates a CORS request into an amp-mustache template to result in dynamically generated content relevance you can personalize to your specific preference.
If visitors enter a landing page that doesn’t align with their requests, they will either leave the site or look further for what they’re seeking. The suggestion of product alternatives is an excellent method to accommodate the user’s search process, at the very least drawing them more into the site. Even if they do not find what they are searching for exactly, they may find an alternative that does the job just as well.

3. USE AMP-ANALYTICS TO FIND AREAS TO IMPROVE

It’s important for any website owner to know how visitors are interacting with the content. The <amp-analytics> component can be used either directly or integrated with a third-party analytics platform, including Google Analytics. Within the <amp-analytics> tag, add the “type” attribute and set the value to your vendor of choice, of which there are many options. The <amp-analytics> component will help website owners have a clearer picture of what pages and design elements are resulting in conversions and which components are experiencing low user engagement.
It’s important to keep in mind when analyzing analytics that, with AMP, smart caching is naturally embedded. The result is that you may view less traffic than usual. Just keep the caching element in mind when analyzing your numbers initially.

4. USE THE BUILT-IN VALIDATOR

Ideally, designers will never get something wrong, but it can happen. To ensure everything is working properly on a page, use AMP’s built-in validator by adding #development=1 to the end of the page URL. If you open Chrome dev-tools and see the message “AMP validation successful,” then everything is working. If not, you can dig in deeper until the issue resolves. You can also use Chrome dev-tools to verify that all external resources, ranging from images and videos to custom fonts and iframes, are loaded properly.
Additionally, you can validate metadata by using Google’s Structured Data Testing Tool, either by fetching a URL or inserting a code snippet. These tools can help ensure everything is validated, so search engine crawling is enabled. On the note of search engine crawling, also double-check your robots.txt file, to verify that “Disallow: /amp/”is not present in any line. If it’s there, crawlers will not be able to access your AMP files.

5. IMPLEMENT ADS WITHIN AMP

Another benefit of AMP is a preexisting framework for implementing ads. The amp-ad, or amp-embed, component is a container to display an ad. The ads load alongside all the other resources, with the <amp-ad> custom element.
JavaScript is nonexistent inside the AMP document. Instead, AMP load an iframe from an iframe sandbox. You can set width and height values within <amp-ad>, with the “type” argument specifying the ad network displayed. The “src” attribute loads a script tag for the specified ad network, with various data attributes available to accommodate further configuration from ad networks.
You can also set a placeholder or option for no available ad, via the placeholder attribute. Video ads are also possible with native support, with thorough media component support.
Accelerated mobile pages help increase search engine visibility among mobile users, especially now that Google is embracing AMP pages in its search results.
Additionally, quicker loading times, flexible personalization and visual components that seek to improve bounce rate make for a better mobile user experience than ever.
Accelerated mobile pages provide a fantastic framework for the continuing growth of mobile web users.
 By Kayla Matthews   - Orginal Post: https://www.webdesignerdepot.com/2017/10/5-ways-to-design-with-accelerated-mobile-pages/
Read More
      edit

Saturday, November 12, 2016

Published 11:41 AM by with 0 comment

Sega Mega Drive Console for High Quality Games

Mega Drive - webtady

Mega Drive Console for High Quality Games


Who doesn’t love gaming? It is hard to find anyone who really doesn’t like to play game. So, it is the hottest topic in current era.

After the invention of personal computer, gaming becomes so popular that is near to a person. People who have a personal computer, he/she easily can buy a game on online store or physical store and can play game on his/her personal computer.

Though playing game of personal computer is fun but the real gamers are really freak. Most of them are not happy to playing game on personal computer only. Because playing game on personal computer sometime becomes irritated. So, they are looking for a gaming console to play their desire games.

For the gamers, in marketplace there are some companies whom are producing gaming console.Like, Xbox from Microsoft, Play Station from Sony, Nintendo Wii U. All of them are really popular in present situation.

Besides all of those console Mega Drive is also gaming console. It was so much popular in worldwide at the time it first come to the market and became much more popular on the regions those are the outside of North America.


History Behind Mega Drive:

Actually, the Mega Drive is called Sega Mega Drive. But in North America it called Sega Genesis as well as Super Game Boy also. The Super Game Boy named come from the later Super Aladdin Boy in South Korea. In 1988 the Super Aladdin Boy gaming console was developed by Sega. It was a cartridge based video game console.

Mega Drive is the third gaming home console from the Sega. After the SG-1000 which includes SG-1000 II and Mark III (also called the Sega Master System). In the development process the Mega Drive was also called the Sega Mark V, which was the codenamed of Mega Drive. But now it is become a part of fourth generation video gaming consoles.

Sega Drive had a software library system. For these, more than thousands of games released for this gaming system and store on software library. So, on that time, gamers didn’t buy game from market. The Mega Drive had built game compatibility at its time being.

The main competitors for Mega Drive was Nintendo’s Famicom (NES) and following on Super Famicom (SNES). Besides this, NEC’s TurboGrafx-16 (a personal computer engine in Japan), SNK’s Neo Geo, Atari Jaguar and other numerous number of home consoles and computers is always the biggest console wars of all the time.


Hardware Configuration:

Mega Drive also known as Sega Genesis is mainly a 16-bit home video game console. This gaming console builds on the technology that found in the Master System with adaptors and backwards compatible. Besides, it is upping its technical specifications that’s demanding more on gameplay, sound system and graphical interfaceso that, a number of numerous changes happened on the design of consoles that still continue.

The output Mega Drive sounds is in stereo mode and it can produce some clearer graphical views. All the Mega Drives have a top loading design like the cumbersome VCR-style cartridge loading from the Western NES that helps to removable controllers. From the day one of the console, the console can allow hardware expansions that is help for expand the configuration of the hardware system for revision versions.

In the time being of 1988, the time of its release it was the most powerful gaming console that surpassing the personal computer engine TurboGrafx-16. But the power optimization system was not surpassed until the 1990 when the Neo Geo was come in the gaming console marketplace.

Like to compare with the other home computer on that time, it was not that kind of powerful like the Sharp X6800 as know the Japan Exclusive Computer that released in 1987 or FM Towns which released later on 1989. But the Mega Drive was more powerful than other Western home computers in the late of 80s including the Amiga.


Technical Specifications:

The system master clock rate is 53.70 MHz in NTSC and 59.21MHz in PAL. The frame rate per cycle of master clock is 896,040 in NTSC and 1,067,040 in PAL, where per scanline in master clock is 3420.

Processor:
Main CPU:Motorola 68000
Clock rate: 7.670453 MHz (NTSC), 7.600489 MHz (PAL)
Instruction set: 16‑bit and 32‑bit CISC instructions
Data bus width: 32-bit internal, 16‑bit external
External data bus clock rate: 5 MHz (5 MB/s external data access bandwidth)
Arithmetic logic units: 16-bit data ALU, 32-bit address ALU (2x 16-bit ALU)
Sound CPU: Zilog Z80
Clock rate: 3.579545 MHz (NTSC), 3.546894 MHz (PAL)
Data bus width: 8‑bit
CPU instruction performance: 1.861363 MIPS (NTSC), 1.844386 MIPS (PAL)
68000 performance: 1.342329 MIPS (NTSC), 1.330086 MIPS (PAL)
Z80 performance: 0.519034 MIPS (NTSC), 0.5143 MIPS (PAL)



Sound:
FM sound chip: Yamaha YM2612, clocked at the 68000, clock speed (7.670453 MHz in NTSC, 7.600489 MHz in PAL)
PCM sampling quality: 8‑bit depth, 8–22 kHz sampling rate
IRQ interrupt capabilities: IRQ2 sound interrupt
PSG sound chip: Sega PSG (SN76496), clocked at the Z80 clock speed (3.579545 MHz in NTSC, 3.546894 MHz in PAL) and built into the VDP
Four audio channels: Three channels of pure square wave tones, and one noise channel

Graphics:
GPU: Sega 315‑5313 VDP (Yamaha YM7101)
Clock rate: 13.423294 MHz (NTSC), 13.300856 MHz (PAL)
Pixel clock rate: 6.711647 MHz (NTSC), 6.650428 MHz (PAL)
Internal data bus: 16-bit
External data buses: 16-bit CPU bus, 8/16-bit VRAM bus (Dual Port VRAM, 16-bit RAM/SAM, 8-bit RAM)
IRQ interrupt capabilities: IRQ6 VBlank interrupt, IRQ4 H‑Int (Horizontal Interrupt) scanline interrupt
Video Encoder DAC: Sony CXA1145 (NTSC/PAL)/ Fujitsu MB3514 (PAL)
Color burst clock frequency: 3.579545 MHz (NTSC), 4.433618 MHz (PAL)
Refresh rate: 59.92274 Hz (NTSC), 49.701459 Hz (PAL)

Progressive scan resolutions:
NTSC: 320×224, 256×224
PAL: 320×224, 256×224, 320×240, 256×240

Interlaced resolutions:
NTSC: 320×448, 256×448
PAL: 320×448, 256×448, 320×480, 256×480

Memory:
System RAM: 136 KB
Main RAM: 64 KB
VRAM: 64 KB
FPM DRAM: 64 KB
SAM buffer cache: 256 bytes
Audio RAM: 8 KB
VDP internal cache: 232 bytes
Sprite cache: 80 bytes
Cartridge memory: 512–8224 KB
ROM: 512 KB to 8 MB
SRAM: 8 KB to 32 KB

Bandwidth:
Main RAM: 10.526314 MB/s (16-bit, 5.263157 MHz)
VRAM: 8–11.764705 MB/s (NTSC), 8–8.333333 MB/s (PAL)
Audio RAM: 3.030303 MB/s (8-bit, 3.030303 MHz)
Cartridge ROM bandwidth: 10 MB/s


Models:

Mega Drive:
The main Mega Drive measures 28cm x 21.2cm x 7cm. Its top unit divided into two parts or components. One is a circular emboss which carries the cartridge slot and other one is tagline. But in the later improvise version the tagline was omitted. There also a control panel, which containing the power and reset options and for the headphones jack there is a volume slider. Though the headphone jack was used for stereo sound the audio output system in the original model was mono using A/V port. So, the A/V port convert the sound system slightly.

But in different country there is a little bit differences in model. Like in Asian, Japanese and South Korean models there is cartridge locking system that prevents cartridges for being removed while the power button is on. In the improvise version the TradeMark security system is added also. This security ensured that, Mega Drive became an intellectual property globally.

Mega Drive 2:
But in later 1993 the Mega Drive 2 was released. This one was the most cost reduced design from the very first one. It measurement was 22cm x 21.2cm x 5.9 cm.
In this model the stereo headphone jacks were being removed. Instead of, there was a favor of output through a redesigned A/V port which includes 9 pins.

But a major problem of Mega Drive 2 was lacks a Z80, actually Zilog Z80. Z80 was the most important chip on this time for the Mega Drive 2. Because the lacking of this chip many games that would run on Mega Drive 2 was no sound at all. But in the later revision versions, Z80 integrated into a custom ASIC that incorporated with major chip components.

Genesis 3:
In 1998 a small version of Mega Drive released only for American market. This time it was called the Genesis 3. This version of Mega Drive is released by Majesco. In this version, all kind of bugs including memory controller bugs were being fixed like unplayable some games and the Sega CD as well as 32X unusable rendering problems.


Some Popular Games of Mega Drive:

There were very popular games which ran on Mega Drive at time of it was released. Some of are, Phantasy Star IV, Shining Force II, Gunstar Heroes, The Revenge of Shinobi, Ghouls 'n Ghosts.

It is hardly that the Mega Drive was the most successful video gaming console on its time era. This gaming console was sold over 40 million of unit internationally including United States, Japan, Western Europe and Brazil. Though Mega Drive was an analogue machine type console but it is not totally ancient or nostalgic or dead. It will be still fun to play the most popular games of Mega Drive with friends and family with this console. It costs also exciting and demanding experience that really remembering.
See full specifications and price here: https://ebgames.com.au/loot-220618-Sega-Mega-Drive-Classic-Console-Loot
Read More
      edit