background preloader

Blogging with Jekyll Tutorial

Blogging with Jekyll Tutorial

Home | ruhoh universal static blog generator CEDVEL Unit Verse | Unit Interactive's Design, Development, and Business Blog Project Launch: The Investment Center Redesign We are pleased to announce the redesign launch of The Investment Center (TIC) website, a broker/dealer site for investment advisors and their clients. Project Launch: Peeper’s Eyewear Redesign We’ve just launched a site for Peeper’s, a luxury eyewear seller in Dallas who has been in business for over 35 years, the longest in the area. Project Launch: Because Furman Matters Redesign We are pleased to announce the redesign launch of Furman University’s “Because Furman Matters” (BFM) campaign website. Project Launch: IOMA’s Institute of Finance & Management We are pleased to announce the launch of IOMA’s Institute of Finance & Management (IOFM). Project Launch: Xomba Redesign We are pleased to announce the redesign launch of Xomba, an online writing and social networking community. We’re Looking for a JS Developer We’re looking for a JavaScript developer to join us in our Plano, Texas office on a special project. What a Nice Thank-You Card

LESS Elements: a collection of useful LESS mixins ImageOptim — make websites and apps load faster (Mac app) Il Retina Display rivoluzionerà anche i siti Web? La stratosferica risoluzione dei nuovi MacBook Pro potrebbe aprire un nuovo fronte nel modo di presentare i contenuti sul Web e l’entusiasmo manifestato dai Web Designer è ben piu’ di un auspicio. Ora che il sogno di avere il Retina Display anche sui nostri Mac si è realizzato nasce spontanea una domanda… cui prodest? Al di là dell’evidente miglioramento che si possa ottenere con contenuti nei quali è ben visibile la maggior definizione, nell’esperienza d’uso giornaliera, in particolare nella navigazione sul Web, in che modo la maggior definizione dovrebbe migliorare (e tale) o cambiare il nostro modo di fruire di tali contenuti? L’interrogativo è alla base di un articolo pubblicato su The Next Web, in cui, paradossalmente, si evidenzia come proprio in virtu’ della maggior definizione video, pixel nascosti, artifici dei designer per mascherare aree non omogenee e difetti di allineamento nel templating dei siti, possano venire alla luce come se posti sotto una lente di ingrandimento.

The Perfect 3 Column Liquid Layout: No CSS hacks. SEO friendly. iPhone compatible. Download this layout (25kb zip file). Percentage dimensions of the holy grail layout All the dimensions are in percentage widths so the layout adjusts to any screen resolution. Vertical dimensions are not set so they stretch to the height of the content. Maximum column content widths To prevent wide content (like long URLs) from destroying the layout (long content can make the page scroll horizontally) the column content divs are set to overflow:hidden. 800 x 600 Left & right columns: 162 pixels Center page: 357 pixels 1024 x 768 Left & right columns: 210 pixels Center page: 459 pixels The nested div structure I've colour coded each div so it's easy to see: The header, colmask and footer divs are 100% wide and stacked vertically one after the other. No CSS hacks The CSS used for this layout is 100% valid and hack free. SEO friendly 2-1-3 column ordering Full length column background colours In this layout the background colours of each column will always stretch to the length of the longest column.

Initializr - Start an HTML5 Boilerplate project in 15 seconds!

Related: