design for the web
Hicksdesign Trying out a number of concept-sharey apps after last weeks suggestions. Most are too cluttered, but http://prevue.it/ shines through! Yay!
zootool OMG, you really have to check this out: http://bit.ly/cB5GCF It’s so crazy what people do when you give them an API :)
style GoogleCalendar with RESTYLEgc http://www.restylegc.com/ ~ brilliant ;)
Safari Reference Library ~ http://cot.ag/dAym8A ~ references for desktop, iphone versions
webdesignerwall → Modern Sitemap and Footer → http://cot.ag/JaM6c ←
a classic by now - worth reading: Andy Rutledge ✽ Design Psychology ✽ http://www.andyrutledge….
HTML5 Watch ✓ http://html5watch.tumblr… […] creative, innovative & unexpected use of emerging web technologies such as HTML5 and CSS3.
52 weeks of UX ➵ Is the term “UX” being marginalized? ➵ http://52weeksofux.com/p…
CSS typography experiment and browser inconsistencies ✍ http://nicolasgallagher….
ALA ❡ Quick and Dirty Remote User Testing ❡ by Nate Bolt ❡ http://www.alistapart.co…
Efficiently Rendering CSS ➤ http://css-tricks.com/ef…
an interesting topic to consider : http://cot.ag/diL6MQ - The difference between a graphic designer & interface designer by @sambrown
Jon Tan 陳 Reversed Logotype : http://jontangerine.com/…
CSS3 Memory ~ via @maxvoltar : There goes the evening… http://media.miekd.com/c…
alternative way of doing JavaScript free overlays - http://bit.ly/aVr0h5 #css3 (via @boagworld)
Mozilla hires open-standards guru Çelik ~ http://news.cnet.com/830… (via carsonified)
Bruce Lawson : How to Build an HTML 5 Website : http://vimeo.com/12042789
PRINCIPLES OF ICON DESIGN ✪ JON HICKS ✪ http://hicksdesign.co.uk…
Login page design for inspiration — http://www.webanddesigne…
rinnalds behind the logo (of bp) http://tinyurl.com/33xem…
✤ @fontface : Expressing it with a font of your choice; Using WebFonts ✤ http://cot.ag/9HZOZB ✤
➡ iA ➡ Links in Print: Story of a Beautiful Failure ➡— http://informationarchit…
The Vignelli Twelve ❡ We use way too many fonts ❡ http://cot.ag/aaozxC ❡ another great article by @ilovetypography
http://html5demos.com/ - HTML 5 experimentation and demos by @rem
Equal height inputs and buttons ❈ CHRISTOPH ZILLGENS ❈ http://cot.ag/cgBR3k
Process Toolbox, part one: Backbone ✭ http://cot.ag/d2Fdpc ✭ (by @simoncollison) ~ make sure to read the other parts as well :) excellent!
Fantastic article on using media queries to produce responsive websites from @beep on @alistapart http://cot.ag/dyAnKy (via @phil_interact)
Icicleta happy to find the lovely google collection http://bit.ly/a2Fgvs
A Feed Apart 2.0 announced on zeldman.com : http://www.zeldman.com/2…
@brucel this was the transition demo (only on opacity) but works without JavaScript: http://rem.im/css-galler… (via @rem)
I’m only on p.25 & it’s already clear: if you’re a web educator, you need to be teaching this: http://cot.ag/bzMuN5 (via @aral)
http://www.baumraum.de/ make incredible tree houses and natural structures & they have a Construction and Design Manual (via @jontangerine)
RT: @hicksdesign: Finally posting my slides from my Icon Talk at #fowd last week: http://bit.ly/97iRDA
360° Color ➢ a rare look into the behind-the-scenes of the design world’s color standard ➢ “A Peek Inside Pantone” http://vimeo.com/11563607
A DIY Web Design Education :: http://www.noupe.com/how… :: showing lots of useful sites and more :)
Optimize CSS and Reduce CSS File Size :: http://cot.ag/b1haOq ✩ a long list of CSS optimization and file size reduction techniques
Joshua Porter - Five Principles to Design By :: http://bokardo.com/archi…
Improve your web typography with baseline shift (by @malarkey) - http://cot.ag/beZCKl
A guide to Web typography, The Basics : http://cot.ag/ceH5U4 ~ excellent read by @ilovetypography
detailed photoshop tutorial: Create a Bright and Sleek Web Design in Photoshop : http://cot.ag/aOy6P0
Contrast and Meaning (andy rutlegde) : http://www.andyrutledge….
iA Next Web Trend Map is up: http://informationarchit…
grid-based design, simplified ➔ A holistic approach for the typical workflow http://designinformer.co…
Create an Abstract Design with Patterns in Photoshop http://cot.ag/bOi6B7 [spoongraphics]
@maxvoltar">http://maxvoltar.com/arc… looks at -webkit-font-smoothing for better text rendering in Safari (soon)
useful CSS technique for better current page links: Pointer Events & Disabling Current Page Links - http://cot.ag/9a0Cqz
5 ‘New’ Skills that Every Web Designer Needs to Know :: http://boagworld.com/ran…
best crash reports :D maniacalrage — http://log.maniacalrage….
And now, Google : http://cot.ag/98eFas : @zeldman : forever changing the meaning of the phrase, “typography on the web.”
four ways to mix fonts : http://www.typography.co… (via stuffandnonsense.co.uk/blog)
update to existing guide to CSS support for email clients :: http://cot.ag/8Y7zRF
Following on his “HTML5 vs. Flash” talk - @meyerweb talks terminology : The Web Stack :: http://cot.ag/c7J4MH
great demo of CSS3 :) “our Solar System in CSS3.” http://neography.com/jou…
http://snapbird.org/ to the rescue once again :) ~ for a great way to search tweets ~ try @rem’s SnapBird :) effective & sweet :)
RT: @meyerweb : This was only a matter of time: http://www.webmproject.o… What remains to be seen is if it’s in any way successful.
RT: @whitefleaCH Details on the new Google Webfont API by @paul_irish must read http://bit.ly/9Ksmo5
codepo8 OK Tech Thursday is out - some of the Google announcements and other cool tech links http://bit.ly/dewq1a
on the topic of webfonts : the Google Font Directory http://code.google.com/w…
RT @typekit : Typekit and Google announce open source webfont collaboration: http://j.mp/d5Ynrj
RT: @vpieters: Create diagonal guidelines in Illustrator http://is.gd/ceVPp
HTML5 Unleashed: Tips, Tricks and Techniques :: http://www.w3avenue.com/…
<3 http://cssdesk.com/ <3
ALA :: A Brief History of Markup
by Jeremy Keith :: http://www.alistapart.co…
RT @html5doctor The article element in #HTML5 demystified by @leads http://html5doctor.com/t…
an absolute must-read: Emotional Interface Design: The Gateway to Passionate Users By Aarron Walter
http://is.gd/bF9SW
wondering about the base CSS for HTML5? — ask the doctor :)
HTML5 Reset Stylesheet :: http://html5doctor.com/h…
RT @rem: http://textcaptcha.com looks like a really good alternative to image and audio captcha, API available too #fowd
A nice firebug plugin for working with jQuery: http://firequery.binarya… (via @boagworld)
validation via jQuery: http://docs.jquery.com/P…
3 reasons why you should let Google host jQuery for you: http://cot.ag/aXzAVp
http://jsbin.com/ - collaborative JS debugging by Remy Sharp
excellent tool referencing jQuery functions: http://visualjquery.com/
inject jQuery into any page with jQuerify: “Better, Stronger, Safer jQuerify Bookmarklet” http://cot.ag/dy49O0
detailed reference for the jQuery API: http://api.jquery.com/
jQuery website, for all things jQuery with plugins, forum and more :) http://jquery.com/
rem .@prisca_eyedea two pages of good plugins: http://bit.ly/8YpDvh and http://bit.ly/a4KCX0 for #fabw
stevefaulkner New post about #HTML5: Techniques for providing useful text alternatives http://www.paciellogroup… #accessibility
Remy Sharp’s jQuery for Designers - tutorials, podcasts and more: http://jqueryfordesigner…
prisca_eyedea a quick write up of my notes from the #fabw workshop: http://bit.ly/9q8iDW ~ thanks again @malarkey & @rem :)
I love typography — http://ilovetypography.c… ~ wonderful as ever @ilovetypography
a wonderful read by Alexander Charchar : Typographic Marks Unknown — http://retinart.net/typo…
amazing what you can do with paper :) simply beautiful paper art by Yulia Brodskaya : http://www.artyulia.com/…
This will change the way you design websites. http://typekit.com/
A Shared Encyclopedia of Typefaces — http://typedia.com/
jQuery Easing Plugin (version 1.3)
A jQuery plugin from GSGD to give advanced easing options. http://gsgd.co.uk/sandbo…
prisca_eyedea amazing : http://www.uptherefilm.c… (via @vpieters)
video of John Resig on Advanced Javascript to Improve your Web App :: http://cot.ag/9qUNkg
ALA :: Better JavaScript Minification
by Nicholas C. Zakas :: http://www.alistapart.co…
very useful reference for CSS in Safari — CSS Infos : Webkit CSS Properties : http://css-infos.net/pro…
RT :: @russmaxdesign: Just uploaded ‘CSS3 Media Queries’ to SlideShare. http://slidesha.re/avVF9C
another link on grid system, fluid this time ~ again thanks to @russmaxdesign :) http://fluid.newgoldleaf…
thanks to @russmaxdesign’s links for light reading: http://samuli.hakoniemi….
CSS vendor prefixes considered harmful :: http://www.quirksmode.or…
http://0to255.com/ “0to255” by Shaun Chapman :: a simple tool that helps web designers find variations of any color.
Simon Collison : Bauhaus Ideology and the Future of Web Design :: http://cot.ag/dcyFxQ
Reading portfolio time - some links to inspire you :) @eyelearn_tips at eyelearn http://eyelearn.org/foru…
Joomla And WordPress: A Matter Of Mental Models — http://bit.ly/9Q3gJq
Women In Web Design: Group Interview :: http://www.smashingmagaz…
CSS3 Solutions for Internet Explorer :: http://cot.ag/cjeorp
RT: @zeldman: Add word and character count to TextEdit via AppleScript. http://j.mp/d6Z7Ma
Center Multiple DIVs with CSS : http://www.impressiveweb…
★ “Contract Killer: The Next Hit” ★ by @Malarkey ★ http://stuffandnonsense…. #sn_1316
52 weeks of UX :: Design for Delight :: http://52weeksofux.com/p…
Boagworld :: Building better forms with Steve Marshall :: http://boagworld.com/tec…
Veerle’s blog 3.0 — http://cot.ag/claVxt ~ amazing new redesign + matching twitter page ~ worth every bit of your love & time @vpieters :-)
excellent post on CSS opacity by impressive webs: http://cot.ag/acQ7mo
RT: @codepo8 My slides for the #leancamp talk are available at http://www.slideshare.ne… - enjoy
time to get started with posting useful tips & tricks :) will retweet useful links for inspiration, on typography… and more…