tag:blogger.com,1999:blog-23745106783840573702024-03-07T20:59:38.385-08:00Digital Business PlanWEBSITE DESIGN IDEAShttp://www.blogger.com/profile/10256998963960902725noreply@blogger.comBlogger6125tag:blogger.com,1999:blog-2374510678384057370.post-28502658864950745622017-11-30T14:01:00.001-08:002017-11-30T14:01:13.454-08:0010 Ways for Designers to Woo Developers<div class="single-first-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Hey designers, are you driving your developer peers crazy?</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Chances are that you have some habits that don’t translate particularly well to code, and it is making life tough for the developer working with you on projects. Want to be a better coworker (and friend)?</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Learn how to better communicate and design so that developers will love you. It will speed up projects and make work life easier. And it’s not a matter of bringing candy to meetings either. You can make developers love you by making slight changes to the way you work.</div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
1. BRING DEVELOPERS IN EARLY</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
The biggest problem between designers and developers is that they often work in bubbles. The individuals or teams don’t start talking about a project until the first draft of the design is finished. Then there’s a handoff from the designer to the developer.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<em style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: italic; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Sigh.</em></div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
That’s just not the way to work. Designers and developers should be involved together from the beginning to talk about how a project will come together. While the designer might focus on color and typefaces and imagery, the developer can provide insight into usability, function and performance.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Designers and developers should have a good idea of what the other side looks like. Designers should understand enough code and usability to speak with developers and understand challenges; developers should have a little knowledge of design theory so they can make suggestions when design ideas aren’t right for the web.</div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
2. PRACTICE CONSISTENT FILE MANAGEMENT</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
One of the biggest things a designer can do is prep and package files in the same way every time.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
How many times have you opened a Photoshop document with hundreds of unnamed layers? Don’t give this type of file to a developer. Every layer and style—regardless of what software you use—should be named appropriately.</div>
<div class="simplePullQuote right showed" style="-webkit-text-stroke-width: 0px; background: rgb(246, 246, 246); border-bottom-color: rgb(250, 178, 58); border-bottom-style: solid; border-image: initial; border-left-color: initial; border-left-style: initial; border-right-color: initial; border-right-style: initial; border-top-color: rgb(250, 178, 58); border-top-style: solid; border-width: 5px 0px; color: black; float: left; font-family: "Titling Gothic FB Cond Std"; font-size: 26px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: 1.2em; margin: 15px 30px 10px; max-width: 300px; opacity: 1; orphans: 2; padding: 20px 25px; position: relative; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; transform: translate3d(0px, 0px, 0px); transition: all 0.4s ease-in-out; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 680px; padding: 0px; vertical-align: baseline;">
How many times have you opened a Photoshop document with hundreds of unnamed layers?</div>
</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Styles, color swatches and typography should be consistent throughout the design. (A button shouldn’t look different from page to page.)</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Name files and styles in the same way for each project. Group like elements in a similar manner and use a consistent folder system. That way the developer doesn’t have to relearn how to find parts and elements with each new project.</div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
3. USE GOOGLE FONTS</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
One of the biggest challenges for design projects that include print and digital pieces is typography management. Don’t use desktop fonts for print projects for web or app designs and just assume they will work. (Often they don’t.)</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
For digital projects, opt for Google Fonts for typography. This means you might have to find a similar typeface for the web to match what you are using for print. (That’s OK.)</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Don’t make the developer do this for you. Pick out the comparable Google Fonts and use them from the start. You can even note print versus digital typefaces in your style guide.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
The reason behind this is simple: Embedding fonts can get a little tricky. Plus, Google Fonts are free and will ensure that you don’t incur additional project costs. (While you are at it, consider doing the same thing with icons and use a package such as Font Awesome, which allows the developer to style icons using CSS, not import a bunch of image files!)</div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
4. PACKAGE IMAGE ASSETS</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
While we are on the topic of image assets, exporting and packaging files properly is super important. While a developer can open and export all image files to meet their needs, you could ask what they need and do it along the way.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
This ensures you get the crops you want on images, while compressing files to help your website load quickly.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Don’t try to do this on your own. Ask the developer how files should be saved, named and compressed for best use.</div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
5. THINK ABOUT THE ENVIRONMENT</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
There are just so many device sizes and aspect ratios to think about when designing websites and mobile apps. As a designer, you need to know the canvas size, margins, padding, etc. to create a mockup that’s actually usable.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Talk to the developer before you start drawing to ensure that you know what the design environment looks like before you start. There’s nothing worse than a design that looks amazing in Photoshop or Sketch and falls flat in production.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px auto; max-width: 576px; padding: 0px; vertical-align: baseline; width: 575.996px;">
<div id="aniBox" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 1px; line-height: inherit; margin: 15px 0px; max-width: 680px; opacity: 0; overflow: hidden; padding: 0px; transition: height 1s ease; vertical-align: baseline; width: 576px;">
<div id="aniplayer_aniviewJS" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px auto; max-width: 680px; padding: 0px; vertical-align: baseline;">
<div id="aniplayer_aniviewJSgui" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px auto; max-width: 680px; padding: 0px; vertical-align: baseline;">
<div class=" desktop hide-controls" id="av-container" style="background: black; border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 324px; line-height: inherit; margin: 0px; max-width: 680px; overflow: hidden; padding: 0px; position: relative; vertical-align: baseline; width: 576px;">
<div id="av-inner" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 323.984px; left: 0px; line-height: inherit; margin: 0px auto; max-width: 680px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 575.996px;">
<div id="slot" style="background: black; border: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 323.984px; line-height: inherit; margin: 0px auto; max-width: 680px; padding: 0px; position: absolute; vertical-align: baseline; width: 575.996px;">
<div id="preloader" style="border: 0px; bottom: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 0px; left: 0px; line-height: inherit; margin: auto; max-width: 680px; outline: none; padding: 0px; position: absolute; right: 0px; top: 0px; vertical-align: baseline; width: 0px;">
<svg class="icon" viewbox="0 0 30 30" x="0px" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0px"><g><path d="M23.3,14.9c0-0.4-0.3-0.9-0.8-1.2l-10-6.4c-1.1-0.7-2-0.1-2,1.3v7.5C15.8,13.7,23.1,14.9,23.3,14.9z M23.3,15 c-7.9,0.6-11.4,3.5-12.8,5.7v0.8c0,1.4,0.9,2,2,1.3l10-6.4C23.1,16,23.4,15.5,23.3,15z"></path></g></svg><svg class="circle" height="70" width="70" xmlns="http://www.w3.org/2000/svg"><circle cx="35" cy="35" r="32"></circle></svg><svg class="circle active" height="70" width="70" xmlns="http://www.w3.org/2000/svg"><circle cx="35" cy="35" r="32"></circle></svg></div>
</div>
<div id="gui" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px auto; max-width: 680px; padding: 0px; vertical-align: baseline;">
<div id="aniview-credit" style="border: 0px; color: white; display: inline; font-family: Helvetica, Arial, fallback, sans-serif; font-size: 11px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 500; height: 24px; line-height: 24px; margin: 0px auto; max-width: 680px; padding: 0px; position: absolute; right: 2px; top: 2px; vertical-align: baseline;">
<span style="background-image: url("https://play.aniview.com/5858ed930b8ee8851941a7bb/59526d5028a06110545d0877/ads_by_hooly82x15.png"); background-repeat: no-repeat; background-size: cover; border: 0px; display: inline-block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 1px; line-height: inherit; margin: 0px; padding: 0px; vertical-align: top; width: 1px;"></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
You need to know these things in advance:</div>
<ul class="tight_list" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; list-style: none; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: disc; margin: 0px 0px 5px; padding: 0px; position: relative; vertical-align: baseline;">If the framework has specific padding specs at different sizes</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: disc; margin: 0px 0px 5px; padding: 0px; position: relative; vertical-align: baseline;">The gutter width between columns (and if it varies)</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: disc; margin: 0px 0px 5px; padding: 0px; position: relative; vertical-align: baseline;">The size of the most narrow screen size the developer will code</li>
</ul>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
6. ASK QUESTIONS</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
It’s been mentioned a few times already, but communication between the designer and developer really is the key to making all this work. Communication can make or break projects, impact deadlines and influence the end project design and functionality.</div>
<div class="simplePullQuote right showed" style="-webkit-text-stroke-width: 0px; background: rgb(246, 246, 246); border-bottom-color: rgb(250, 178, 58); border-bottom-style: solid; border-image: initial; border-left-color: initial; border-left-style: initial; border-right-color: initial; border-right-style: initial; border-top-color: rgb(250, 178, 58); border-top-style: solid; border-width: 5px 0px; color: black; float: left; font-family: "Titling Gothic FB Cond Std"; font-size: 26px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: 1.2em; margin: 15px 30px 10px; max-width: 300px; opacity: 1; orphans: 2; padding: 20px 25px; position: relative; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; transform: translate3d(0px, 0px, 0px); transition: all 0.4s ease-in-out; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 680px; padding: 0px; vertical-align: baseline;">
Communication can make or break projects</div>
</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Take your developer to lunch. Get to know them. Ask plenty of questions along the way. If you aren’t sure whether something will work or not, just ask. Developers aren’t scary people and it’s a lot easier to answer a question early in the process than have to rethink and entire concept.</div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
7. LEARN SOME DEV BASICS</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
While you are talking with the developer and asking questions, dive deeper. Learn some development basics if you don’t already have these skills in your design arsenal.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Designers working on digital projects should verse themselves in:</div>
<ul class="tight_list" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; list-style: none; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: disc; margin: 0px 0px 5px; padding: 0px; position: relative; vertical-align: baseline;">HTML and CSS (you should be able to change a font size or color and understand how the two are different)</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: disc; margin: 0px 0px 5px; padding: 0px; position: relative; vertical-align: baseline;">Common user patterns (design for the way users will interact with content)</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: disc; margin: 0px 0px 5px; padding: 0px; position: relative; vertical-align: baseline;">Accessibility standards (so your design will work for more users)</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: disc; margin: 0px 0px 5px; padding: 0px; position: relative; vertical-align: baseline;">What types of elements need to be served as images and what can be created using pure CSS</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: disc; margin: 0px 0px 5px; padding: 0px; position: relative; vertical-align: baseline;">How breakpoints work in responsive layouts</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: disc; margin: 0px 0px 5px; padding: 0px; position: relative; vertical-align: baseline;">Trends in website design</li>
</ul>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
You may never actually write code, but learning development principles will make you a better designer because you will understand the value of the tools and workflows.</div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
8. USE A “LIVING” STYLE GUIDE</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
The design process extends to development as well. Designers, you need to recognize that the developer is just as vital to the design process as you are.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
With that in mind, create a “living” style guide that not only includes color and fonts but components as well. Everyone should be able to access and update the document as the project comes to life.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
A good style guide will help everyone working on a project maintain consistency with visual elements, provide context for design choices, serve as a point of collaboration for the project and help standardize code. The living style guide allows everyone to share ideas and provide guidance throughout a project. It’s not just a document that someone creates right before a design goes live.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Put the following information in the style guide to make the most of it:</div>
<ul class="tight_list" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; list-style: none; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: disc; margin: 0px 0px 5px; padding: 0px; position: relative; vertical-align: baseline;">Logo styles</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: disc; margin: 0px 0px 5px; padding: 0px; position: relative; vertical-align: baseline;">Color palette</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: disc; margin: 0px 0px 5px; padding: 0px; position: relative; vertical-align: baseline;">Font palette</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: disc; margin: 0px 0px 5px; padding: 0px; position: relative; vertical-align: baseline;">Icon palette</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: disc; margin: 0px 0px 5px; padding: 0px; position: relative; vertical-align: baseline;">Navigation menu elements (and there they link to)</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: disc; margin: 0px 0px 5px; padding: 0px; position: relative; vertical-align: baseline;">Layout options for different pages</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-type: disc; margin: 0px 0px 5px; padding: 0px; position: relative; vertical-align: baseline;">Code snippets that get reused throughout the site (such as buttons)</li>
</ul>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
9. USE THE GRID</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Respect the grid. In responsive website design, the grid is more than just a guideline for placement of elements on the screen, it can also dictate where elements go at different screen sizes and how columns stack and shuffle.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
The grid can help you design and maintain flow. (The challenge is that you can’t arbitrarily break design rules.)</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Think about it like this: Your design has four content blocks lined up across the screen in a row (with equal gutter widths) on a full-screen desktop monitor. Then on a tablet, those blocks shift to form two columns, with two rows. On a mobile device they shift to form a single column with four rows.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Understanding how the grid impacts the size of objects and how objects will shift on different devices is important because it can dictate how you design for the content you have. Think about that same scenario again. What if you had five content blocks? It would require a redesign to ensure that you create a consistent visual outline.</div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
10. DON’T BE A JERK</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
The real key to ensuring projects come together with ease is to be flexible. Design techniques and standards for the web change all the time. Whereas some projects do allow you to be a stickler for details and unmoving, responsive design doesn’t really work that way.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
The golden rule when it comes to working with developers is…don’t be a jerk.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Designers that are easy to work with will earn more respect and have better relationships with developers. This will lead to better and more successful projects. It should go without saying, but too often there’s a lot of jerk-ish behavior out there. Don’t fall into that trap.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Be flexible, open and talk things out with your developer. They will love you for it.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
By Jake Carrie Cousins - Orginal Post: https://www.webdesignerdepot.com/2017/10/10-ways-for-designers-to-woo-developers/ </div>
WEBSITE DESIGN IDEAShttp://www.blogger.com/profile/10256998963960902725noreply@blogger.com0tag:blogger.com,1999:blog-2374510678384057370.post-81869957472371110792017-11-30T13:59:00.004-08:002017-11-30T13:59:53.783-08:0012 Best Web Design Podcasts<div class="single-first-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
The best way to keep up with industry news is through podcasts. So much happens on a monthly basis and keeping a list of the best podcasts can help you stay on top of major industry changes.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
We’ve curated some of our top picks here with a nice variety of topics. These podcasts offer a mix between frontend web development topics along with more UI/UX design topics for visual designers.</div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
1. DEVELOPER TEA</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
If you’re big into development then you’ll want to bookmark <a class="external inner-link-effect" href="https://spec.fm/podcasts/developer-tea" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">Developer Tea</a>. Episodes can vary in length from 15-20 minutes up to an hour but the content is always superb.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
New episodes come out every couple days so it’s one of the most up-to-date podcasts you’ll find. Developer Tea follows ideas in web development beyond just coding such as web optimization and security.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
But even newbie developers can find a lot of great tips in here with advice for coding bootcamps and handy learning resources. Well worth checking out especially due to the volume of content.</div>
<div class="finline-large" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; clear: both; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 5px auto 20px; max-width: 870px; orphans: 2; padding: 0px; text-align: center; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: nowrap; widows: 2; width: 870px; word-spacing: 0px;">
<a class="external" href="https://spec.fm/podcasts/developer-tea" rel="nofollow" style="border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="01-developer-tea-podcast" class="alignnone size-full wp-image-93575 image-border" height="914" src="https://netdna.webdesignerdepot.com/uploads/2017/09/01-developer-tea-podcast.jpg" style="border: 1px solid rgb(208, 208, 208); display: block; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px auto; max-width: 100%; padding: 0px; vertical-align: bottom;" width="1856" /></a></div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
2. FRONT END HAPPY HOUR</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
The world of frontend development is always expanding with <a class="inner-link-effect" href="https://www.webdesignerdepot.com/2016/11/12-javascript-libraries-to-watch-in-2017/" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">new libraries</a> and hot new tools. <a class="external inner-link-effect" href="http://frontendhappyhour.com/" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">Front End Happy Hour</a> is a weekly podcast updating listeners on the happenings in the web dev world.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Anyone who builds websites should really study frontend development first. It’s the gateway to building great websites and it’s much simpler than backend development which has so many <a class="external inner-link-effect" href="https://teamtreehouse.com/community/choosing-languages-to-begin-backend-web-development" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">different languages</a> to pick from.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
And if you’re just getting into frontend dev work then Front End Happy Hour is sure to entertain.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
This podcast is very laid-back so it feels like a friendly conversation rather than business talk. Certainly a more appealing style for devs who enjoy ramblings and opinions along with dev convos.</div>
<div class="finline-large" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; clear: both; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 5px auto 20px; max-width: 870px; orphans: 2; padding: 0px; text-align: center; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: nowrap; widows: 2; width: 870px; word-spacing: 0px;">
<a class="external" href="http://frontendhappyhour.com/" rel="nofollow" style="border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="02-frontend-happy-hour-plugin" class="alignnone size-full wp-image-93576 image-border" height="710" src="https://netdna.webdesignerdepot.com/uploads/2017/09/02-frontend-happy-hour-plugin.jpg" style="border: 1px solid rgb(208, 208, 208); display: block; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px auto; max-width: 100%; padding: 0px; vertical-align: bottom;" width="1856" /></a></div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
3. SHOPTALK</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
The <a class="external inner-link-effect" href="http://shoptalkshow.com/" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">ShopTalk Show</a> is a wildly popular podcast hosted by web legends <a class="external inner-link-effect" href="http://daverupert.com/" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">Dave Rupert</a> and <a class="external inner-link-effect" href="https://chriscoyier.net/" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">Chris Coyier</a>. It’s also a weekly podcast with some really interesting topics that delve pretty deep into modern techniques.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Chris actually founded the well-known <a class="external inner-link-effect" href="https://css-tricks.com/" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">CSS Tricks</a> website and he also helped create the online IDE <a class="external inner-link-effect" href="https://codepen.io/" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">CodePen</a>. You’re in good hands with these two hosts as they wax on about browser quirks, new W3C changes, and the future of the web.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
I recommend this for pretty much anyone who runs or manages websites.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
It does have a technical barrier to entry so if you aren’t a developer many of these episodes will go right over your head. But the topics are super insightful so you’re bound to learn something along the way.</div>
<div class="finline-large" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; clear: both; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 5px auto 20px; max-width: 870px; orphans: 2; padding: 0px; text-align: center; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: nowrap; widows: 2; width: 870px; word-spacing: 0px;">
<a class="external" href="http://shoptalkshow.com/" rel="nofollow" style="border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="03-shoptalk-podcast" class="alignnone size-full wp-image-93577" height="669" src="https://netdna.webdesignerdepot.com/uploads/2017/09/03-shoptalk-podcast.jpg" style="border: 0px; display: block; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px auto; max-width: 100%; padding: 0px; vertical-align: bottom;" width="1856" /></a></div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
4. STYLE GUIDES PODCAST</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Corporate brands and company websites all <a class="inner-link-effect" href="https://www.webdesignerdepot.com/2014/08/why-your-brand-needs-a-style-guide-and-how-to-create-one/" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">need style guides</a>. These are essential for keeping the same look and feel over many pages and building a consistent design across many mediums (ads, landing pages, mobile apps).</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
The <a class="external inner-link-effect" href="http://styleguides.io/podcast/" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">Style Guides Podcast</a> is actually hosted on the awesome <a class="external inner-link-effect" href="http://styleguides.io/" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">StyleGuides.io</a> website. This site curates a bunch of style guides along with design assets, tips, tutorials, and books covering the process of designing great style guides.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Naturally the podcast is just one more amazing resource for anyone who wants to learn about this process.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Currently in season 2 this podcast offers close to 20 episodes (and counting) with a bunch of talented designers. It’s a niche resource but incredibly valuable for anyone studying style guide design work.</div>
<div class="finline-large" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; clear: both; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 5px auto 20px; max-width: 870px; orphans: 2; padding: 0px; text-align: center; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: nowrap; widows: 2; width: 870px; word-spacing: 0px;">
<a class="external" href="http://styleguides.io/podcast/" rel="nofollow" style="border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="04-style-guides-podcast" class="alignnone size-full wp-image-93578 image-border" height="915" src="https://netdna.webdesignerdepot.com/uploads/2017/09/04-style-guides-podcast.jpg" style="border: 1px solid rgb(208, 208, 208); display: block; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px auto; max-width: 100%; padding: 0px; vertical-align: bottom;" width="1856" /></a></div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
5. RESPONSIVE WEB DESIGN PODCAST</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Here’s another niche podcast focusing on <a class="inner-link-effect" href="https://www.webdesignerdepot.com/2015/03/the-future-of-responsive-web-design/" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">responsive web design</a> and how it’s changing each year.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
If you do any frontend dev work I highly recommend the <a class="external inner-link-effect" href="https://responsivewebdesign.com/podcast/" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">Responsive Web Design Podcast</a>. It’s hosted by two industry pros Karen McGrane and Ethan Marcotte, both of whom have extensive knowledge in this area.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Ethan literally <a class="external inner-link-effect" href="https://abookapart.com/products/responsive-web-design" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">wrote the book</a> on responsive web design so you know this is a podcast you can trust. Some episodes talk about trends in the industry, others bring on guests like <a class="external inner-link-effect" href="https://responsivewebdesign.com/podcast/salesforce-lightning-design-system/" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">this episode</a> with the Salesforce team.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Either way this is the de-facto resource for RWD and modern web design in general. It’s great for designers but especially valuable for developers.</div>
<div class="finline-large" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; clear: both; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 5px auto 20px; max-width: 870px; orphans: 2; padding: 0px; text-align: center; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: nowrap; widows: 2; width: 870px; word-spacing: 0px;">
<a class="external" href="https://responsivewebdesign.com/podcast/" rel="nofollow" style="border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="05-responsive-web-design-podcast" class="alignnone size-full wp-image-93579 image-border" height="928" src="https://netdna.webdesignerdepot.com/uploads/2017/09/05-responsive-web-design-podcast.jpg" style="border: 1px solid rgb(208, 208, 208); display: block; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px auto; max-width: 100%; padding: 0px; vertical-align: bottom;" width="1856" /></a></div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
6. CODENEWBIE</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Looking to <a class="inner-link-effect" href="https://www.webdesignerdepot.com/2013/07/20-resources-for-learning-web-design-development/" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">get into</a> the web dev scene but unsure of where to start? There are tons of <a class="external inner-link-effect" href="https://github.com/bmorelli25/Become-A-Full-Stack-Web-Developer" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">free resources</a> to help you learn but it also helps listening to others’ paths breaking into this space.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<a class="external inner-link-effect" href="https://www.codenewbie.org/podcast" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">CodeNewbie</a> is a podcast dedicated to interviewing coders and talking about their journey into the field. It updates roughly once a week with interviews from programmers, frontend developers, and other tech-oriented folks who’ve made coding a career.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px auto; max-width: 576px; padding: 0px; vertical-align: baseline; width: 575.996px;">
<div id="aniBox" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 1px; line-height: inherit; margin: 15px 0px; max-width: 680px; opacity: 0; overflow: hidden; padding: 0px; transition: height 1s ease; vertical-align: baseline; width: 576px;">
<div id="aniplayer_aniviewJS" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px auto; max-width: 680px; padding: 0px; vertical-align: baseline;">
<div id="aniplayer_aniviewJSgui" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px auto; max-width: 680px; padding: 0px; vertical-align: baseline;">
<div class=" desktop hide-controls" id="av-container" style="background: black; border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 324px; line-height: inherit; margin: 0px; max-width: 680px; overflow: hidden; padding: 0px; position: relative; vertical-align: baseline; width: 576px;">
<div id="av-inner" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 323.984px; left: 0px; line-height: inherit; margin: 0px auto; max-width: 680px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 575.996px;">
<div id="slot" style="background: black; border: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 323.984px; line-height: inherit; margin: 0px auto; max-width: 680px; padding: 0px; position: absolute; vertical-align: baseline; width: 575.996px;">
<div id="preloader" style="border: 0px; bottom: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 0px; left: 0px; line-height: inherit; margin: auto; max-width: 680px; outline: none; padding: 0px; position: absolute; right: 0px; top: 0px; vertical-align: baseline; width: 0px;">
<svg class="icon" viewbox="0 0 30 30" x="0px" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0px"><g><path d="M23.3,14.9c0-0.4-0.3-0.9-0.8-1.2l-10-6.4c-1.1-0.7-2-0.1-2,1.3v7.5C15.8,13.7,23.1,14.9,23.3,14.9z M23.3,15 c-7.9,0.6-11.4,3.5-12.8,5.7v0.8c0,1.4,0.9,2,2,1.3l10-6.4C23.1,16,23.4,15.5,23.3,15z"></path></g></svg><svg class="circle" height="70" width="70" xmlns="http://www.w3.org/2000/svg"><circle cx="35" cy="35" r="32"></circle></svg><svg class="circle active" height="70" width="70" xmlns="http://www.w3.org/2000/svg"><circle cx="35" cy="35" r="32"></circle></svg></div>
</div>
<div id="gui" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px auto; max-width: 680px; padding: 0px; vertical-align: baseline;">
<div id="aniview-credit" style="border: 0px; color: white; display: inline; font-family: Helvetica, Arial, fallback, sans-serif; font-size: 11px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 500; height: 24px; line-height: 24px; margin: 0px auto; max-width: 680px; padding: 0px; position: absolute; right: 2px; top: 2px; vertical-align: baseline;">
<span style="background-image: url("https://play.aniview.com/5858ed930b8ee8851941a7bb/59526d5028a06110545d0877/ads_by_hooly82x15.png"); background-repeat: no-repeat; background-size: cover; border: 0px; display: inline-block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 1px; line-height: inherit; margin: 0px; padding: 0px; vertical-align: top; width: 1px;"></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Some episodes offer more advice for beginners while others talk about specific subjects like website load time and <a class="inner-link-effect" href="https://www.webdesignerdepot.com/2015/04/8-reasons-to-embrace-website-accessibility/" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">web accessibility</a>. Each episode is a goldmine for newbies just getting into web development.</div>
<div class="finline-large" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; clear: both; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 5px auto 20px; max-width: 870px; orphans: 2; padding: 0px; text-align: center; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: nowrap; widows: 2; width: 870px; word-spacing: 0px;">
<a class="external" href="https://www.codenewbie.org/podcast" rel="nofollow" style="border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="06-codenewbie-podcast" class="alignnone size-full wp-image-93580 image-border" height="884" src="https://netdna.webdesignerdepot.com/uploads/2017/09/06-codenewbie-podcast.jpg" style="border: 1px solid rgb(208, 208, 208); display: block; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px auto; max-width: 100%; padding: 0px; vertical-align: bottom;" width="1856" /></a></div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
7. MOTION AND MEANING</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Val Head and Cennydd Bowles host the fast-growing web UX animation podcast <a class="external inner-link-effect" href="http://motionandmeaning.io/" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">Motion And Meaning</a>.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Both Val and Cennydd have a long track record of incredible design work and they’re experts on the topics of animation, <a class="inner-link-effect" href="https://www.webdesignerdepot.com/2015/07/7-secrets-for-enhancing-ux-with-micro-interactions/" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">microinteractions</a>, and how these tie into the user experience.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Each episode usually has a special guest who joins to discuss a specific topic in detail. This topic can be general motion graphics or specific techniques like mobile UX prototyping.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
If you have any interest in motion design or animation for the web then you’ll find a lot of value in this podcast.</div>
<div class="finline-large" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; clear: both; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 5px auto 20px; max-width: 870px; orphans: 2; padding: 0px; text-align: center; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: nowrap; widows: 2; width: 870px; word-spacing: 0px;">
<a class="external" href="http://motionandmeaning.io/" rel="nofollow" style="border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="07-motion-and-meaning-podcast" class="alignnone size-full wp-image-93581 image-border" height="948" src="https://netdna.webdesignerdepot.com/uploads/2017/09/07-motion-and-meaning-podcast.jpg" style="border: 1px solid rgb(208, 208, 208); display: block; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px auto; max-width: 100%; padding: 0px; vertical-align: bottom;" width="1856" /></a></div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
8. CTRL+CLICK CAST</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
For something a little more general check out the <a class="external inner-link-effect" href="https://ctrlclickcast.com/" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">CTRL+Click Cast</a>. Lea Alcantara and Emily Lewis host each episode with special guests and tips for everything web-related.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Most episodes follow trends in web development with topics on workflow tools like npm and tech stacks. But you can find plenty of episodes on more general web concepts like <a class="external inner-link-effect" href="https://ctrlclickcast.com/episodes/the-mobile-web-for-global-change" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">the mobile web</a> and more design-oriented trends.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
This podcast dates back to 2009 so it’s been online for almost a decade. It’s gotta be one of the oldest web-related podcasts and each new episodes delivers even more value.</div>
<div class="finline-large" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; clear: both; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 5px auto 20px; max-width: 870px; orphans: 2; padding: 0px; text-align: center; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: nowrap; widows: 2; width: 870px; word-spacing: 0px;">
<a class="external" href="https://ctrlclickcast.com/" rel="nofollow" style="border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="08-ctrl-click-cast-podcast" class="alignnone size-full wp-image-93582" height="835" src="https://netdna.webdesignerdepot.com/uploads/2017/09/08-ctrl-click-cast-podcast.jpg" style="border: 0px; display: block; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px auto; max-width: 100%; padding: 0px; vertical-align: bottom;" width="1856" /></a></div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
9. LET’S MAKE MISTAKES</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<a class="external inner-link-effect" href="http://www.mistakes.show/" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">Let’s Make Mistakes</a> is a general design podcast covering ideas beyond just the web. Although it does focus a lot on web design it’s also a podcast for anyone who loves digital design work.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
This is another very casual show and it’s not 100% business all the time. You’ll certainly learn a lot but it’s also a podcast for listening to personalities and soaking up design culture.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Totally worth checking out if you’re into digital design or looking to get into it.</div>
<div class="finline-large" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; clear: both; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 5px auto 20px; max-width: 870px; orphans: 2; padding: 0px; text-align: center; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: nowrap; widows: 2; width: 870px; word-spacing: 0px;">
<a class="external" href="http://www.mistakes.show/" rel="nofollow" style="border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="09-lets-make-mistakes-podcast" class="alignnone size-full wp-image-93583" height="844" src="https://netdna.webdesignerdepot.com/uploads/2017/09/09-lets-make-mistakes-podcast.jpg" style="border: 0px; display: block; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px auto; max-width: 100%; padding: 0px; vertical-align: bottom;" width="1856" /></a></div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
10. NON BREAKING SPACE SHOW</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
The <a class="external inner-link-effect" href="https://goodstuff.fm/nbsp/" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">Non Breaking Space Show</a> brings on a new guest every week related to web design.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
It’s been running since 2012 so there’s a long list of episodes to go through. But since the web advances so fast it’s best to stick with episodes from the past 1-2 years (unless you find a guest you love!)</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Most topics revolve around web development which can include SVG work, accessibility, APIs, and JavaScript advancements. If you’re into coding then you’ll dig these incredible guests but this may not be as useful to non-techie listeners.</div>
<div class="finline-large" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; clear: both; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 5px auto 20px; max-width: 870px; orphans: 2; padding: 0px; text-align: center; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: nowrap; widows: 2; width: 870px; word-spacing: 0px;">
<a class="external" href="https://goodstuff.fm/nbsp/" rel="nofollow" style="border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="10-non-breaking-space-show-podcast" class="alignnone size-full wp-image-93584 image-border" height="856" src="https://netdna.webdesignerdepot.com/uploads/2017/09/10-non-breaking-space-show-podcast.jpg" style="border: 1px solid rgb(208, 208, 208); display: block; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px auto; max-width: 100%; padding: 0px; vertical-align: bottom;" width="1856" /></a></div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
11. DESIGN LIFE</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
On the flip side <a class="external inner-link-effect" href="https://designlife.fm/" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">Design Life</a> is very much a designer’s podcast. It’s hosted by two digital designers Charli Marie and Femke who share their thoughts on design industry news, landing jobs, creating portfolios and other related tips.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
This is a true design podcast so it’s absolutely stellar for anyone who loves the design side of things.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
New episodes come out on a weekly basis and they date back to 2016 so there’s a sizable archive to go through.</div>
<div class="finline-large" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; box-sizing: border-box; clear: both; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 5px auto 20px; max-width: 870px; orphans: 2; padding: 0px; text-align: center; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: nowrap; widows: 2; width: 870px; word-spacing: 0px;">
<a class="external" href="https://designlife.fm/" rel="nofollow" style="border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="11-design-life-podcast-homepage" class="alignnone size-full wp-image-93585 image-border" height="875" src="https://netdna.webdesignerdepot.com/uploads/2017/09/11-design-life-podcast-homepage.jpg" style="border: 1px solid rgb(208, 208, 208); display: block; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px auto; max-width: 100%; padding: 0px; vertical-align: bottom;" width="1856" /></a></div>
<div class="fixed-empty-p" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; height: 5px; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #1f1f1f; font-family: "Titling Gothic FB Cond Std"; font-size: 30px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.2em; margin: 0px auto 5px; max-width: 680px; orphans: 2; padding: 20px 0px 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: uppercase; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
12. JAVASCRIPT JABBER</h2>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<a class="external inner-link-effect" href="https://devchat.tv/js-jabber/" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">JavaScript Jabber</a> is the best resource for picking up tips on JS coding and related libraries.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
Each episode brings on a new guest and topics range from Node to Vue.js and even lesser-known JS APIs.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
In case you couldn’t tell by the title, this is pretty much 100% JavaScript focused. You should already have experience with JavaScript before listening to these episodes or you’ll wind up lost and confused.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
But for developers who can’t get enough JS highlights the JavaScript Jabber podcast is always a great listen. They even have a <a class="external inner-link-effect" href="https://devchat.tv/javascript-jabber-topic-recommendation" rel="nofollow" style="background-image: linear-gradient(rgba(12, 127, 215, 0.5) 0%, rgba(12, 127, 215, 0.5) 100%); background-position: 0px 25%; background-repeat: repeat-x; background-size: 0px 0px; border: 0px; color: #0c7fd7; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: 150ms ease; vertical-align: baseline;">suggestion page</a> if you wanna toss out topic ideas for future episodes.</div>
<div style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: black; font-family: "Benton Sans"; font-size: 17px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; margin: 0px auto; max-width: 680px; orphans: 2; padding: 9px 0px 15px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
By Jake Jake Rocheleau - Orginal Post: https://www.webdesignerdepot.com/2017/10/12-best-web-design-podcasts/ </div>
WEBSITE DESIGN IDEAShttp://www.blogger.com/profile/10256998963960902725noreply@blogger.com0tag:blogger.com,1999:blog-2374510678384057370.post-28272034365764977392016-11-12T11:35:00.004-08:002016-11-12T11:35:51.313-08:00Sega Mega Drive Console for High Quality Games<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<img alt="Mega Drive - webtady" data-mce-src="https://www.webtady.com/wp-content/uploads/2016/11/Megadrive_no_shadow.jpg" src="https://www.webtady.com/wp-content/uploads/2016/11/Megadrive_no_shadow.jpg" style="cursor: move; height: auto; max-width: 100%;" /></div>
</div>
<h2 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Mega Drive Console for High Quality Games</h2>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<u>History Behind Mega Drive:</u></h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<u>Hardware Configuration:</u></h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<u>Technical Specifications:</u></h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><u>Processor:</u></strong></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Main CPU:</em></strong>Motorola 68000</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Clock rate:</em></strong> 7.670453 MHz (NTSC), 7.600489 MHz (PAL)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Instruction set:</em></strong> 16‑bit and 32‑bit CISC instructions</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Data bus width:</em></strong> 32-bit internal, 16‑bit external</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>External data bus clock rate:</em></strong> 5 MHz (5 MB/s external data access bandwidth)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Arithmetic logic units:</em></strong> 16-bit data ALU, 32-bit address ALU (2x 16-bit ALU)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Sound CPU: </em></strong>Zilog Z80</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Clock rate:</em></strong> 3.579545 MHz (NTSC), 3.546894 MHz (PAL)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Data bus width:</em></strong> 8‑bit</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>CPU instruction performance:</em></strong> 1.861363 MIPS (NTSC), 1.844386 MIPS (PAL)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>68000 performance:</em></strong> 1.342329 MIPS (NTSC), 1.330086 MIPS (PAL)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Z80 performance:</em></strong> 0.519034 MIPS (NTSC), 0.5143 MIPS (PAL)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><u>Sound:</u></strong></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>FM sound chip:</em></strong> Yamaha YM2612, clocked at the 68000, clock speed (7.670453 MHz in NTSC, 7.600489 MHz in PAL)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>PCM sampling quality:</em></strong> 8‑bit depth, 8–22 kHz sampling rate</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>IRQ interrupt capabilities:</em></strong> IRQ2 sound interrupt</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>PSG sound chip:</em></strong> Sega PSG (SN76496), clocked at the Z80 clock speed (3.579545 MHz in NTSC, 3.546894 MHz in PAL) and built into the VDP</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Four audio channels:</em></strong> Three channels of pure square wave tones, and one noise channel</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><u>Graphics:</u></strong></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>GPU:</em></strong> Sega 315‑5313 VDP (Yamaha YM7101)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Clock rate:</em></strong> 13.423294 MHz (NTSC), 13.300856 MHz (PAL)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Pixel clock rate:</em></strong> 6.711647 MHz (NTSC), 6.650428 MHz (PAL)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Internal data bus:</em></strong> 16-bit</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>External data buses:</em></strong> 16-bit CPU bus, 8/16-bit VRAM bus (Dual Port VRAM, 16-bit RAM/SAM, 8-bit RAM)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>IRQ interrupt capabilities:</em></strong> IRQ6 VBlank interrupt, IRQ4 H‑Int (Horizontal Interrupt) scanline interrupt</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Video Encoder DAC:</em></strong> Sony CXA1145 (NTSC/PAL)/ Fujitsu MB3514 (PAL)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Color burst clock frequency:</em></strong> 3.579545 MHz (NTSC), 4.433618 MHz (PAL)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Refresh rate:</em></strong> 59.92274 Hz (NTSC), 49.701459 Hz (PAL)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><u>Progressive scan resolutions:</u></strong></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>NTSC:</em></strong> 320×224, 256×224</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>PAL:</em></strong> 320×224, 256×224, 320×240, 256×240</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><u>Interlaced resolutions:</u></strong></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>NTSC:</em></strong> 320×448, 256×448</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>PAL:</em></strong> 320×448, 256×448, 320×480, 256×480</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><u>Memory:</u></strong></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>System RAM:</em></strong> 136 KB</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Main RAM:</em></strong> 64 KB</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>VRAM:</em></strong> 64 KB</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>FPM DRAM:</em></strong> 64 KB</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>SAM buffer cache:</em></strong> 256 bytes</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Audio RAM:</em></strong> 8 KB</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>VDP internal cache:</em></strong> 232 bytes</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Sprite cache:</em></strong> 80 bytes</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Cartridge memory:</em></strong> 512–8224 KB</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>ROM:</em></strong> 512 KB to 8 MB</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>SRAM:</em></strong> 8 KB to 32 KB</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><u>Bandwidth:</u></strong></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Main RAM:</em></strong> 10.526314 MB/s (16-bit, 5.263157 MHz)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>VRAM:</em></strong> 8–11.764705 MB/s (NTSC), 8–8.333333 MB/s (PAL)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Audio RAM:</em></strong> 3.030303 MB/s (8-bit, 3.030303 MHz)</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Cartridge ROM bandwidth:</em></strong> 10 MB/s</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<u>Models:</u></h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><u>Mega Drive:</u></strong></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><u>Mega Drive 2:</u></strong></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><u>Genesis 3:</u></strong></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<u>Some Popular Games of Mega Drive:</u></h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
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.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
See full specifications and price here: https://ebgames.com.au/loot-220618-Sega-Mega-Drive-Classic-Console-Loot</div>
</div>
WEBSITE DESIGN IDEAShttp://www.blogger.com/profile/10256998963960902725noreply@blogger.com0tag:blogger.com,1999:blog-2374510678384057370.post-89770938666512678402016-11-12T11:35:00.000-08:002016-11-12T11:35:27.575-08:00What is Cloud Hosting? Cloud Hosting Principals with Details<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<img alt="modern Cloud Hosting - Webtady" data-mce-src="https://www.webtady.com/wp-content/uploads/2016/11/cloud-hosting.jpg" src="https://www.webtady.com/wp-content/uploads/2016/11/cloud-hosting.jpg" style="cursor: move; height: auto; max-width: 100%;" /></div>
</div>
<h2 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
What is Cloud Hosting? Cloud Hosting Principals with Details</h2>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
The world is running. It is running faster than we think. It is going to be run as fast as possible. The whole thing depends on the innovative technologies those have already exist or going to be happened in near future.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Cloud hosting is one of the most innovative technology based on Cloud computing. It is a technology where the unlimited number of computer or machines perform as one computer system. Besides Cloud hosting, there are others hosting solution which have already exist. One hosting solution is shared and other is dedicated. But those solutions are depending on only one machine. So, it is a safer and guaranteed security from the cloud hosting as it run by many servers.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
A Little Bit History:</h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
The whole cloud hosting is divided into numerous number of steps or phases. It includes the computing grid and utility criteria, ASP(Application Service Provision), and SaaS(Software as a Service).</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
The total idea was first introduced in the sixties by J.C.R. Licklider. He was one of the person who worked the development of ARPANET(Advance Research Project Agency Network).</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
He thought that, we need a network that can make an interconnected relation to everyone and also be authorized programs and data from any website, from anywhere. In technically, it is a globally interconnected system.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
About the vision of Licklider, the product marketing director at AMD Margaret Lewis said that, “It is a vision that sounds a lot like what we are calling cloud computing.”</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
How It Works:</h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
To know the work process of the cloud hosting, the best example in today’s world would be point to the mighty Google. Google is the world giant search engine who has billions of resources that distributed over thousands of cloud servers. It will be more clear that, a user never face that the downtime of Google in the past decade.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
The power of cloud server that helps to perform very specific tasks eventually any server in cloud is down or stop working. When it really happens, the other servers are ready to provide the backup service and deliver the user results that user really want to know.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Cloud Vs Internet:</h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Actually, these two terms have a lot of difference. The whole network thing we called it Internet whereas cloud is a very tiny piece of the internet. Here internet works as one macroscopic cloud system by the help it a user can see the cloud hosting idea more precisely.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
But the on similarity is that, both of the Internet and cloud hosting are invented for the grown out of an essential connection between all humans over the world from the different places.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
It is not so far that, people from the different location can control the data flow to and from the cloud more easily and time consuming process. It helps the global internet hierarchy that connect and share data, thoughts, stories, idea and discussion more broaden angle.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Cloud Hosting, what you actually need to know:</h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
In the web, there are thousands of cloud hosting providers. Each of the provider serves their best service to their customers. Digital Ocean, Host Gators are the most popular and common in cloud hosting services. But besides these, there are also others service providers.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Before take a service of cloud hosting, a user must need to know some key features, that helps himself to take a right decision what a user really want for his/her business or personal use.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Instant deployment</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
A healthy amount of memory</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Flexible controlling with cPanel, root access, and SSH logins</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Performance faster as like SSD speed booster system</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Managed cloud hosting features</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Above all of the things you must know and be conscious before take a service of cloud hosting platform. Besides all of these, you should be aware of the costing system.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Basically, the cloud hosting service starting price from $15 up to $100+ from reputed hosting service providers.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Disadvantages of Cloud Hosting:</h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
On the above discussion,there only talking about the benefit and other things of cloud hosting service. It is common that, everything that has some advantages also has some disadvantages. Cloud hosting is not the out of this circumstances. It has several disadvantages too. The most three disadvantages are discussing below.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Overpriced:</em></strong>Basically, cloud hosting service is an overpriced thing. A user need to pay a little bit higher price that another hosting platform like shared or dedicated. Users need to pay higher because its own VPS options and the terms of resources and reliability.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Security Issue:</em></strong>It is really tough to feel that, the data a user provided is really kept in private? You shared your data in cloud space with other customers. It concern is mitigated. Because sometimes user don’t opt for a multi-tenant cloud servers than a single-tenant cloud hosting.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Management Control:</em></strong>Cloud hosting management is not so easy. You need to be an expertise about the manual data management system. So, if you are not that expertise, you will be running up by the unnecessary costs.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Actually, it is not the negative or totally disadvantage side of the cloud hosting. Because the user of database controlling already know that, managing a network is really like a pain, that pain feel like somebody hurt the butt so rudely.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Types of Cloud Hosting Services:</h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Web hosting services are divided into shared, VPS and dedicated options. But cloud hosting service is divided the following generalized categories.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Private Cloud:</em></strong></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Private cloud is mainly the data underlying that services are kept in private. Like, hardware information, storage, and network. All of these are allotted in a single tenant system under a client or a company.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Public Cloud:</em></strong></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
This cloud service is works like an open source system. Here the data are open for all. All of the information under this cloud platform authorized publicly. Google Cloud platform, Amazon EC2 are the most powerful example of public cloud service.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>Hybrid Cloud:</em></strong></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Hybrid cloud is a hosting option that mix up the public and private hosting environments. It is a powerful cloud system the is being good security system but access the public authorization. So, this cloud perform is more capitalizing on the economic benefit of public cloud resources.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<strong><em>VPS Cloud:</em></strong></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
A VPS is still subject to hardware failure, whereas a cloud web server will just transfer data to another machine without the owner experiencing downtime or data loss.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Key Benefit of Cloud Servers:</h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Cloud hosting server is more flexible and scalable which have an extra resource that is accessed as when we needed. Besides, it is also cost effective if you are really expertise in data management system. Because, in cloud service client only pay what actually they used and when they want to use.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
But most important key benefit of cloud server is reliability. For the huge number of available server user can shift their resources if some of the servers are down or stopped. This shifting also control to prevent uncertain outside affects like data loss or data redundancy.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
At the End:</h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
In today’s world cloud hosting is become more popular day by day for the primary alternative for business or individuals performs. Besides it is also more economical, safe and resourceful that can optimize users need in efficient and convenient way. That the main rule of productivity. So, in a word, it can be said that, cloud hosting will hold the future.</div>
</div>
WEBSITE DESIGN IDEAShttp://www.blogger.com/profile/10256998963960902725noreply@blogger.com0tag:blogger.com,1999:blog-2374510678384057370.post-73607598146924862952016-11-12T11:34:00.003-08:002016-11-12T11:34:28.998-08:00Bettter Understanding About The Dark Web<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<img alt="Dark Web - webtady" class="aligncenter" data-mce-src="https://www.webtady.com/wp-content/uploads/2016/11/the-dark-web.jpg" src="https://www.webtady.com/wp-content/uploads/2016/11/the-dark-web.jpg" style="cursor: move; display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%;" /></div>
</div>
<h2 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
The Dark Web - Better Understanding</h2>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
In today’s modern world we can’t think a single moment without the power of Internet. It is a kind of blessing for modern world. The power of the world biggest network started its journey in 1989 by an English scientist Tim Berners-Lee. From that time being, it is known the World Wide Web, that in short WWW.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Internet is the vast network system. A huge number of information stored on Internet. Everyday millions of people access millions of information. Generally, what we the general user access the general content of internet but this is not the complete version of internet technology. A lots of amount content, even 400-500 times more content on the internet hidden from the general users. That cannot be accessed directly or through search engine. This part of internet known as Dark Web.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
What is Dark Web:</h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Dark web is a kind of World Wide Web content that actually hidden in darkness or exists on darknets. Though it also can be access by public internet but for accessing this, people need to an additional or specific software or configuration. Another important thing is, these web contents are not indexing by search engines. So, general user can’t get authorization to access it directly from their browsers.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
How Data Hidden in Dark Web:</h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Every search engine creates an index, that helps for searching specific data what are stored on websites or other online resources. But the search engines are not stored the data that stored on the Dark Web. Because it can’t be seen by the search engine AI. Those AI has some bindings or incompatibilities and technical hurdles to completing such kind of indexing.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Purpose of Dark Web:</h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Actually, the main purpose of the Dark Web is not positive. It is used for the Darknet marketplace. This marketplace is so much popular to the criminal and other terrorist organizations. They use Dark Web to communicate with other terrorist or criminal group over the internet by sitting different location on earth.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
The most successful anonymous marketplace on Dark Web is Silk Road. It is also the first successful anonymous marketplace. It is founded in 2011. It an online buy sell platform like Amazon/Ebay for criminal to buy and sell illegal goods (like Guns, Drugs) with the use of bitcoin. A bitcoin is a digital currency that is untraceable.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Currently this site is down. It was shut down in 2013. After shutting down an exciting information break out on the FBI news portal about this site.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
According to the FBI, <em>“Silk Road, the market place had accumulated 1,400 vendors and 957,079 registered users. It had brokered more than 1.2 million transaction worth $214 million.”</em></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<h3 style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
How to Access the Dark Web:</h3>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
To access the Dark Web is not a difficult process. Different types of software can make it possible to access the Dark Web. One of the most popular software is Tor. It’s a web browser Bundle. Go to <a data-mce-href="http://www.torproject.com" href="http://www.torproject.com/">www.torproject.com</a> and download the browser bundle and install on your PC to access the Dark Web.</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #333333; font-family: georgia, "times new roman", "bitstream charter", times, serif; font-size: 16px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Please noted that, you need to be careful while browsing the Dark Web. It is believed that, you were being monitored while you are browsing the Dark Web. Besides, it also recommends to place a tape over your webcam for prevent you from monitoring.</div>
</div>
WEBSITE DESIGN IDEAShttp://www.blogger.com/profile/10256998963960902725noreply@blogger.com0tag:blogger.com,1999:blog-2374510678384057370.post-20990073654931719212016-10-08T12:55:00.000-07:002016-10-08T12:55:37.327-07:00Why Should Use A Landing Page Instead Of Your Homepage<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
<a data-mce-href="https://www.webtady.com/cheap-landing-page-design" href="https://www.webtady.com/cheap-landing-page-design" rel="dofollow" target="_blank"><img alt="webtay cheap page design" data-mce-src="https://www.webtady.com/wp-content/uploads/2016/09/webtady-landing-page-1.jpg" src="https://www.webtady.com/wp-content/uploads/2016/09/webtady-landing-page-1.jpg" style="cursor: move;" /></a> </div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="margin: 0px;">
Landing page example- webtady landing page</div>
</div>
<h2 style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Why Should Use A Landing Page Instead Of Your Homepage</h2>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h3 style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
What is a Landing Page?</h3>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
First of all in the purest sense, a<span class="Apple-converted-space"> </span><b>landing page</b><span class="Apple-converted-space"> </span>is any single web page that a visitor can arrive at or “land” on. It’s more common to refer to a<span class="Apple-converted-space"> </span><b>landing page</b><span class="Apple-converted-space"> </span>as being a standalone web page distinct from your main website that has been designed for a single focused objective to promote.</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
This means that your<span class="Apple-converted-space"> </span><b>landing page</b><span class="Apple-converted-space"> </span>should have no global navigation to tie it to your primary website. The main reason for this is to limit the options available to your visitors, helping to guide them toward your aimed conversion goal.</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h2 style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Types of Landing Pages</h2>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
There are two basic types of landing page, Click Through and Lead Generation (also referred to as Lead Gen or Lead Capture pages).</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<b>Click Through Landing Pages:</b></div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Click through landing pages have the goal of reassure the visitor to click through to another page. Typically used in ecommerce funnels, they can be used to describe a product or offer in sufficient detail so as to “warm up” a visitor to the point where they are closer to making a purchasing decision.</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<b>Lead Generation Landing Pages:</b></div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Lead generation landing pages are used to capture user data, such as a name and email address. The sole purpose of the page is to collect information that will allow you to market to and connect with the prospect at a subsequent time. As such, a lead capture page will contain a form along with a description of what you’ll get in return for submitting your personal data.</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
If you’re wondering why use a Landing Page instead of your website, read on. We've got the answer for you.</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<i><b>If you are:</b></i></div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<ol style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<li>Running a PPC ad campaign</li>
<li>Promoting a product, eBook, email subscription through<span class="Apple-converted-space"> </span><i>social media and SEO</i></li>
<li>Advertising on radio, television and print</li>
<li>Writing guest posts on 3rd party blogs or magazines</li>
</ol>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
You need to use a page instead of junk people to your website.</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
What you’ll notice about this list is that each item has a specific goal, to get people to take specific actions: to buy your product, subscribe to your in-house mailing list, download an eBook, case study or white paper, or view a video and many more.</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Design a<span class="Apple-converted-space"> </span><b><a data-mce-href="https://www.webtady.com/cheap-landing-page-design/" href="https://www.webtady.com/cheap-landing-page-design/" target="_blank">cheap landing page</a></b><span class="Apple-converted-space"> </span>for your website. If you’re doing any of the above, the worst thing you can do is send people to your home page. You need a focused landing page dedicated to the particular action you want people to take. In fact, you need several.</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Let me explain.</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h3 style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Focus on Conversion</h3>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Are you looking to turn more website visits into conversions? Why it's important to first map out each process an internet user goes through on your site, and then use analytics to find out if it's meeting its goals. You can analyze the<span class="Apple-converted-space"> </span><b>landing page</b><span class="Apple-converted-space"> </span>by analyzing tools to focus conversions. So your landing page can derive visitor to your site and convert into leads.</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h3 style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
You Can Test a Landing Page</h3>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
You can test a landing page for your website instead of home page. The landing page will be safe your home page or website from junk peoples. So design a<span class="Apple-converted-space"> </span><b>cheap landing page</b><span class="Apple-converted-space"> </span>and promote for the purpose of <i>PPC campaign or SEO</i>.</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h3 style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Remove scattering</h3>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Remove the scattering from your website. A fresh and<span class="Apple-converted-space"> </span><a data-mce-href="https://www.webtady.com/cheap-landing-page-design/" href="https://www.webtady.com/cheap-landing-page-design/" target="_blank">cheap landing page</a><span class="Apple-converted-space"> </span>will help you to distraction from main website and that will be safe from dumping peoples. Over packing your schedule may make you more popular, but it will not get you to your goals every times. So be careful about this matter.</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h3 style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Create Different Versions for Different Ads</h3>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Sometimes you may need different types of<span class="Apple-converted-space"> </span><b>landing pages</b><span class="Apple-converted-space"> </span>due to operate different versions for different ads. In addition you can get more visitors to your site from different links of landing pages. Also create different sales packages for each of the landing a page it may help you to sells more.</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<h3 style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Create Different Versions for Organic Search</h3>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
Nowadays has different types of search engine and they have different types of search strategy. When you campaign your website with the different<span class="Apple-converted-space"> </span><i>search engine</i><span class="Apple-converted-space"> </span>you have to track those data and analysis the search result. Therefore you need landing pages for each version for organic search engines.</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<br /></div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
As a result of having a<span class="Apple-converted-space"> </span><b>landing page</b><span class="Apple-converted-space"> </span>will make more visitors to your website and generate sells.</div>
WEBSITE DESIGN IDEAShttp://www.blogger.com/profile/10256998963960902725noreply@blogger.com0