background preloader

The only script in your HEAD

The only script in your HEAD
Responsive Design (Think @media-queries, and more) Achieve responsive design with CSS that targets different screen resolutions, paths, states and browsers. Need to display an element at a specific screen size ? As you can see above, if you can write it in CSS, you can usually also write it in JavaScript. mobile, desktop, landscape, portrait, touch, viewport height, viewport width, screen height, screen width, browser height, browser width, browser name (ie, chrome, ff, ios, android, webkit, opera), browser version, current folder, current page Feature Detections (Like Modernizr.

Nudity detection with JavaScript and HTMLCanvas nude.js is a JavaScript implementation of a nudity scanner based on approaches from research papers. HTMLCanvas makes it possible to analyse image data and return whether it's nude or not. The script only detects nudity, the rest of the programming logic (image swap/auto-save ;-) /whatever) belongs to the programmer.Update: First improvements and next steps of nude.js (Article) The real world usage for client side nudity detection could be in webproxies with child security filters, and maybe even more (e.g. on social media plattforms) nude.js is Open Source and definitely not finished (lots of improvements to do).Contributions are very welcome, the goal is to build a reliable client-side nudity scanner.

progressive <canvas> pie charts Peity (sounds like deity) is a jQuery plugin that converts an element's content into a <svg> mini pie 2/5 donut 5,2,3 line 5,3,9,6,5,9,7,3,5,2 or bar chart 5,3,9,6,5,9,7,3,5,2 and is compatible with any browser that supports <svg>: Chrome, Firefox, IE9+, Opera, Safari. Download version 3.2.1 Uncompressed 8.7Kb jquery.peity.js Minified 3.6Kb (+gzipped 1.7Kb) Learning How to Code Has Never Been Easier - StumbleUpon Programming isn’t just a niche specialization anymore, rather a necessity for tech-professionals regardless of the industry in which they work. Thankfully for them, it couldn’t be any easier.As such, there’s a big push lately to make coding literacy more widespread among the general populace. Even Mayor Bloomberg is getting in on the act, pledging to learn basic coding in 2012 as his New Year’s resolution.

20 JavaScript Frameworks Worth Checking Out The number of web applications being created and used has grown rapidly since the new millenium. And importantly, so has the sheer complexity of them -- specially on the front end. No more static pages, no sir! Crossroads.js: JavaScript Routes System Crossroads.js can be used as a regular JS file creating a global crossroads variable, an AMD module which doesn’t generate any global variables and also as a CommonJS module. You can use the same distribution file for all the environments (since v0.6.0). crossroads.addRoute(pattern, [handler], [priority]):Route Creates a new route pattern listener and add it to crossroads routes collection. Parameters

JavaScript Garden Function Declarations and Expressions Functions in JavaScript are first class objects. That means they can be passed around like any other value. HowStuffWorks &The Basics of C Programming& - StumbleUpon The previous discussion becomes a little clearer if you understand how memory addresses work in a computer's hardware. If you have not read it already, now would be a good time to read How Bits and Bytes Work to fully understand bits, bytes and words. All computers have memory, also known as RAM (random access memory). HTML5 Cross Browser Polyfills · Modernizr/Modernizr Wiki The No-Nonsense Guide to HTML5 Fallbacks So here we're collecting all the shims, fallbacks, and polyfills in order to implant HTML5 functionality in browsers that don't natively support them. The general idea is that: We, as developers, should be able to develop with the HTML5 APIs, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly. Looking to conditionally load these scripts (client-side), based on feature detects? See Modernizr.Looking for a guide to write your own polyfills?

JavaScript Garden Although JavaScript deals fine with the syntax of two matching curly braces for blocks, it does not support block scope; hence, all that is left in the language is function scope. function test() { // a scope for(var i = 0; i < 10; i++) { // not a scope // count } console.log(i); // 10} There are also no distinct namespaces in JavaScript, which means that everything gets defined in one globally shared namespace. Each time a variable is referenced, JavaScript will traverse upwards through all the scopes until it finds it. Solutions to 5 Common Ajax Problems The modern web developer who does not consider Ajax when planning or building their websites is potentially missing out on a powerful tool to enhance usability. There are however, challenges in implementing Ajax functionality on a web page. In this article we’ll discuss solutions to five of the most common challenges that a developer faces when using Ajax to enhance the content on their website.

Get Started With HTML5: Tips, Showcases, And Coding Samples HTML5 is gaining more popularity and starting to evolutionise the entire web interface. Even some web developers quoted that HTM5 elements and visual effects are comparable to Flash. The new scripting style is easy to understand and capabilities to enhance the web interface is limitless. So how interesting is this HTML5 anyway? This article is intended to give readers an insight on what you should know about the HTML5 and most importantly some tips & tricks on creating lightweight, attractive, and interactive HTML5 pages. 1.

Stellar.js - Documentation Getting Started Stellar.js is a jQuery plugin that provides parallax scrolling effects to any scrolling element. The first step is to run .stellar() against the element: Kaffeine Kaffeine is a set of extensions to the Javascript syntax that attempt to make it nicer to use. It compiles directly into javascript that is very similar, readable and line for line equivalent to the input (you can beautify if you like). Philosophy HTML5 and CSS3 Web Page Tutorials This post is a roundup of latest free web design resources released during the month of March. This collection includes patterns, icons, themes, and… Continue Reading → These days many artists are collaborating with big brands in order to reach a mass market. As well as interiors, artists and designers are…