Sass - Syntactically Awesome Stylesheets. Developing Backbone.js Applications - By Addy Osmani (@addyosmani) Available free for open-source reading below or for purchase via the O'Reilly store.
Pull requests and comments always welcome. Prelude Not so long ago, “data-rich web application” was an oxymoron. Today, these applications are everywhere and you need to know how to build them. A better way for new feature introduction and step-by-step users guide. Writing efficient CSS selectors. 17 September, 2011 Efficient CSS is not a new topic, nor one that I really need to cover, but it’s something I’m really interested in and have been keeping an eye on more and more since working at Sky.
A lot of people forget, or simply don’t realise, that CSS can be both performant and non-performant. This can be easily forgiven however when you realise just how little you can, err, realise, non-performant CSS. These rules only really apply to high performance websites where speed is a feature, and 1000s of DOM elements can appear on any given page. But best practice is best practice, and it doesn’t matter whether you’re building the next Facebook, or a site for the local decorator, it’s always good to know… CSS selectors. WebKit for Developers. For many of us developers, WebKit is a black box.
We throw HTML, CSS, JS and a bunch of assets at it, and WebKit, somehow.. magically, gives us a webpage that looks and works well. But in fact, as my colleague Ilya Grigorik puts it… WebKit isn’t a black box. It’s a white box. And not just that, but an open, white box. 20 WebGL sites that will blow your mind. Dat.GUI. Retro Style Platform Runner Game for mobile with EaselJS (Part 1) Editors Note: The tutorial is a little bit outdated now, but it still works.
However if you would like to learn more on this topic and get a more detailed verison plus all the extras and resources, you should check out my ebook: From Zero to the Appstore – Blueprints for an HTML5 Game. Documentation. HTTP/1.1: Method Definitions. Php - REST API - why use PUT DELETE POST GET. JavaScript: Clarifying the Keyword 'this' You’re not anonymous. I know your name, email, and company. Sumit Suman recently visited a site, did not sign up for anything, did not connect via social media, but got a personal email from the site the next day.
Here’s how they did it. I’ve learned that there is a “website intelligence” network that tracks form submissions across their customer network. Live chat with your customers for sales and support. Mashape - Cloud API Hub.
Web Sites with Embedded Command Lines: You got your Command Line in my Internet. Sticky Footer. How to Prevent Email Injection in Your PHP Mail Form Scripts. Code your PHP scripts to prevent this security vulnerability by Christopher Heng, thesitewizard.com Nowadays, many websites no longer post their webmasters' email addresses, preferring instead to put up a contact or feedback form.
Mobile Apps: HTML5 vs Native. Last week, Facebook transitioned its iOS app to be fully native.
This has triggered another round of debate over the merits of native apps vs. HTML5. I am motivated to contribute my thoughts on this issue. Public discourse on this topic tends toward the extremes. How to Use the Sticky Footer HTML & CSS Code. Be sure to read the Known Issues at the bottom of this page.
It will help prevent a lot of mistakes that can take hours to debug. Introduction There are many sticky footer methods to be found in Google. I've tried many of them and they usually fail in some regards. A CSS Sticky Footer. A CSS Sticky Footer that just works We've all tried to use a CSS Sticky Footer one time or another, but they never seem to come out right, do they?
Well, the days of a hard to understand CSS Sticky Footer are thankfully over. With just a few simple CSS classes with minimal extra HTML markup, I've fashioned a CSS Sticky Footer that even beginners can get a handle on. It's been tested in IE 5 and up, Chrome, Firefox, Safari and Opera. Usage of the CSS Sticky Footer Great! Introduction to the HTML5 Web Workers: the JavaScript multithreading approach - David Rousset. An HTML5 application is obviously written using JavaScript.
But compared to other kind of development environments (like native one), JavaScript historically suffers from an important limitation: all its execution process remains inside a unique thread. This could be pretty annoying with today multi-cores processors like the i5/i7 containing up to 8 logical CPUs and even with the latest ARM mobile processors being dual or even quad-cores. Hopefully, we’re going to see that HTML5 offers to the web a way to better handle these new marvelous processors to help you embrace a new generation of web applications.
Pour ceux qui pratiquent la langue de Molière, vous trouverez une version française ici : Introduction aux Web Workers d’HTML5 : le multithreading version JavaScript Before the workers… How To Set Up Your Own Online Store. Roundabout for jQuery by Fred LeBlanc. It’s ready-to-go straight out of the box, but if you want to get crazy, Roundabout is highly-customizable with an extensive API that allows for some pretty amazing results. Roundabout requires jQuery (at least version 1.2, successfully tested through version 1.7.2). It works in all major modern browsers and even some of the older, not-so-modern ones. It’s open source and released under the BSD license, meaning that it’s free to use in your personal or commercial projects. ContentFlow. ContentFlow is a flexible CoverflowTM / ImageFlow like flow written in javascript, which can handle any kind of content. It supports all new and old major and not so major browsers. It's distributed under the MIT License.
With ContentFlow it is now possible to have any number of flows within one web-page. Each separately configurable, satisfying different visual needs. Basic jQuery Form Validation Example (2mins) This tutorial will show you how to setup front-end form validation using jQuery in just a few minutes. I’ve kept this tutorial very basic with simple clear instructions so that anyone can implement some validation on their webpage forms. There is a live demo and also a complete download package at the end of the post. View Demo Download Code Example: User Registration Form. PHP: Verify And Sanitize Email Address. Q. How do I verify input data such as email address under PHP programming language? A. You need to use PHP Filters designed for safely dealing with input parameters. It can validate and filter data coming from some insecure source, such as user input via filter extension.
This extension is part of PHP Core version 5.20 and above, but you can always install it under Linux. => regex => url => email => strings => magic_quotes => regular data types such as int, float etc. How to Validate a Form Using PHP Part 1: Complete with Error Messages! Having a site visitor fill out a form is the primary way to gather information. Forms are the main line of communication with anyone that visits your site, so taking the time to make sure users fill them out correctly is key. Using PHP, we are able to ensure that all fields are properly filled out before submission, with required adjustments being called to attention through the use of error messages. Attack. This category is for tagging common types of application security attacks. One list, many options - Using CSS and a simple list to create radically different list options.
BitTorrent Turns Web Browsers Into a File-Sharing Hub. HTML5 Presentation. In March 1936, an unusual confluence of forces occurred in Santa Clara County. RGB-to-Hex Color Converter. CSS Angles: Just the Edge Your Web Page Needs! With the influx of JavaScript libraries like jQuery and Prototype, a lot of the more basic elements of front-end development have fallen through the cracks.
Quick Tip – Resizing Images Based On Browser Window Size. How Is This Useful? In fluid layouts it is easy to format the text to adjust nicely when the window is resized, but the images are not as fluid-friendly. This Quick Tip shows you how to swap between two image sizes based on the current size of the browser, div, or whatever you decide to make the deciding factor. For those looking for a real life example, Last.fm uses this technique on their artist pages. The technique that will be used can be expanded to cause additional changes upon resize as well, beyond simply image swapping (ie captions, navigation). With that said, let’s get rolling. Step 1 – The HTML You Need.
Mousetrap - Keyboard shortcuts in Javascript. 3.8.2 HTLM5 Canvas KineticJS Rotation Animation Tutorial. Professor Cloud. This tool converts SVG into an HTML5 Canvas JavaScript function. 8 Useful Tips to Add a HTML5 Canvas Animation in Websites. Twitter Bootstrap. So, You Dropped Out of College. We Recommend These Resources. Html - How to add some non-standard font to a website. How to Install a Wiki on your Website. Download.