adriancooke + design 132
CSS - text-overflow
may 2011 by adriancooke
text-overflow: ellipsis;
css
design
web
browsers
howto
examples
may 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
Mike Kus - Dreaming Everyday About Design
november 2010 by adriancooke
Beautiful new personal site by designer Mike Kus of Carsonified.
design
designer
agency
personal
site
november 2010 by adriancooke
Review of popular web font embedding services [Smashing Magazine]
october 2010 by adriancooke
I had no idea there were so many.
webfonts
webapps
type
design
october 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
Gradual engagement boosts Twitter sign-ups by 29% [LukeW]
october 2010 by adriancooke
Luke Wroblewski talks through the changes in the Twitter sign-up process and how it improved their engagement measures.
forms
twitter
usability
ux
design
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
Fluid - an open-source software community
september 2010 by adriancooke
From the site: Fluid builds user interfaces, designs commonly used interactions, teaches others how to build good user-centred designs, and works with other software projects to integrate our solutions into their applications. Fluid is a project of the Inclusive Design Research Centre, OCAD University, funded by a grant from The Andrew W. Mellon Foundation.
accessibility
design
ui
usability
ux
interface
september 2010 by adriancooke
CSS3 border images for beautiful, flexible boxes [SitePoint]
september 2010 by adriancooke
Louis Lazaris runs through some examples.
css3
design
browsers
standards
howto
reference
september 2010 by adriancooke
Pixel patterns for photoshop [Naomi Atkinson Products]
august 2010 by adriancooke
For use as background textures in web page design. Via Dan Cederholm.
design
pattern
patterns
photoshop
textures
resources
august 2010 by adriancooke
Harmony Website Management
august 2010 by adriancooke
Hosted content management system build on rails.
cms
design
development
tools
rails
ruby
hosting
august 2010 by adriancooke
40 minimalist icon, symbol and pictogram sets [SpyreStudios]
august 2010 by adriancooke
Roundup of some of the best icon sets.
design
icons
minimalism
reference
august 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
The content is the Cargo
july 2010 by adriancooke
CMS for artists and designers.
cms
design
platform
artist
designer
july 2010 by adriancooke
User interface design framework – GUI elements library for Illustrator
july 2010 by adriancooke
Free (back-link required) GUI elements, interface icons and color schemes for Adobe Illustrator.
design
gui
icons
interface
vector
adobe
illustrator
plugin
mockups
july 2010 by adriancooke
Big wins with quick changes [Think Vitamin]
july 2010 by adriancooke
Ryan Carson on the value of iterating quickly on a web page layout based on user feedback.
site
layout
design
iteration
user
feedback
wireframing
july 2010 by adriancooke
FontFonter
july 2010 by adriancooke
Tool from FontShop that lets you preview a site in their fonts.
design
tool
typography
webfonts
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
Touch gesture reference guide [LukeW]
june 2010 by adriancooke
Luke Wroblewski’s tough gestures guide and resources.
design
reference
ui
touch
mobile
june 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
Taking advantage of HTML5 and CSS3 with Modernizr [A List Apart]
june 2010 by adriancooke
Faruk Ateş explains how and why to use Modernizr.
browsers
design
html5
css3
javascript
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
15 gorgeous and effective HTML emails [SitePoint]
may 2010 by adriancooke
Mathew Patterson provides a showcase of HTML e-mail designs.
html
email
design
layout
type
usability
conversion
may 2010 by adriancooke
Sexy interactions with CSS transitions [Carsonified]
may 2010 by adriancooke
Faruk Ateş on color transitions with CSS3.
css3
color
animation
design
howto
may 2010 by adriancooke
The principles of HTML email design [SitePoint]
may 2010 by adriancooke
Mathew Patterson really is the best at this.
email
html
design
usability
howto
resources
may 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
Contrast is king [A List Apart]
march 2010 by adriancooke
Leslie Jensen-Inman on building accessible sites based on color schemes.
usability
accessibility
colour
contrast
design
graphic
reading
march 2010 by adriancooke
Fireworks alternatives on trial: Acorn, Drawit and Opacity [Hicksdesign]
march 2010 by adriancooke
Jon Hicks trials alternatives to Adobe Fireworks.
design
graphics
mac
user
interface
reviews
software
osx
march 2010 by adriancooke
Four ways to mix fonts [Ask H&FJ]
march 2010 by adriancooke
Hoefler and Frere-Jones on methods and principles for combining fonts.
design
fonts
tips
type
march 2010 by adriancooke
Designing for the Web, by Mark Boulton
march 2010 by adriancooke
Full content of Mark Boulton’s book in HTML.
books
design
free
web
designer
process
method
type
march 2010 by adriancooke
Applying “A Pattern Language” to online community design [Smashing Magazine]
march 2010 by adriancooke
Cameron Chapman on applying principles from architect Christopher Alexander, et al.’s “A Pattern Language” to online community design.
community
design
language
pattern
architecture
theory
models
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
How to get better at UI design [UI Patterns]
march 2010 by adriancooke
Anders Toxboe provides a lot of links.
design
reference
ui
ux
lists
march 2010 by adriancooke
Pixen, by open sword
february 2010 by adriancooke
Free Mac OS X bitmap graphics editor.
design
graphics
osx
free
software
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
Designing for donations [Carsonified]
february 2010 by adriancooke
Jaan Orvet and Andreas Carlsson present a progressive approach to donation form UI design.
donations
giving
fundraising
forms
ui
ux
design
usability
february 2010 by adriancooke
Making dough or spam? The perplexing case of designing lead generation pages [Carsonified]
january 2010 by adriancooke
Thoughts and recommendations about design “leadgen” pages, with some examples from ecommerce and higher ed.
traffic
information
design
conversion
visitors
content
analytics
january 2010 by adriancooke
Design and build email newsletters without losing your mind (and soul) [Smashing Magazine]
january 2010 by adriancooke
Campaign Monitor’s Matthew Patterson on building HTML e-mail. I saw Matthew talk at the Future of Web Design a few years back. It was an excellent presentation.
email
design
html
marketing
tips
howto
january 2010 by adriancooke
Magazine deathwatch (2) [Joe Clark]
december 2009 by adriancooke
“Do you believe the ‘pages’ of a ‘digital magazine’ should ‘flip’?” — awesome.
media
publishing
online
design
medium
web
native
magazines
usability
from twitter
december 2009 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
Starting with @font-face [mezzoblue]
december 2009 by adriancooke
Dave Shea’s howto.
howto
css
webfonts
design
december 2009 by adriancooke
International Year of Astronomy 2009 Posters [simoncpage.com]
december 2009 by adriancooke
Amazing astronomy posters.
astronomy
space
design
posters
textbook
20th
century
december 2009 by adriancooke
Patterns for the color blind [We are Colorblind]
november 2009 by adriancooke
Resource for making color blind accessible sites.
accessibility
design
ui
colour
reference
patterns
november 2009 by adriancooke
Revealing Mac OS X’s hidden single-application mode [TidBITS]
october 2009 by adriancooke
Lewis Butler on a feature that has been around since version 10.0 that you can still activate on the command line.
mac
osx
command
line
ui
application
design
tips
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
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
What to Include In Your Design Contracts [The Design Cubicle]
july 2009 by adriancooke
Brian Hoff on the basic building blocks of a (modifiable) freelance design contract.
business
design
development
contract
work
july 2009 by adriancooke
Helveticons, icon set
july 2009 by adriancooke
Set of 245 Helvetica-based icons for US$280.
design
icons
type
vector
july 2009 by adriancooke
Phaeton [Veer]
july 2009 by adriancooke
Kevin Cornell made a typeface.
design
font
illustration
type
vintage
july 2009 by adriancooke
Where is everyone? [Baekdal]
july 2009 by adriancooke
Baekdal has some interesting data visualisations about mass media and attention over time.
attention
data
design
graphics
information
media
visualisation
july 2009 by adriancooke
The 7 wonders of wireframes [Boagworld]
july 2009 by adriancooke
Paul Boag on wireframing with Balsamiq Mockups.
design
prototype
software
tools
wireframe
july 2009 by adriancooke
Wireframing with Balsamiq Mockups [Design Practice]
july 2009 by adriancooke
Alex Walker on wireframing with Balsamiq Mockups.
design
prototype
software
tools
wireframe
july 2009 by adriancooke
related tags
20th ⊕ accessibility ⊕ adobe ⊕ advertising ⊕ agency ⊕ analytics ⊕ animation ⊕ api ⊕ apple ⊕ application ⊕ architecture ⊕ art ⊕ articles ⊕ artist ⊕ astronomy ⊕ attention ⊕ audio ⊕ australia ⊕ books ⊕ browser ⊕ browsers ⊕ business ⊕ categories ⊕ century ⊕ chrome ⊕ cities ⊕ client ⊕ cms ⊕ color ⊕ colour ⊕ command ⊕ communication ⊕ community ⊕ conferences ⊕ connecticut ⊕ content ⊕ contract ⊕ contrast ⊕ conversion ⊕ copyright ⊕ crisis ⊕ css ⊕ css3 ⊕ culture ⊕ data ⊕ design ⊖ designer ⊕ development ⊕ display ⊕ donations ⊕ drupal ⊕ economics ⊕ education ⊕ email ⊕ embedding ⊕ end ⊕ events ⊕ examples ⊕ feedback ⊕ film ⊕ financial ⊕ firefox ⊕ flash ⊕ flickr ⊕ font ⊕ fonts ⊕ footer ⊕ forms ⊕ free ⊕ front ⊕ front-end ⊕ fundraising ⊕ games ⊕ giving ⊕ google ⊕ graded ⊕ graffiti ⊕ graphic ⊕ graphics ⊕ grid ⊕ gui ⊕ higher ⊕ history ⊕ hosting ⊕ hover ⊕ howto ⊕ html ⊕ html5 ⊕ icons ⊕ identity ⊕ ie6 ⊕ illustration ⊕ illustrator ⊕ image ⊕ images ⊕ industry ⊕ information ⊕ interaction ⊕ interface ⊕ interview ⊕ ios ⊕ ipad ⊕ iphone ⊕ iteration ⊕ javascript ⊕ jquery ⊕ landing ⊕ language ⊕ layout ⊕ line ⊕ link ⊕ linux ⊕ list ⊕ lists ⊕ logo ⊕ mac ⊕ magazine ⊕ magazines ⊕ mail ⊕ management ⊕ marketing ⊕ markup ⊕ media ⊕ medium ⊕ method ⊕ methods ⊕ microsoft ⊕ mid-century ⊕ minimalism ⊕ mobile ⊕ mockups ⊕ models ⊕ modernity ⊕ music ⊕ native ⊕ newspapers ⊕ nyc ⊕ online ⊕ opera ⊕ operating ⊕ optimisation ⊕ osx ⊕ page ⊕ patch ⊕ pattern ⊕ patterns ⊕ performance ⊕ personal ⊕ photoshop ⊕ platform ⊕ plugin ⊕ posters ⊕ print ⊕ problem ⊕ process ⊕ programming ⊕ prototype ⊕ publishing ⊕ rails ⊕ reading ⊕ redundancy ⊕ reference ⊕ replacement ⊕ research ⊕ resources ⊕ responsive ⊕ reviews ⊕ robots ⊕ ruby ⊕ safari ⊕ salary ⊕ screen ⊕ security ⊕ semantic ⊕ shortcuts ⊕ site ⊕ sitecopy ⊕ size ⊕ small ⊕ software ⊕ solving ⊕ space ⊕ specifications ⊕ standards ⊕ statistics ⊕ story ⊕ storytelling ⊕ strategy ⊕ structure ⊕ styling ⊕ suburbs ⊕ support ⊕ survey ⊕ svg ⊕ system ⊕ tables ⊕ tabs ⊕ technology ⊕ testing ⊕ text ⊕ textbook ⊕ textures ⊕ theme ⊕ theory ⊕ theweb ⊕ tips ⊕ tool ⊕ tools ⊕ touch ⊕ toys ⊕ traffic ⊕ tutorial ⊕ tutorials ⊕ tv ⊕ twitter ⊕ type ⊕ typography ⊕ ui ⊕ usability ⊕ user ⊕ utility ⊕ ux ⊕ vector ⊕ video ⊕ vintage ⊕ visitors ⊕ visualisation ⊕ weather ⊕ web ⊕ webapps ⊕ webfonts ⊕ weblog ⊕ whitespace ⊕ windows ⊕ wireframe ⊕ wireframing ⊕ wordpress ⊕ work ⊕ writing ⊕ xhtml ⊕ xml ⊕ yahoo ⊕Copy this bookmark: