background preloader

Baseline - a designer framework by ProjetUrbain.com

Baseline - a designer framework by ProjetUrbain.com
“Real” baseline grid on the web When I first started to design Baseline, I wanted to base the grid on the work of Josef Müller-Brockmann, unfortunately some missing CSS attributes — like type leading — kept me from implementing a true grid based approach. I then decided to another look at the basic grid used in print: the baseline grid. Most frameworks and examples of baseline grids simply put the type on a regular line-height, but one problem with this approach is that the text rarely lines up correctly between columns and headlines — H1 through H6. How to use Baseline Baseline can be used in many different ways. Download The .zip file includes the full set of CSS files both for development and deployment, a Photoshop base document and a full set of HTML templates and examples. Going from 0.2 to 0.5 I’ve jumped the version from 0.2 to 0.5 because Baseline is getting closer to be feature complete than what I had anticipated. Known problems and limitations Version history Version 0.5.1

Uniform - Sexy forms with jQuery Sexy form elements with jQuery. Now with HTML5 attributes! Version 2.1.1 Works well with jQuery 1.6+, but we've received patches and heard that this works with jQuery 1.3. Licensed under the MIT License Installation Installation of Uniform is quite simple. This relies upon a copy of jquery.uniform.js, uniform.default.css and the various images all being available on your webserver. Basic usage Using Uniform is easy. // Style all <select> elements $("select").uniform(); To "uniform" all possible form elements, just do something like this. // Style everything $("select, input, a.button, button").uniform(); You can exclude elements too by using more jQuery selectors or methods: // Avoid styling some elements $("select").not(".skip_these").uniform(); // Method 1 $('select[class! A complete set of tags in the HEAD section of your site can therefore look like this: <! Extra parameters You can pass in extra parameters to control certain aspects of Uniform. There is a separate listing of global defaults.

Popcorn.js | The HTML5 Media Framework 960 Grid System WebFrameworks A Web framework is a collection of packages or modules which allow developers to write Web applications (see WebApplications) or services without having to handle such low-level details as protocols, sockets or process/thread management. The majority of Web frameworks are exclusively server-side technology, although, with the increased prevalence of AJAX, some Web frameworks are beginning to include AJAX code that helps developers with the particularly tricky task of programming (client-side) the user's browser. At the extreme end of the client-side Web Frameworks is technology that can use the web browser as a full-blown application execution environment (a la gmail for example): see Web Browser Programming for details. Generally, frameworks provide support for a number of activities such as interpreting requests (getting form parameters, handling cookies and sessions), producing responses (presenting data as HTML or in other formats), storing data persistently, and so on.

Touch - JavaScript Mobile Framework for Building HTML5 Web Apps DHTMLX Touch is a free open source JavaScript library for building HTML5-based mobile web apps. It's not just a set of UI widgets, but a complete framework that allows you to create eye-catching, robust web applications that run on iOS, Android, and other mobile platforms. Syntax DHTMLX Touch framework offers intuitive object inheritance. Extendable Functionality DHTMLX Touch provides an elegant and simple solution to extend and customize the existing functionality of the library and to add new UI components. Data Storage on the Client Side Global data storage is an advanced and useful feature that allows keeping relations between data elements (e.g. list of employees and employee details form) on the client side. This feature provides automatical update of data across UI elements without user intersection. Server-Side Support Server side of DHTMLX Touch framework is based on dhtmlxConnectors (the same that used for DHTMLX Ajax library). Development Tools Compatibility Terms of Usage Support

Blueprint: A CSS Framework | Spend your time innovating, not replicating Formalize CSS - Teach your forms some manners! Free HTML 5 WordPress Theme In an effort to inspire more WordPress theme designers to embrace HTML 5, I am releasing the “H5” Theme Template. The H5 Theme Template is a bare-bones WordPress theme built entirely with HTML 5 and styled with CSS 2.1. As you may know, HTML 5 provides greater flexibility and interoperability than previous markup languages, and enables us to build well-structured themes that are more flexible, interactive, and semantically precise. About the ‘H5’ WordPress Theme Template The H5 Theme Template provides everything you need to create beautiful themes with HTML 5 right now. Unlike other frameworks, H5 works great as a basic theme right out of the box. ‘H5’ Specifications First, thanks for your interest in the H5 Theme Template. H5 is completely free and licensed under GPLH5 is a template used to build HTML-5 themesH5 is built entirely with WordPress, HTML 5, and CSS 2.1 About the markup Uses as few tags and attributes as possibleContains no <div>s, <span>s, classes, or ids! About the CSS

Related: