public marks

PUBLIC MARKS from Spone with tag css

June 2011

May 2011

Font sizing with rem - Snook.ca

by 4 others (via)
Determining a unit of measurement to size our text can be a topic of heated debate, even in this day and age. Unfortunately, there are still various pros and cons that make the various techniques less desirable. It's just a matter of which less-desirable is most desirable. There are two main techniques that are extolled: Size with px Size with em Let's review these two approaches before I reveal the magical third.

April 2011

January 2011

CSS background image hacks – Nicolas Gallagher

by 1 other
Emulating background image crop, background image opacity, background transforms, and improved background positioning. A few hacks relying on CSS pseudo-elements to emulate features unavailable or not yet widely supported by modern browsers.

3D Text

by 4 others (via)
Use multiple text-shadows to create 3D text on any HTML element. No extra HTML, no extra headaches, just awesomesauce.

December 2010

dompdf - Project Hosting on Google Code

by 1 other
dompdf is an HTML to PDF converter. At its heart, dompdf is (mostly) CSS 2.1 compliant HTML layout and rendering engine written in PHP. It is a style-driven renderer: it will download and read external stylesheets, inline style tags, and the style attributes of individual HTML elements. It also supports most presentational HTML attributes.

October 2010

Lettering.JS | daverupert.com

by 3 others
Web Typography is exploding all over the web. We developed a lightweight, easy to use jQuery plugin for radical Web Typography.

July 2010

Vendor-prefixed CSS Property Overview « Peter Beverloo

by 4 others
Next to having four seperate pages for the major rendering engines, this page shows a clearer overview of the implemented, prefixed properties, and their counterparts in other engines.

June 2010

Fighting the @font-face FOUT « Paul Irish

by 4 others
FOUT is what I'm calling the flash of unstyled text that you get while using @font-face in Firefox and Opera.

May 2010

April 2010

phamlp - Project Hosting on Google Code

Haml and Sass have been used in Ruby for sometime to simplify templates (Haml) and make CSS more intelligent, flexible and manageable (Sass); now they come to PHP in PHamlP.

March 2010

Sass - Syntactically Awesome Stylesheets

by 6 others
Sass makes CSS fun again. Sass is CSS, plus nested rules, variables, mixins, and more, all in a concise, readable syntax.

CSS Speech Bubble · David DeSandro

by 2 others
Speech bubble icons have become synonymous with comments. When creating yet another one for a standard comment link, it occurred to me that there might be a way to make the icon without ever opening up an image editor. It could all be done with CSS. After all, a word bubble is only two shapes a rounded rectangle and a triangle. For it to work, I just needed to add a couple tags inside the comment link.

jQuery Masonry · David DeSandro

by 8 others
Masonry is a 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 then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

February 2010

Firefox: 46 features you might not know about ✩ Mozilla Hacks – the Web developer blog

Ever since the release of Firefox 3 we’ve been doing a lot of work to add new capabilities for web developers. We thought it would be worth it to make a post that actually listed all of the features that we knew about and people might not know about. This contains everything that we’ve done over the last three releases or so, but calls out stuff that’s new in 3.6.

Negative letter-spacing « Freelance Web Designer

by 1 other
I worked today on PSD to XHTML conversions and noticed that, only firefox work well with negative letter-spacing. So, I had to adjust space between letters a little … less than 1 px, so I placed in my css “letter-spacing: -0.04em”. This work only in Firefox (I have installed FF3.0 ). I made some tests and here are results

December 2009

November 2009

CSS Compatibility and Internet Explorer

by 1 other

With each new release of Windows Internet Explorer, support for the Cascading Style Sheets (CSS) standard has steadily improved. Internet Explorer 6 was the first fully CSS, Level 1-compliant version of Internet Explorer. Windows Internet Explorer 8 is fully compliant with the CSS, Level 2 Revision 1 (CSS 2.1) specification and supports some features of CSS Level 3 (CSS 3).

October 2009

Why we skip Photoshop - (37signals)

When designing a UI we usually go right from a quick paper sketch to HTML/CSS. We skip the static Photoshop mockup. Here are a few reasons

September 2009