Dream Host

Virtual Private Servers VPS

dreamhost website hosting

* Responsive Tools *
Home

Assessment
Thought Map
Roadmap
Project Plan

Wireframe
Mockup
Design
Layout
Templates
Color
Typography
Content
Video

Boilerplate
Resources

HTML
CSS
JavaScript
Node js

Hosting
Time
Team

Responsive Websites Design and Development

design and development techniques, flexible layouts, images, multiple screen resolutions, viewports, for phone, tablet and laptop

Resources

Responsive Web Dev | ** Responsive Web Design Shay Howe ** | W3Schools Responsive Web Design
* Responsive Design Examples *

Responsive Web Design

Is an approach to web design that makes web pages render well on
a variety of devices and window or screen sizes.

Fit Video js Responsive Video

Responsive Screens Browser Rendering

Browser Rendering Basics | * An Extensive Browser Rendering Article *
Webkit | Browser Engine | JavaScript Engine V-8

Screen Size, Resolution, and Viewport

Sreen Resolutions and Viewport | Responsive Design Tester | Retina Ready |

Responsive Images

Responsive Images Bootstrap |

Bootstrap 3.xx

class="img-responsive"

Bootstrap 4.xx

class="img-fluid" Bootstrap 4.xx Images
Image Aspect Screen Ratio 16 - 9

Responsive Web Design and Development

Screen Dimensions | Smashing Magazine Article | Mozilla Article | W3C
CSS Tricks| A List Apart Article | Adapt.js | 960.gs |
dribbble.com Bootstrap |Foundation| Skeleton | Responsive Design Bookmarklet

Orientation Portrait -vs- Landcape

Mozilla Developer Network| Dev Docs

Mobile Friendly Email Design, Development and Marketing Tools

Litmus | Zurb Ink


Web Development Project Management

Project Plan | Web Project Management | Large Commercial Project Plan

Wireframing

Guide to Website Wireframing| Moqups | Balsamiq

Web Development Project Management

Project Plan | Web Project Management | Large Commercial Project Plan

Wireframing

Guide to Website Wireframing| Moqups | Balsamiq

Fonts

Typekit | Google Fonts | Font Squirrel | Typography Bootstrap

HTML5 Resources

HTML Resources | HTMl Ipsum | HTML Tags Reference| HTML CSS HTML5Align | HTML5 Layout

CSS Resources

W3Schools CSS | CSSBasics | CSS Resets | CSS Position W3 SchoolsWebMonkey Cheat Sheets | * CSS Position | CSS Positioning | js fiddle net TypeTester| CSS Position | Button GeneratorCSS Tricks Button Maker

Javascript Tools

Code Academy Glossary | w3 Schools | Vanilla JS | Backbone
Eloquent Javascript | Underscore | Handlebar | Js Fiddle | Fiddle Salad JavaScript best practices | Learn Javascript | Eloquent Javascript Book Javascript Book | Json-Generator | Json

Javascript Libraries

Javascripting | Bootstrap grid examples

Javascript Frameworks and Build/Scaffolding Tools

JSlint | Firebug | Google Closure Compiler | JSMin

Javascript Debugging, Minify and Code Checker Tools

Yoeman | Grunt | Gulp | Bower

MEAN Stack

Mongo db | Express js | Angular js | Node js | Jade | EJS| NPM

Other Tools and Resources

Gradients| Buttons| Placehold.it

Best Color Apps and Color Schemes

Best Color Tool - Colouro.de | Color-Hex Color Tools | Adobe Color/Kuler

Code Snippets

Snippets Calendar | Time | World Clock Meeting Planner | Timer