This month
mattapperson's gist: 1621570 — Gist
by Xavier Lacot
An android layout for having the tabs at the bottom of the screen. The ciontent of this file has to be put in platform/android/res/layout/titanium_tabgroup.xml
15 Great Examples of Websites using jQuery Masonry | Web Resources | WebAppers
by sbrothier
jQuery Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.
January 2012
jQuery: Customizable layout using drag and drop - DevHeart
by eledo34 & 1 other (via)
Un tuto sur la mise en place d’un layout personnalisable par drag n drop avec jquery ui
December 2011
Leaving Old Internet Explorer Behind — Joni Korpi
by Spone
Instead of enabling media queries in the browsers that don’t support them, like Internet Explorer 6–8, I chose to simply serve them the Narrow Layout, slightly enhanced with Paul Irish’s IE conditional classes.
Tepco Erects Tent Around Blasted Fukushima Daiichi Reactor - Japan Real Time - WSJ
But even before the construction began, there were challenges. There was no detailed plant blueprint, for one. That information was trapped in a computer in the reactor building and inaccessible. The only layout available was one produced 40 years ago, which didn’t include any of the stacks, pipes and buildings added later.
November 2011
Thematic, A WordPress Theme Framework | ThemeShaper
by mozkart & 3 others (via)
Thematic is a free, open-source, highly extensible, search-engine optimized WordPress Theme Framework featuring 13 widget-ready areas, grid-based layout samples, styling for popular plugins, and a whole community behind it. It’s perfect for beginner bloggers and WordPress development professionals.
October 2011
Mozilla in Asia » Blog Archive » how to make your own Gecko reflow video
by Rik
Then run the build to output a layout progress log as C:mozilla-buildlogout.txt.
August 2011
The Semantic Grid System: Page Layout For Tomorrow
by 84GHz
The Semantic Grid System delivers the best of both worlds: the power and convenience of a CSS grid and the ideal separation of mark-up and presentation.
July 2011
Useful Wireframing and Prototyping Tools – Roundup
by oseres
Wireframing is a really great way to help you work out the initial layout and design of your (or your clients) site. It means you can come up with a range of different concepts without having to invest a huge amount of time or money into each concept. You can do both low fidelity (sketches, really) and high fidelity wireframes, test them with one of the usability tools we listed last time, and work out what is going to be the best design for you,
text-overflow - MDN Docs
by srcmax (via)
The text-overflow CSS property determines whether an ellipsis ("…") displays when text content has overflowed its given layout area. To force overflow to occur and ellipses to be applied, the author must apply some additional properties on the element. See example below.
June 2011
Columnizer jQuery Plugin
by jpcaruana & 4 others (via)
The Columnizer jQuery Plugin will automatically layout your content in newspaper column format. You can specify either column width or a static number of columns. And, of course, it’s easy to use!
FitText - A plugin for inflating web type
by jpcaruana & 5 others (via)
FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.
Sitepatching - YouTube, Twitter, more Hotmail
PATCH-444, Make Twitter hashtags visible. Twitter does some script magic and ends up with broken element nesting: <span><strong>foo</span></strong> in turn causing Opera's layout engine to be upset. This will be fixed with the new parser so we'll just patch it meanwhile.
Designmoo | A community for discovering and sharing free PSDs, vectors, textures, patterns, fonts, and more.
by eledo34 & 3 others
Les ressources présentées sur Designmoo sont magnifiques et ont fait l’objet d’un travail soigné. Ces ressources sont classées en 9 catégories :
Web Layout
UI Elements
Graphics
Patterns
Icons
Textures
Emails Newsletter layout
Illustrations
Fonts
Omega | Drupal 7 Base Theme with HTML5 & 960gs support
by holyver
Omega is an evolved implementation of the 960.gs in Drupal supporting HTML5, giving you full control over your layout, advanced region placement and controls, and contextual layouts provided by the Delta and Context modules.
HTML EMAIL BOILERPLATE v 0.4 updated 5/12
by gregg & 4 others
Welcome to the HTML Email Boilerplate. This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc.
HTML EMAIL BOILERPLATE v 0.4 updated 5/12
by Spone & 4 others (via)
Welcome to the HTML Email Boilerplate. This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc.
