travismetcalf + webdesign 209
Jordan Moore | Web Design, Northern Ireland, Bangor, Freelance
9 weeks ago by travismetcalf
RT @lukew: short & sweet.
mobile-first
mobile
webdesign
9 weeks ago by travismetcalf
0to255
december 2011 by travismetcalf
0to255 is a simple tool that helps web designers find variations of any color.
Perfect for hovers, borders, gradients, and more.
webdesign
color
colors
Perfect for hovers, borders, gradients, and more.
december 2011 by travismetcalf
ResponsiveSlides.js · Responsive jQuery slideshow
december 2011 by travismetcalf
ResponsiveSlides.js · Responsive jQuery slideshow
javascript
jquery
js
slideshow
galleries
webdesign
december 2011 by travismetcalf
The Open Graph Protocol
november 2011 by travismetcalf
The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.
metadata
webdesign
november 2011 by travismetcalf
The Future Of CSS: Experimental CSS Properties - Smashing Magazine
may 2011 by travismetcalf
Despite contemporary browsers supporting a wealth of CSS3 properties, most designers and developers seem to focus on the quite harmless properties such as border-radius , box-shadow or transform . These are well documented, well tested and frequently used, and so it’s almost impossible to not stumble on them these days if you are designing websites. But hidden deep within the treasure chests of…
css
webdesign
may 2011 by travismetcalf
Layer Styles
may 2011 by travismetcalf
Layer Styles: just like your favorite graphics editor
but in your browser. And it creates CSS.
webdesign
css3
css
but in your browser. And it creates CSS.
may 2011 by travismetcalf
How To Use CSS3 Pseudo-Classes - Smashing Magazine
april 2011 by travismetcalf
CSS3 is a wonderful thing, but it’s easy to be bamboozled by the transforms and animations (many of which are vendor-specific) and forget about the nuts-and-bolts selectors that have also been added to the specification. A number of powerful new pseudo-selectors (16 are listed in the latest W3C spec ) enable us to select elements based on a range of new criteria. <a…
css
css3
pseudo-classes
webdesign
april 2011 by travismetcalf
CSS Basics: How to Design & Code a Stylish Button
april 2011 by travismetcalf
Some of my most popular articles and tutorials are those that cover the basics. In this post we’ll go through the process of designing a stylish button graphic in Photoshop, then…
css
webdesign
tutorial
april 2011 by travismetcalf
CSS Floats 101
march 2011 by travismetcalf
The float property is a valuable and powerful asset to any web designer/developer working with HTML and CSS. Tragically, it can also cause frustration and confusion if you don’t fully understand how it works. Also, in the past, it’s been linked to some pretty nasty browser bugs so it's normal to get nervous about…
webdesign
css
floats
positioning
march 2011 by travismetcalf
Google Offers Tools for Bringing Websites to TV
february 2011 by travismetcalf
As if Web designers and developers didn't have enough on their plates, what with the variety of browsers and standards to code for, there's a new kid in town - Internet TV. Not only do they need to account for browser, screen size and standard, but an entirely different method of interaction.
Today, Google has acknowledged this problem, writing that it has worked to create some easy solutions for developers looking to optimize their content for Google TV.
TV
webdesign
Today, Google has acknowledged this problem, writing that it has worked to create some easy solutions for developers looking to optimize their content for Google TV.
february 2011 by travismetcalf
Validator.nu - HTML5 Validator
november 2010 by travismetcalf
HTML5 validator
html5
validator
webdesign
html
november 2010 by travismetcalf
Keynote Wireframe Toolkit - Get your Keynote Kung-Fu on
july 2010 by travismetcalf
Take the friction out of wireframing
Once you use Apple's Keynote for wireframing, you'll roundhouse kick your other wireframe tools in the face. Tell your story with wireframes in a way no other tool can. This toolkit provides all the tools you need to get started.
wireframes
ui
ux
keynote
webdesign
Once you use Apple's Keynote for wireframing, you'll roundhouse kick your other wireframe tools in the face. Tell your story with wireframes in a way no other tool can. This toolkit provides all the tools you need to get started.
july 2010 by travismetcalf
What’s Inside the Sketchbook « Web Design Sketchbook
july 2010 by travismetcalf
WHAT’S INSIDE THE SKETCHBOOK
The Web Design Sketchbook is a carefully crafted set of website tools to
help you through the process of planning and designing your web projects.
The Sketchbook starts with a set of design and content planning questions that cover everything from site objectives, design tone to the information architecture or sitemap.
The book the features a series of design and layout brainstorming pages with full browser chrome and grids to better plan how your site will look and operate when it is finished. The book features thumbnail, detail and full page sizes for more effecient brain storming and detail development.
IA
webdesign
sketchbook
The Web Design Sketchbook is a carefully crafted set of website tools to
help you through the process of planning and designing your web projects.
The Sketchbook starts with a set of design and content planning questions that cover everything from site objectives, design tone to the information architecture or sitemap.
The book the features a series of design and layout brainstorming pages with full browser chrome and grids to better plan how your site will look and operate when it is finished. The book features thumbnail, detail and full page sizes for more effecient brain storming and detail development.
july 2010 by travismetcalf
Lightbox 2
april 2010 by travismetcalf
Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.
css
javascript
lightbox
webdesign
april 2010 by travismetcalf
related tags
960grid ⊕ @font-face ⊕ ads ⊕ advertising ⊕ agile ⊕ ai ⊕ aiga ⊕ ajax ⊕ backgrounds ⊕ bestpractices ⊕ billing ⊕ bloggers ⊕ blogging ⊕ blueprint ⊕ books ⊕ borders ⊕ browser ⊕ brushes ⊕ career ⊕ cheapsites ⊕ cheatsheets ⊕ clearfix ⊕ coda ⊕ coding ⊕ color ⊕ colors ⊕ color_schemes ⊕ color_theory ⊕ contracts ⊕ copy ⊕ css ⊕ css3 ⊕ dashboard ⊕ debugging ⊕ design ⊕ development ⊕ development_shops ⊕ diagrams ⊕ dreamweaver ⊕ e-commerce ⊕ E2R ⊕ education ⊕ ee ⊕ effects ⊕ email ⊕ encoder ⊕ entities ⊕ expressionengine ⊕ extensions ⊕ eyetracking ⊕ firebug ⊕ fireworks ⊕ float ⊕ floats ⊕ flowcharts ⊕ font-face ⊕ fonts ⊕ forms ⊕ foundry ⊕ framework ⊕ frameworks ⊕ freelance ⊕ galleries ⊕ gallery ⊕ generator ⊕ gifts ⊕ google ⊕ graphics ⊕ grids ⊕ gridsystem ⊕ grid_systems ⊕ guidelines ⊕ headers ⊕ heuristics ⊕ howto ⊕ html ⊕ html5 ⊕ ia ⊕ icons ⊕ ide ⊕ illustrator ⊕ images ⊕ inspectors ⊕ inspiration ⊕ interface ⊕ interviewing ⊕ ipad ⊕ javascript ⊕ jobs ⊕ jquery ⊕ js ⊕ keynote ⊕ launchlist ⊕ layout ⊕ legal ⊕ lightbox ⊕ lists ⊕ logos ⊕ macapps ⊕ markup ⊕ membership ⊕ metadata ⊕ mobile ⊕ mobile-first ⊕ navigation ⊕ omnigraffle ⊕ organizations ⊕ outsourcing ⊕ patterns ⊕ pdf ⊕ performance ⊕ photography ⊕ photoshop ⊕ plugins ⊕ podcast ⊕ portfolio ⊕ portfolios ⊕ positioning ⊕ principles ⊕ psd2html ⊕ pseudo-classes ⊕ rails ⊕ reference ⊕ registration ⊕ resources ⊕ responsive-design ⊕ reviews ⊕ rubyonrails ⊕ safari ⊕ seo ⊕ showcase ⊕ SignUp ⊕ sitemaps ⊕ sketchbook ⊕ slideshow ⊕ social_bookmarking ⊕ software ⊕ spam ⊕ standards ⊕ statistics ⊕ stock ⊕ stock-images ⊕ stockimages ⊕ style ⊕ survey ⊕ templates ⊕ testing ⊕ textures ⊕ themes ⊕ tips ⊕ tools ⊕ top10 ⊕ transitions ⊕ tutoriais ⊕ tutorial ⊕ tutorials ⊕ TV ⊕ typography ⊕ ui ⊕ usability ⊕ utilities ⊕ ux ⊕ validator ⊕ vector ⊕ web ⊕ web2.0 ⊕ webapps ⊕ webdesign ⊖ webdev ⊕ webdevelopment ⊕ webkit ⊕ wireframes ⊕ wordpress ⊕ xhtml ⊕ xray ⊕ youtube ⊕Copy this bookmark: