X

Great Frameworks and Tools for Webmasters

I was searching for some codes, JavaScript, PHP, HMTML, CSS, XML... and I have discovered lots of interesting sites, frameworks, librairies, online tools or tutorials... Here are the best found until now in their own category.

Yes I know, it's a big ugly mess...


Amazing Curated Lists

How do you want me to compete against these marvels...

GetAwesomeness()
To find all amazing awesomeness available on Github: framework, scripting, mobile, education...

Web Site Prototyping and Frameworks

Pingendo.com
The simplest app for Bootstrap prototyping. Free, easy, powerful and gorgeous, don't miss it!

HTML5 Boilerplate
A rock-solid front-end template for HTML5, awesome!

Foundation
Mobile First advanced responsive front-end framework to code faster and get faster code.

Foundation for Apps
Front-end framework to build fully flexibe and responsive web applications (SASS), powered by Angular.

Laravel
PHP Framework with expressive, beautiful and readable syntax to quickly deliver app.

Webplate
Easy to use front-end framework, stay focused on making your web site or application.

LayoutIt!
Generate fluid and responsive front-end code quickly with Bootstrap just by Drag and Drop.

CheatSheets

ToDoMVC.com
Help you to choose an MV framework to structure and organize your JavaScript web applications.

CheatoGraphy.com
Amazing directory for compute, developers but also math, space, cooking,...

OverAPI.com
Programming Languages, Frameworks, Mathematics, DB, Software, OS...

Cheatsheets for Web Designers, css,...
Nice summary of CheatSheets and Check Lists.

This and That

Fibonacci
A Flexbox composer to generate web page layouts without having to code in HTML or CSS.

Emmet.io
Plugin for many text editors to improve HTML & CSS workflow, really a huge time saver.

CodeMirror Editor
Code Editor for Web Browser, made in JavaScript, more than 90 programming languages, lot of addons, rich API and lot of themes.

ImaCSS
Converts several images into data URI and save them in one CSS file as background images.

RealFaviconGenerator.net
Generates all the images, icons and HTML code for great favicon on all platforms.

Face Detection
jQuery and Zepto plugin for detecting faces on images and videos.

markItUp!
JavaScript plugin to turn a textarea into a markup editor, HTML, Textile, Wiki Syntax, Markdown, BBcode.

Site and Server Acceleration

velocityconf.com
webpagetest.org
stevesouders.com - JavaScript Performances
javascriptlint.com - Check javascript good practices and mistakes
neustar.biz - Free website performance test

red.org
Check web site for problems, headers, caches,...

yepnopejs.com
Asynchronous conditional resource loader to load only the scripts the users need.

10 ways to instantly increase your jQuery performance
Increase jquery performance

top 50 jquery plugins and tutorials
Top 50 JavaScript, jQuery Plugins and Tutorials From 2011

smashinghub.com 21 helpful jQuery tutorials and plugins
21 Helpful jQuery Tutorials and plugins

initializr.com
HTML5 multi-compatible templates generator

html5doctor.com
Tips, tutorial and solutions

modernizr.com
Websites exactly right no matter what browser or device your visitors use.
See also www.modernizr.com Resources

cross browser html5 forms using modernizr
Cross Browser HTML5 Forms Now, Using modernizr, webforms2 and html5Widgets

history.js
HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers

underscore.js
Library for JavaScript that provides a lot of the functional programming support
Also in PHP: github underscore
Add Strings manipulation tools: github underscore.string

qooxdoo.org
JavaScript object-oriented programming model framework to create applications.

adobe.com Spry
Spry framework for Ajax is a JavaScript library

substance.io
Data Manipulation and Graph Persistence for Node.js and the Browser

osteele.com functional-javascript
Library for functional programming in JavaScript

crockford.com inheritance
Classical Inheritance in JavaScript

paperjs.org
Vector Graphics Scripting, based on scriptographer.org

github jQuery UI BootStrap
Based on Twitter's Bootstrap: github BootStrap

larsjung.de
Directories on Apache servers get styled in a modern way and browsing is enhanced by different views, a breadcrumb and a tree overview.

browserscope.org
Profiling web browsers. by tracking browser functionality and to be a resource for web developers

kangax.github.com
ECMAScript 5 compatibility table

htmlemailboilerplate.com
Valid multiplatform email template codes

filamentgroup.com
Fast CSS media queries for internet explorer, and lot of other free codes!

jsfiddle.net
Online Editor and Tester for JavaScript, MooTools, jQuery, Prototype, YUI, Dojo, HTML, CSS...

CSSlint.net
CSS deep analysis and error/warning reports, better than w3.org

ProCSSor
Clean CSS and organize it like you want, braces stlyes, indentation... great for consistency.

StyleNeat.com
Online service to format and organize CSS selectors and sub-selectors.

CodeBeautifier.com
Clean you code, it is based on csstidy 1.3.

Dust Me Selector
A FireFox add-on which reports CSS code used or not for each page of a site.

DirtyMarkup.com
Can clean and compress format and validate CSS, HTML and JavaScript using the same user defined organization format.

jslint.com
JavaScript code quality tool, help follow best practices, reports.

JavaScriptlint.com
JavaScript deep analysis and error/warning reports.

Flow
Static type checker to find type errors in JavaScript codes with no modification to your code!

Codeacy.com
Provides (free, trial and paying) continuous and automated code review for CSS, PHP, JavaScript, Python.

For CSS, HTML, JavaScript, PHP compression/acceleration/optimization tools
check my page How to Accelerate Your Web Site for SEO


Fix M$ Browsers to make them standards-compliant:
selectivizr.com
code.google.com ie7-js
modernizr.com
stuffandnonsense.co.uk log Universal Internet Explorer 6 CSS

mothereffingtextshadow.com
useragentman.com CSS blurred text shadow in MS IE
whattheheadsaid.com Nice text shadow in internet explorer
Text Shadow for MS Browsers
Text Shadow even for M$ 7, 8 and 9, with or without jQuery

lab.komodomedia.com
CSS3 codes, animation, zoom...

css-tricks.com
PHP, JavaScript, HTML,... snippets

harvesthq.github.com/chosen
JavaScript plugin tho makes long select boxes more user-friendly, available in both jQuery and Prototype flavors.

coffeescript.org
Little language that compiles into JavaScript, a nice summary at wiht.link/CoffeeScript

videojs.com
Free & Open Source HTML5 Video Player
Same HTML/CSS skin and JavaScript API for HTML5 and Flash Video

webkitclock
A CSS3 clock
http://onotakehiko.com/

tympanus.net tutorials - Amazing tutorials and samples.

smashingmagazine.com
useragentman.com/blog Don't miss this one... full of tips and solutions.
ejohn.org
webdesignerwall.com
blog.svnlabs.com
webutils.pl



I put these links about syntax highlighting, etc... to avoid loosing them...
One day, may be, I will create widgets


http://colorer.sourceforge.net/

wikipedia.org List of HTML Editors
wikipedia.org Cascading Style Sheets
css-tricks.com Common Unicode Icons
css3pie.com - make M$IE compatible: box shadow, radius, gradients.

wikipedia.org List of PHP Editors
blog.svnlabs.com/php-syntax-highlighter
svnlabs.com tools

blog.svnlabs.com Sound Alert

probablyprogramming.com the tiniest gif ever
css-tricks.com post data to an iframe

blog.svnlabs.com stock indicator using css sprites

css-tricks.com email address validation





Copyright © 2009-2017 - Tous droits réservés - Informations légales - Sitemap