adriancooke + css 87
CSS - text-overflow
may 2011 by adriancooke
text-overflow: ellipsis;
css
design
web
browsers
howto
examples
may 2011 by adriancooke
Sass - Syntactically Awesome Stylesheets
march 2011 by adriancooke
Ruby-based syntax for extending stylesheets using variables, nesting, rule block re-use and simplified inheritance. Compiles down to CSS.
css
framework
ruby
march 2011 by adriancooke
Pure CSS3 box-shadow page curl effect
december 2010 by adriancooke
Example styles from Matt Hamm.
css
css3
design
html5
december 2010 by adriancooke
Fluid images [Unstoppable Robot Ninja]
november 2010 by adriancooke
Ethan Marcotte’s approach to fluid images with scripted IE-fix support.
css
design
development
images
browsers
mobile
screen
size
november 2010 by adriancooke
Basic Maths: a theme for WordPress
november 2010 by adriancooke
“Designed and developed by Khoi Vinh of Subtraction.com with Allan Cole of fthrwght.com”
css
design
wordpress
theme
mobile
grid
layout
november 2010 by adriancooke
More than 100 free email templates from world-class designers - Blog - Campaign Monitor
october 2010 by adriancooke
David Greiner. Updated Campaign Monitor template gallery.
email
design
marketing
html
css
css3
october 2010 by adriancooke
Shake the blues by overriding Yahoo! Mail’s default link color [Campaign Monitor]
september 2010 by adriancooke
Ros Hodgekiss on how to overcome the blue link problem with HTML email on Yahoo! Mail.
html
email
yahoo
mail
howto
design
css
september 2010 by adriancooke
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
september 2010 by adriancooke
By Paul Irish and Divya Manian.
css
framework
html
html5
javascript
september 2010 by adriancooke
Premailer: pre-flight for HTML email
september 2010 by adriancooke
By following the principles of JFGI, I present the holy grail of HTML email authoring.
html
email
authoring
css
inline
gmail
clients
utilities
from twitter
september 2010 by adriancooke
Horizontal and vertical centering using CSS [Noobcube]
july 2010 by adriancooke
Details various methods and browser differences.
css
design
layout
tips
howto
july 2010 by adriancooke
CSS3 Generator
july 2010 by adriancooke
Works for Border Radius, Box Shadow, Text Shadow, RGBA, @Font Face, Multiple Columns, Box Resize, Box Sizing, Outline, Selectors and Gradients.
css
css3
tool
generator
july 2010 by adriancooke
Unicorn [W3C]
july 2010 by adriancooke
Unicorn - “W3C’s Unified Validator”
theweb
markup
language
validation
html
css
standards
utilities
tools
from twitter
july 2010 by adriancooke
CSS3 PIE: CSS3 decorations for IE
july 2010 by adriancooke
Converts certain CSS3 styling features (e.g. border radius) into instructions that IE6-8 can render.
browsers
css
css3
ie6
ie7
ie8
july 2010 by adriancooke
Cross-browser kerning-pairs & ligatures
july 2010 by adriancooke
Anthony Kolber on a CSS kerning option, available in some browsers, for better typography. Interestingly, this is not defined in any CSS specs. Apparently it is an SVG property.
css
design
web
svg
typography
usability
text
july 2010 by adriancooke
Responsive web design [A List Apart]
june 2010 by adriancooke
Ethan Marcotte’s fluid layouts.
css
css3
design
mobile
display
june 2010 by adriancooke
Drop cap: The next generation [SitePoint]
may 2010 by adriancooke
James Edwards on fancy drop caps.
design
css
howto
images
markup
type
may 2010 by adriancooke
jQuery Masonry [David DeSandro]
may 2010 by adriancooke
jQuery layout plugin by David DeSandro that enables uneven sized columns (length and width) to slot together as in print.
css
javascript
jquery
layout
plugin
may 2010 by adriancooke
iPad orientation CSS [Cloud Four]
april 2010 by adriancooke
Jason Grigsby’s notes on targeting the screen orientation of an iPad via CSS.
css
html
ipad
iphone
ux
screen
orientation
howto
apple
april 2010 by adriancooke
iBooks on the iPad, a first glance [Pigs, Gourds, and Wikis]
april 2010 by adriancooke
Liz Castro on the display of ePub-formatted books on the iPad.
css
html
xml
ipad
books
design
apple
howto
april 2010 by adriancooke
iBooks and ePub [Threepress Consulting]
april 2010 by adriancooke
Liza Daly on the display of ePub-formatted books on the iPad.
css
epub
html
xml
books
ipad
apple
april 2010 by adriancooke
CSSUtilities [brothercake]
april 2010 by adriancooke
James Edwards’ new JavaScript library for revealing CSS properties on HTML elements.
javascript
css
utility
html
front-end
development
april 2010 by adriancooke
CSS3 please! - cross-browser CSS3 rule generator
march 2010 by adriancooke
Paul Irish and Jonathan Neal’s handy CSS3 rule-generator covering supported features in Chrome, Firefox, IE, Opera and Safari.
css
css3
tool
utility
javascript
browsers
syntax
march 2010 by adriancooke
Setting rather than resetting default styling [Carsonified]
march 2010 by adriancooke
Thierry Koblentz on substituting the use of “reset styles” with a base stylesheet; along the lines of the progressive enhancement approach.
css
methods
styling
front-end
design
tips
reference
march 2010 by adriancooke
CSS Border Radius
march 2010 by adriancooke
Jacob Bijani’s web page dingus for quickly fetching the border-radius CSS.
css
design
tools
utility
march 2010 by adriancooke
Star rating control with jQuery [SitePoint]
february 2010 by adriancooke
Craig Sharkie’s step-by-step guide to making a star rating control UI element using HTML, CSS and jQuery.
development
front-end
css
javascript
jquery
user
data
ratings
howto
february 2010 by adriancooke
CSS mobile contents and compatibility [Quirksmode]
february 2010 by adriancooke
PPK’s mobile browser feature compatibility tables.
css
html
javascript
mobile
device
support
browsers
reference
february 2010 by adriancooke
Mobile compatibility tables [Quirksmode]
february 2010 by adriancooke
PPK’s mobile browser feature compatibility tables.
css
html
javascript
mobile
device
support
browsers
reference
february 2010 by adriancooke
CSS efficiency tip: use a single stylesheet file for multiple media [456 Berea Street]
february 2010 by adriancooke
Roger Johansson on how to use a single stylesheet for multiple media types.
css
design
front-end
performance
february 2010 by adriancooke
Pure CSS3 animated AT-AT walker from Star Wars [Optimum7]
february 2010 by adriancooke
Explanation of the CSS3 animation techniques used to make this WebKit-only demo.
animation
css
css3
webkit
safari
chrome
tips
february 2010 by adriancooke
WEFT-less [mezzoblue]
december 2009 by adriancooke
Dave Shea’s howto for using webfonts/font embedding with Internet Explorer, focussing on type conversion.
css
design
font
ie6
webfonts
howto
reference
browsers
december 2009 by adriancooke
Web Directions and typographic structure [Mark Boulton]
december 2009 by adriancooke
Mark Boulton provides some categories for thinking about typographic structure beyond fonts.
css
type
content
design
structure
categories
december 2009 by adriancooke
Building iPhone apps with HTML, CSS, and JavaScript [O’Reilly Labs]
december 2009 by adriancooke
Jonathan Stark on how to build new and refactor existing web sites that are optimised for the iPhone OS.
css
development
html
iphone
javascript
ipod
refactoring
reference
howto
december 2009 by adriancooke
Starting with @font-face [mezzoblue]
december 2009 by adriancooke
Dave Shea’s howto.
howto
css
webfonts
design
december 2009 by adriancooke
Invisible content just for screen reader users [WebAIM]
november 2009 by adriancooke
The right way to hide elements from sighted users but make them accessible to screen readers.
css
accessibility
screen
reader
tips
november 2009 by adriancooke
Demo: an introduction to CSS 2.1 and CSS 3 [Marc Amos]
november 2009 by adriancooke
Documentation on and examples of supported CSS2.1 and CSS3 selectors.
web
development
css
reference
examples
november 2009 by adriancooke
Overcome your caching conundrums [SitePoint]
november 2009 by adriancooke
CSS and JS caching tricks by Zach Johnson.
css
front-end
development
usability
browsers
november 2009 by adriancooke
Hiding with CSS: Problems and solutions [456 Berea Street]
october 2009 by adriancooke
Roger Johansson on best practices for hiding elements using stylesheets.
accessibility
css
html
usability
mobile
web
october 2009 by adriancooke
Skip links need to be at least temporarily visible [456 Berea Street]
october 2009 by adriancooke
Roger Johansson on what to do with skip links.
accessibility
css
html
usability
keyboard
october 2009 by adriancooke
FindMyByIP - what’s my IP address and how modern is my browser
october 2009 by adriancooke
IP address and browser characteristics feedback site.
ip
addresses
browsers
css
information
user
agents
october 2009 by adriancooke
Amperbbreviations [Adactio]
september 2009 by adriancooke
Jeremy Keith’s method for using the best possible ampersand.
css
design
september 2009 by adriancooke
Bulletproof @font-face syntax [Paul Irish]
september 2009 by adriancooke
Paul Irish on getting around browser quirks when embedding web fonts.
browsers
web
fonts
css
design
september 2009 by adriancooke
Making Modular Layout Systems [24 ways]
august 2009 by adriancooke
Jason Santa Maria’s CSS grid layout system.
css
web
design
grid
layout
tools
august 2009 by adriancooke
Chalkwork HTML royalty-free icons [mezzoblue]
august 2009 by adriancooke
Dave Shea’s “Chalkwork” icon set is now freely available.
css
design
interface
web
development
icons
free
august 2009 by adriancooke
Firefox truncates long tables when printing [sides of march]
august 2009 by adriancooke
Brian DeMarzo notes a maddening and long-standing Firefox bug, along with a workaround. We found this still affects the latest versions of FF on Mac and PC (3.5.2 at time of writing).
accessibility
browsers
bugs
css
firefox
mozilla
print
tables
august 2009 by adriancooke
Printing tables [css-discuss]
august 2009 by adriancooke
Jim Wilkinson’s tips on CSS rules for printing tables.
browsers
css
design
print
tables
august 2009 by adriancooke
Gentium Basic by SIL International [Font Squirrel]
august 2009 by adriancooke
Free serif font in TrueType format. Used with @font-face on realtech.burningbird.net and loud.anotherquietday.com.
browsers
css
design
fonts
free
type
august 2009 by adriancooke
CSS2 background-attachment on any element [quirksmode]
august 2009 by adriancooke
Peter-Paul Koch’s CSS2 background-attachment reference page. iPhone is not supported for this property.
css
design
iphone
reference
specifications
august 2009 by adriancooke
Mike asks the CSS Guy about a scrolling trick with background images (Ask the CSS Guy)
august 2009 by adriancooke
Sliding background image effects based on Eric Meyer’s complex spiral demos.
css
design
tips
august 2009 by adriancooke
Why Standards Fail [Jeffrey Zeldman Presents The Daily Report]
july 2009 by adriancooke
Zeldman on the “humanism” of the original CSS 1 specification, and the importance of finding a practical middle ground between simplicity and technical capability when constructing web standards.
accessibility
css
design
development
html
specifications
standards
web
xhtml
july 2009 by adriancooke
ePub Zen Garden
june 2009 by adriancooke
Showcase of styles using the ePub format to mark George Eliot’s “Middlemarch.”
books
css
epub
html
markup
formats
standards
publishing
june 2009 by adriancooke
Easing the path from design to development [24 ways]
may 2009 by adriancooke
Drew McLellan on handing off front-end prototypes to developers.
css
design
development
front
end
process
tips
may 2009 by adriancooke
Dinky pocketbooks with WebKit transforms [Natalie Downe]
may 2009 by adriancooke
Natalie Downe on a CSS3 technique for making printable web pages into a folding pocket book from a single sheet of paper. She calls them “PocketMods.” Supported in Safari only, as far as I know.
browsers
css
print
safari
tips
webkit
may 2009 by adriancooke
Link hover “glow” technique [Pat Nakajima]
april 2009 by adriancooke
Subtle animated link hover glow technique using jQuery by Pat Nakajima.
jquery
css
design
link
hover
colour
april 2009 by adriancooke
Sliding boxes and captions with jQuery [Build Internet!]
april 2009 by adriancooke
Sam Dunn’s animated hover technique using sliding elements over boxes.
css
jquery
design
tutorial
ui
javascript
april 2009 by adriancooke
Firefox 3.5 for developers [Mozilla Developer Center]
april 2009 by adriancooke
New HTML5, CSS3, DOM and SVG features in Firefox 3.5.
html5
css
firefox
dom
svg
browsers
documentation
april 2009 by adriancooke
Simple clearing of floats [SitePoint]
march 2009 by adriancooke
Alex Walker on the overflow:auto method of float clearing.
css
development
tips
workaround
march 2009 by adriancooke
Exploring Cufón, a sIFR alternative for font embedding [Authentic Boredom]
march 2009 by adriancooke
Cameron Moll on Cufón, a web font embedding technique.
design
css
web
font
replacement
type
embedding
march 2009 by adriancooke
Supersleight jQuery plugin for transparent PNGs in IE6 [All in the Head]
march 2009 by adriancooke
Drew McLellan’s jQuery script that fixes PNG alpha channel transparency in IE6—making it work in both the HTML img element and in PNGs included via CSS.
css
development
ie6
png
jquery
plugin
march 2009 by adriancooke
10 fixes that solve IE6 problems [SitePoint]
march 2009 by adriancooke
Good list of reminders about IE6 CSS issues by Craig Buckler.
ie6
bugs
css
tips
march 2009 by adriancooke
this is a working library
march 2009 by adriancooke
Beautiful web site by Mandy Brown.
design
css
layout
writing
reading
march 2009 by adriancooke
Fluid Grids [A List Apart: Articles]
march 2009 by adriancooke
Ethan Marcotte explains how to.
design
development
css
layout
grid
tutorials
articles
march 2009 by adriancooke
Digital Web Magazine closes it's doors [Digital Web Magazine]
march 2009 by adriancooke
Nick Finck on the closing of Digital Web Magazine.
design
css
web
magazine
articles
march 2009 by adriancooke
Using HTTP Headers to Serve Styles [Eric's Archived Thoughts]
march 2009 by adriancooke
Eric Meyer on using HTTP headers via htaccess to serve a watermark stylesheet on the testing server.
development
css
http
headers
htaccess
testing
tips
march 2009 by adriancooke
Sprite Optimization [mezzoblue]
march 2009 by adriancooke
Dave Shea on optimizing image sprites for performance with high traffic sites.
design
development
css
image
performance
optimisation
ui
march 2009 by adriancooke
fecklessmind - How to create perfect form markup and style it with CSS
march 2009 by adriancooke
Anatoli Papirovski on a general approach to form markup and CSS styling.
design
css
markup
forms
march 2009 by adriancooke
Ten great tools for working with HTML and CSS [CSS Orgy]
february 2009 by adriancooke
Includes a table markup generator, a couple of CSS cleanup tools, and a grid design tool.
design
development
css
tools
list
february 2009 by adriancooke
Feedback on 'WaSP Community CSS3 Feedback 2008' [Eric's Archived Thoughts]
february 2009 by adriancooke
Eric Meyer kicks off a four-part reaction to WaSP's call for community feedback on CSS3. He's adamant about the need for a new layout model for CSS. Interesting that he doesn't like the CSS tables approach one bit.
browsers
css
standards
specifications
february 2009 by adriancooke
A free font success story [Clagnut]
february 2009 by adriancooke
Richard Rutter on Museo and the magic of webfonts.
design
css
web
type
free
february 2009 by adriancooke
related tags
accessibility ⊕ addresses ⊕ agents ⊕ animation ⊕ apache ⊕ apple ⊕ archives ⊕ articles ⊕ authoring ⊕ bookmarksgoogle ⊕ books ⊕ browser ⊕ browsers ⊕ bugs ⊕ caching ⊕ categories ⊕ character ⊕ chrome ⊕ clients ⊕ colour ⊕ content ⊕ css ⊖ css3 ⊕ data ⊕ design ⊕ development ⊕ device ⊕ display ⊕ documentation ⊕ dom ⊕ email ⊕ embedding ⊕ encoding ⊕ end ⊕ epub ⊕ examples ⊕ firefox ⊕ flash ⊕ font ⊕ fonts ⊕ formats ⊕ forms ⊕ framework ⊕ free ⊕ front ⊕ front-end ⊕ generator ⊕ gmail ⊕ google ⊕ graded ⊕ graphics ⊕ grid ⊕ guidelines ⊕ headers ⊕ hover ⊕ howto ⊕ htaccess ⊕ html ⊕ html5 ⊕ http ⊕ icons ⊕ ie6 ⊕ ie7 ⊕ ie8 ⊕ image ⊕ images ⊕ information ⊕ inline ⊕ interface ⊕ ios ⊕ ip ⊕ ipad ⊕ iphone ⊕ ipod ⊕ javascript ⊕ jquery ⊕ keyboard ⊕ language ⊕ layout ⊕ link ⊕ list ⊕ magazine ⊕ mail ⊕ marketing ⊕ markup ⊕ methods ⊕ mobile ⊕ mozilla ⊕ optimisation ⊕ orientation ⊕ osx ⊕ performance ⊕ plugin ⊕ png ⊕ print ⊕ process ⊕ publishing ⊕ ratings ⊕ reader ⊕ reading ⊕ refactoring ⊕ reference ⊕ replacement ⊕ responsive ⊕ ruby ⊕ safari ⊕ screen ⊕ size ⊕ specifications ⊕ standards ⊕ structure ⊕ styling ⊕ support ⊕ svg ⊕ syntax ⊕ tables ⊕ testing ⊕ text ⊕ theme ⊕ theweb ⊕ tips ⊕ tool ⊕ tools ⊕ tutorial ⊕ tutorials ⊕ type ⊕ typography ⊕ ui ⊕ unicode ⊕ usability ⊕ user ⊕ utilities ⊕ utility ⊕ ux ⊕ validation ⊕ w3c ⊕ wcag2 ⊕ web ⊕ webfonts ⊕ webkit ⊕ wordpress ⊕ workaround ⊕ writing ⊕ xhtml ⊕ xml ⊕ yahoo ⊕Copy this bookmark: