"This website is used to save a few useful links and resources for front/back end development. Updates and reasons for choosing these links belong to Philosophy and Design. But feel free to fork this project in GitHub."
Using a table tag to organize data.
w3schools HTML.net Coding Math Scotch.io Egghead.io Paulund Tutorials The Site Wizard |
Contains reference list of HTML/CSS/Javascript/SQL/PHP.Contains useful info with basic and short explanations.Short lessons include html5,css,php and javascript. |
Tutorial Point HTML Dog FreeWebMasterHelp Ali Jafarian CodingCage |
Contains beginner tutorials and explanations for many programing languages with built-in compiler for viewing examples. |
Atom Brackets |
Text Editors. |
Frameworks (CSS) Bootstrap |
List of frameworks from simple to complete. |
Lorem ipsum |
Place holder text |
Bg Generator |
Background generator with various patterns, blend modes, noise, intensite and color choices. Downloads are at about 400x400px |
Modernizr |
Help "detect" changes in browsers to best present HTML/CSS/Javascript.Download available. |
Thimble JSBin Bootply | Browser code editors. |
JSDelivr |
JSDelivr is a free CDN!. |
Cdnjs |
Cdnjs has many CDN files. |
Color Palletes, Grids, Javascript libraries, Fonts, etc.
Third Party Services List of Front END Tools |
Third party services can help UX/UI or customer satisfaction. |
|
Icon Handbook Convertico IcoConvert IconMonster Glyphicons UnSplash Pixel Patterns SVGeneration WebHostingHub |
Free Icons.Create .ico files for favicons. |
|
960 grid system Unsematic fluid grid system |
Grid system for 960px width. Comes with PSD files to use as templates. |
|
Canvas @w3schools.com |
Reference for Canvas markup element. |
|
Google Fonts Google Web Designer Mapjam FontSquirrel |
Fonts are available for free download to use with Adobe, and HTML/CSS embed codes are provided as well. |
|
CSS reset(Meyer) CSS reset(HTML5 Doctor) Clearfix Hack CSS3 Selectors Shapes in CSS |
Browsers can contain default CSS that can interfere with custom CSS. CSS contain in this webpage resets CSS. |
|
Color Lovers Adobe Color CC Paletton Brand Colors |
Color lovers has schemes for different subjects including websites. Adobe color cc has schemes based on the color wheel in HEX/RGB. Paletton is great for testing palette ideas. Brand Colors helps with inspiration from world famous brand colors. |
|
SlidesJS JQuery Masonry Waypoints |
Websites used for JQuery. Masonry is a Javascript grid layout library. Waypoints helps control scroll effects. |
|
Facebook plugins title |
Social media buttons and plugins. |
|
Codrops |
Codrops has icons, animated menus and sliders, etc using various tools, including javascript. |
|
CSSFontstack Font Awesome FontAwesome w/Foundation Font Pair Font Forge |
Web Safe Fonts reference. Font Awesome can be linked as a library inside HTML. Font Awesome with Foundation can be used to link social icons. Font Pair helps see how fonts work together. |
|
REX-RGB Placehold.it |
REX-RGB Convertions. Placehold.it can be used to add elements via links. |
|
Prettify CSS Arrow Box |
GitHub sources. Prettify helps style code snippets inside html. The Arrow box is useful for flyouts and graphic callout boxes. |
|
Preformating |
FreeFormatter |
Help format files, docs, syntax (e.g. prism.js needs markup to be escaped). |
Images |
NeedsMoreJpeg FluidBox |
Description |
Sass, Gulp, etc.
HTML preprocessors |
PugJS Html2Pug |
Preprocessor |
Compile multiple css sheets with Saas. |
Saas |
Compile multiple css sheets with Saas. |
Javascript Tools |
In-Browser editing tool for wordpress and Divi from Elegant Themes. |
|
Markup-Ref |
Markup references. |
CMS, etc.
Useful Info | CSS Hero Mockingbird-WP-sitemap title |
In-Browser editing tool for wordpress and Divi from Elegant Themes. |
DiviBooster Elegant Themes |
EG provides themes and plugins for wordpress. |
|
Divi Footer |
Description |
|
WP Hosting | Kinsta |
Kinsta is powered by Google and starts @ $100/mo for Business. |
Multisite | WPBeginner-What is WPMS title |
Useful info on WP Multisite. |
title |
Description |
Setting up POP/SMTP, etc.
Tutorials, cloud, etc.
Libraries, tutorials, etc.
Javascript Resources | JS-Tutorial |
JS-Tutorial has articles and verious plugins. |
Canvas JS Libraries | PaperJS FabricJS CreateJS Two.JS BlockJS MomentJS |
PaperJS creates animations. FabricJS is for canvas object creation. CreateJS for more advance work. Two.JS is an alt.BlockJS is for game dev. MomentJS modifies dates. |
Canvas Tutorials | William Malone |
William Malone has tutorials on game dev. |
Javascript Libraries | DynamicJS RequireJS 3DJS |
DynamicJS is for physics effects. RequireJS is a JavaScript file and module loader. |
Javascript Plugins | Skrollr ScrollMenuJS Blueprints |
Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop and No jQuery. |
JQuery | Thinkful Tutorial AnimatedModalJS |
Tutorials and resources. |
Jasmine Unit Testing |
Jasmine is used to write javascript Unit Tests as Behavior Driven Dev. |
|
Javascript Error References |
Error references. |
|
Mozilla Tutorials | Tutorials |
Using a table tag to organize data.
Git Reference | GitRef.org | GitRef.com is made by github. |
Marckdown | Wp.com GitHub | wp.com is Wordpress.com ref for markdown syntax. GitHub ref. |
Resources for design & web.
Image Dimensions | Cheat Sheet |
Tutorials, Tips, Tricks.
Useful Info | Mongools blog Mockingbird-SEO Mockingbird-Creating Traffic Mockingbird-Site Speed Mockingbird-Google Console | Blogs. |
Google Dev Tools | Google API Google Console Google Analytics Google Knowledge Graph | |
Keyword Search | Google Keyword Planner | |
Site Tests | WebPage Test WHOis ICANN UserExp.io | Speed tests, domain info look up, check site stats. |
Products & Services | KwFinder Google AdWorks Bing Webmaster | All in one apps or services. KwFinder is free for 3 searches per day. |
Title | Link |
Tricks, Games, Exercises, Tech, etc.
Using a table tag to organize data.
Category | Link | Descriptions |