background preloader

HTML - CSS - Javascript

Facebook Twitter

JSON Formatter & Validator. SimpLESS - Your LESS CSS Compiler. LESS « The Dynamic Stylesheet language. JavaScript Architecture: Backbone.js Events. Updated Aug 11, 2012 to reflect current library versions.

JavaScript Architecture: Backbone.js Events

Backbone.js is an MVC framework for JavaScript applications (although some legitimately argue it’s not technically MVC). Its purpose is to provide structure to your application so it can be modular, decoupled, and scalable. If you’re not sure why you may need an application framework, please read JavaScript Architecture: The Basics first. Backbone is not a dom manipulation utility, templating engine, or UI component library. Backbone.js files and documentation can be found here or you can get involved with the source and community at GitHub. Backbone.Events At the heart of every RIA is the observer pattern (otherwise known as the publisher/subscriber pattern).

DOM elements (links, buttons, containers, etc.) already have the observer pattern natively baked in which is why you can watch for when a button is clicked without using libraries like Backbone or jQuery. The Definitive Guide to Using Negative Margins - Smashing Coding. Advertisement Since the recommendation of CSS2 back in 1998, the use of tables has slowly faded into the background and into the history books.

The Definitive Guide to Using Negative Margins - Smashing Coding

Because of this, CSS layouts have since then been synonymous with coding elegance. Out of all the CSS concepts designers have ever used, an award probably needs to be given to the use of Negative Margins as being the most least talked about method of positioning. It’s like an online taboo—everyone’s doing it, yet no one wants to talk about it. 1. We all use margins in our CSS, but when it comes to negative margins, our relationship somehow manages to take a turn for the worse. A negative margin looks like this: Negative margins are usually applied in small doses but as you’ll see later on, it’s capable of so much more. They are extremely valid CSSI’m not kidding on this one. Styleguide - Style guides for Google-originated open-source projects. Paul Irish. Ajax.googleapis.com/ajax/libs/jquery/1/jquery.js. CSS. Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or XHTML).

CSS describes how elements should be rendered on screen, on paper, in speech, or on other media. CSS is among the core languages of the open web and is standardized across Web browsers according to W3C specifications. Previously, development of various parts of CSS specification was done synchronously, which allowed versioning of the latest recommendations. You might have heard about CSS1, CSS2.1, CSS3. However, CSS4 has never become an official version. From CSS3, the scope of the specification increased significantly and the progress on different CSS modules started to differ so much, that it became more effective to develop and release recommendations separately per module.

Key resources. CSS2 - The display declaration. The display property lets you define how a certain HTML element should be displayed. display: block display: block means that the element is displayed as a block, as paragraphs and headers have always been.

CSS2 - The display declaration

A block has some whitespace above and below it and tolerates no HTML elements next to it, except when ordered otherwise (by adding a float declaration to another element, for instance). Live example: display: inline display: inline means that the element is displayed inline, inside the current block on the same line. Display: block. Color Scheme Designer 3. SF Django Meetup 07/06/2011.

JQuery Plugins

Edit this Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS) Developer Network. W3Fools – A W3Schools Intervention. Mastering CSS, Part 2: Advanced Techniques and Tools - Smashing Coding. Advertisement CSS is one of the most basic building blocks of modern web design.

Mastering CSS, Part 2: Advanced Techniques and Tools - Smashing Coding

It creates the structure and style that surrounds your content and is capable of making your site a joy to use or a pain in the neck. Mastering CSS is one of the most important things a web designer can do, and has really become an essential criteria for being a successful designer. In Part 1: Styling Design Elements we covered the basics of web design with CSS. Mastering CSS, Part 1: Styling Design Elements - Smashing Coding.

CSS is one of the most important building blocks of modern web design.

Mastering CSS, Part 1: Styling Design Elements - Smashing Coding

Standards demand the use of CSS for formatting and styling pages, and with good reason. It’s lighter-weight and capable of much more than older methods like tables. And CSS isn’t nearly as tricky as some people tend to believe. Below are fresh tips and techniques for creating and styling design elements with CSS. They’re a good place to start if you’re new to CSS but are valuable even if you’re a veteran designer. Be sure to check out the following articles: 1. CSS is now the primary language used to create page layouts on modern websites. The simplest way to horizontally and vertically center a DIV This article covers centering a DIV, both vertically and horizontally, using CSS. New CSS Sticky Footer – 20095 Here’s a sticky footer technique that’s completely cross-browser compatible. The 30 CSS Selectors you Must Memorize.

HTML, CSS, and Javascript from the Ground Up - Google Code University - Google Code. HTML5 Presentation. In March 1936, an unusual confluence of forces occurred in Santa Clara County.

HTML5 Presentation

A long cold winter delayed the blossoming of the millions of cherry, apricot, peach, and prune plum trees covering hundreds of square miles of the Valley floor. Then, unlike many years, the rains that followed were light and too early to knock the blossoms from their branches. Ebook_manual_en_dive-into-html5.