Welcome to CodeSource!

"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."

Philosophy and Design

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.
Useful videos on how to use math for coding. Scotch.io has tutorials on AngularJS, NodeJS, and other libraries. EggHead.io has courses for Redux,NodeJS, Elm and React.
The site wizard has many useful tutorials on various topics that are simple and quick to use.

Tutorial Point HTML Dog FreeWebMasterHelp Ali Jafarian CodingCage

Contains beginner tutorials and explanations for many programing languages with built-in compiler for viewing examples.
Tutorial Point also has online IDE (compilers) for many languanges. HTML Dog has good basic reference and tutorials. FreeWebMasterHelp has useful tutorials and resources. Ali Jafarian has useful tutorials.
CodingCage has tutorials on PHP, mySQL, JQuery, AJAX, JSON & Bootstrap.

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.

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.
Glyphicons has a basic free pack for social icons and paid packs for more formats and icons.
UnPlash are free high res images. Useful pixel pattern pack. SVGeneration creates svg on browser.
WebHostingHub glyphs can be added locally to apps or into html.

960 grid system Unsematic fluid grid system

Grid system for 960px width. Comes with PSD files to use as templates.
The responsive version to the 960 grid system using percentages.

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.
Google Web Designer is useful for creating web ads and animations. MapJam allows sharing of maps.
FontSquirrel has free fonts (TFF file) for download.

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.

Clearfix Hack has to do with space between elements when given float style; also check CSS Tricks. Another example of when this is needed is when height of a container div is not adjusting to child elements; one way is to add overflow:hidden to force this but if the this attribute is needed the clearfix is helpful too; read a forum. CSS selectors help simplify styles.

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.
Font Forge is font editor.

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

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.

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.
DiviBooster is a plugin the helps customize Divi Theme further. A few tricks include: Gallery Thumbnail sizes.
When using Divi theme it is important to change the Divi Footer

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

Gmail Webmail Setup

Gmail Webmail Setup explains how to stablish a server connection between google and the hosting server via POP (incoming) and SMTP (outgoing).

title title

Description1.
Description2 Title.
Description3 Title

title

Description

title

Description

title

Description

Muse Responsive

These link are useful to better understand and use adobe programs.

title title

Description1.
Description2 Title.
Description3 Title

title

Description

title

Description

title

Description

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.
3DJS is a JavaScript library for manipulating documents based on data.

Javascript Plugins Skrollr ScrollMenuJS Blueprints

Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop and No jQuery.
ScrollMenu is a nav bar with scroll effect.
The Blueprints are a collection of basic and minimal website concepts, components, plugins and layouts with minimal style.

JQuery Thinkful Tutorial AnimatedModalJS

Tutorials and resources.
AnimatedModalJS is a jQuery plugin to create a fullscreen modal with CSS3 transitions. See ScrollMenuJS for more demos that show usage as a modal for a site not just image.

Jasmine Unit Testing

Jasmine is used to write javascript Unit Tests as Behavior Driven Dev.

Javascript Error References

Error references.

Mozilla Tutorials Tutorials
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.
Image Dimensions Cheat Sheet
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
Open Source Codeology Codeology is a visual tool for GitHub projects.
Category Link Descriptions
Category Link Descriptions