dreamhost website hosting


Productivity

Digital Marketing
Social Media Marketing
Marketing
Sales

CSS Frameworks

CSS Flexbox
* W3 Schools *
Premier
W3 CSS Flexbox
Materialize CSS
BootStrap
Foundation Zurb
Get Skeleton
Bulma
Semantic UI
Tailwindcss
CSS Position
Marksheet CSS Position
Bootstrap Position
MDN CSS Position

Scotch io
SASS
SASS Compiler
LESS
* Shay Howe CSS *

UI UX

Source UI ~ UX
Glaze Illustrations
** Shaw Howe CSS **

Forms

w3 Forms
Marksheet
Jotform

Best of

* Responsive Tools *
* Developer Roadmap *
Home

Digital Marketing
Social Media Marketing
Marketing
Sales

Assessment
Thought Map
Roadmap
Project Plan

Wireframe
Mockup
Design
Layout
Templates
Color
Typography
Content
Video Audio Animation

Boilerplate
Resources
Solutions

HTML
CSS
JavaScript
Node js

Team
Hosting
Time

E-Commerce

MDN
ES5
w3 Schools Home
w3 Schools JavaScript
w3 HTML
w3 CSS
w3 Bootstrap

Resources

Resources

Daily Use
** Extract PDF **
Youtube Dimensions
Uni Code Time | Productivity | Pomodoro Technique
Codepen | * Coggle * | Js Console
Write URL | Write Box
Time and Date | Calendar
Time and Date
World Clock Meeting Planner | JavaScript Calendar

Favorite YouTube Channels

** Brad Traversy ** | * Jesse Showalter * | Web Dev Simplified
Kevin Powell | ** Fireship ** | * DarkCode *
Design Course | Coding Train Schiffman



Website Design and Development Process

8 Phases of Website Development | Web Site Design and Development Process | Example 1 | Pre-Launch Check List
Sitepoint Checklist | SEO Testing Checklist | Usability Checklist | * W3 Docs *

Domain Name System (DNS)

** Authoritative Name Server ** | Wiki Name Servers | Cloudflare What is DNS | * Digital Ocean DNS Terminology *
Split Domain Routing is Not Simple
Techno Pedia Split DNS and MX Records |

MX Records

MX Toolbox | DreamHost What is MX Records |

HTML

* Shay Howe * | Prexant Beginner Guide |

CSS

Flexbox |

Boilerplate

Road Mapping University of Cambridge | Road Map Templates | Thought Map |
Emmet.io | Livestyle.io | Placeholder.com

Mac Resources

Terminal Guide | Mac keyboard Shortcuts | Snazzy Labs Mac Tips

Resources General

Woorank SEO |

Microsoft Visual Studio Code

Visual Studio | VS Code Docs | VS Code Extensions |
* YT Visual Studio Code Introduction * | Keyboard Shortcut pdf

Adobe Creative Cloud

Photoshop
Photoshop Tips | Photoshop Keyboard Shortcuts | Photoshop Cheat Sheet 2 |
Adobe Illustrator
| Illustrator Vector Shapes |
Premier Pro
Keyboard Shortcuts |
After Effects
Keyboard Shortcuts |

Web Development Project Management

Project Plan | Web Project Management | Large Commercial Project Plan

Wireframing

Guide to Website Wireframing| Moqups | Balsamiq

Images

Adobe Photoshop | Image Aspect Screen Ratio 16 - 9 |

Video

Adobe Premier Pro | Adobe After Effects |

Audio

Audio Placeholder | Audio Placeholder |

Fonts - Typography

Typekit | Google Fonts | Font Squirrel

HTML5 Resources

HTML Resources | HTMl Ipsum | HTML Tags Reference| ** HTML CSS Shay Howe ** HTML5 | Align | HTML5 Layout

CSS Resources

W3Schools CSS | CSSBasics | CSS Resets | CSS Position W3 Schools
WebMonkey Cheat Sheets | * CSS Position | CSS Positioning |
TypeTester| CSS Position | Button Generator | CSS Tricks Button Maker

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 Font Awesome icons glyph

Orientation Portrait -vs- Landscape

Mozilla Developer Network| Dev Docs

Mobile Friendly Email Design, Development and Marketing Tools

Litmus | Zurb Ink

Javascript Tools

Code Academy Glossary | w3 Schools | Vanilla JS | Backbone
Eloquent Javascript | Underscore | Handlebars | Js Fiddle
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

JavaScript Templating

Mustache JS |

Performance Testing and Validation

Chrome Dev Tools Performance Testing | DreamHost SSL Certificate Overview | Google SSL |
Cert Hosting Providers | What's My DNS |
  1. 1
  2. 2
  3. 3
  4. 4

Other Tools and Resources

Gradients| Buttons| * Placehold.it * | Date and Time |

Code Snippets

Snippets

! Hot Spots and Lessons Learned !

DNS ~ Split DNS Registrars, authoritative DNS servers and Troubleshooting

DNS Propagation Checker | DNS Management |

To add an A Record, keep in mind the @ symbol is fine, it will not interfere with mx records for mail

Registrar = Authoritative Entity,

The Domain Name System (DNS) is the phonebook of the Internet | DNS Overview DreamHost | DNS record

DNS records (aka zone files) are instructions that live in authoritative DNS servers and provide information about a domain including what IP address is associated with that domain and how to handle requests for that domain. These records consist of a series of text files written in what is known as DNS syntax. DNS syntax is just a string of characters used as commands which tell the DNS server what to do. All DNS records also have a ‘TTL’, which stands for time-to-live, and indicates how often a DNS server will refresh that record.

DNS A record |

The ‘@’ here indicates that this is a record for the root domain, and the ‘14400’ value is the TTL (Time To Live), listed in seconds. The default TTL for A records is 14400 seconds. This means that if an A record gets updated, it takes 240 minutes (14400 seconds) to take effect.

DNS MX record |

DreamHost Lessons Learned

Manage Users, pathing home/dh_r667m2/website example..merricktool.com

When setting up a new site the user name is the sub folder

Solutions

Wufoo | Brad Traversy Contact Form Firebase | Google reCAPTCHA | Developer's Guide
Google Code Lab Intro |