RSS

matthewmcvickar + webdesign   74

Smashing Magazine: Our Pointless Pursuit of Semantic Value
Don’t worry about getting <article> and <section> right — there's no ‘right’. The web is mostly not structured content, and semantic tags aren’t necessarily more accessible or searchable or portable.
html5  webdesign  semanticweb 
november 2011 by matthewmcvickar
Subtle Patterns
Background images. Paper, stone, lines, patterns, pool table. Very nice. ‘Free textures for your next web project.’
design  webdesign  graphics  free 
october 2011 by matthewmcvickar
Smashing Magazine: 16 Pixels: For Body Copy. Anything Less Is A Costly Mistake
‘There are some particular findings that are pivotal to issues such as readership and readability and comprehension, which is really what body copy is all about. If people won’t read it, or if they can’t read it or understand it, then what’s the point of having it?’
typography  webdesign  css  design 
october 2011 by matthewmcvickar
CSS Prototyping
‘This is a simple trick to overlay a grid or a mock-up over a page you're styling. It will also allow you to edit content directly in the browser to see how your layout behaves depending on various lines of text.’
css  webdesign  webdevelopment  copywriting  grid 
october 2011 by matthewmcvickar
webexpedition18: Incredibly Useful CSS Snippets
css  webdesign  webdevelopment 
october 2011 by matthewmcvickar
David Walsh: Change Mobile Safari Highlight Color with CSS
Change the tap highlight color in WebKit Mobile-using devices (many of them).
webkit  css  ios  webdesign  webdevelopment 
october 2011 by matthewmcvickar
W–Portfolio: Wordpress Portfolio Themes
“Simple, lightweight WordPress themes for graphic designers, arists, architects, photographers, agencies, bloggers and other creative professionals.” Priced $30-$100.
portfolio  wordpress  grid  webdesign  design  art 
september 2011 by matthewmcvickar
HTML5 Rocks: Improving the Performance of your HTML5 App
html5  webdevelopment  webdesign  performance 
june 2011 by matthewmcvickar
On having layout — the concept of hasLayout in IE/Win
Deep inspection of hasLayout, the cause of most 'IE bugs'. Last updated 2008.
css  ie  webdesign 
june 2011 by matthewmcvickar
Nicolas Gallagher: CSS drop-shadows without images
“Lifted corners, Curled corners, Perspective, Raised box, Single vertical curve, Vertical curves, Single horizontal curve, Horizontal curves, Rotated box”
css  css3  webdesign 
april 2011 by matthewmcvickar
Camen Design: How to Centre and Layout Pages Without a Wrapper
webdesign  webdevelopment  html  css  howto 
august 2010 by matthewmcvickar
Font Squirrel
"Create Your Own @font-face Kits."
fonts  webdesign  webdevelopment  type  typography  free  css3  design 
august 2010 by matthewmcvickar
Font Matrix
"Matrix of fonts bundled with Mac and Windows operating systems, Microsoft Office and Adobe Creative Suite."
fonts  osx  windows  adobe  adobecs  msoffice  typography  webdesign  webdevelopment 
july 2010 by matthewmcvickar
When Can I Use
"Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies."
html5  css3  svg  html  css  webdesign  webdevelopment  ie  browser 
july 2010 by matthewmcvickar
Color Scheme Designer 3
Create color schemes by doing color math.
color  webdesign  graphicdesign  design 
july 2010 by matthewmcvickar
A List Apart: Articles: Supersize that Background, Please!
How to make an background image scale without using a ton of JavaScript.
webdevelopment  webdesign  css  css3  design  html 
july 2010 by matthewmcvickar
jQuery Tutorials for Designers
Total linkbait I know but there's some useful stuff here.
jquery  jqueryui  javascript  webdesign  webdevelopment  tutorial 
april 2010 by matthewmcvickar
Mislav on Uniqpath: Detecting device size
Using CSS to detect device size (for things like iPads and iPhones).
css  ipad  iphone  mobile  webdevelopment  webdesign  css3 
april 2010 by matthewmcvickar
Ask H&FJ: Four Ways to Mix Fonts
fonts  typography  style  webdesign  tutorial  inspiration  design 
march 2010 by matthewmcvickar
Raphaël
"Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library."
webdevelopment  webdesign  javascript  animation  graphics  visualization  jquery  svg 
october 2009 by matthewmcvickar
Jeditable
A good edit-in-place plugin for jQuery.
jquery  javascript  webdesign  programming  forms 
october 2009 by matthewmcvickar
Design Daily News: 30 high-quality free fonts for great designs
Yeah, it's a crappy linkbait gimmicky list of fonts, but these are good ones (not all of them, and relatively speaking). I didn't Delicious this last month when I found it because I thought I was better than that but I've since needed to find the link again four times, so HERE IT IS. Bite me.
fonts  free  webdesign  typography 
may 2009 by matthewmcvickar
Google Code: The Golden Grid
This may be worth looking into. I waffle on whether this sort of thing is ultimately a good decision — you're relying on someone else's framework, it takes a while to learn and master, and once you decide to go with it you're essentially stuck with it. But isn't that the case with any pseudo-framework developed for a website design? I should test this on a little project.
webdevelopment  design  webdesign  css  html  grid  code  opensource 
february 2009 by matthewmcvickar
GitHub: Scaling Background by Justin Ouellette
As seen on Normative.com.
design  webdevelopment  webdesign  html  css  opensource  javascript 
february 2009 by matthewmcvickar
GitHub: Sliding Frames by Justin Ouellette
As seen on Normative.com.
opensource  javascript  webdesign  webdevelopment  design 
february 2009 by matthewmcvickar
GitHub: Cufón
This could be good. "Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use. To achieve this ambitious goal the following requirements were set: No plug-ins required; it has work on every major browser on the market; no or near-zero configuration needed for standard use cases; it has to be fast, even for sufficiently large amounts of text. And now, after nearly a year of planning and research we believe that these requirements have been met."
sifr  design  webdesign  css  typography  javascript 
february 2009 by matthewmcvickar
Viget: The Mysterious “Save For Web” Color Shift
How to set up Photoshop so this will never happen again.
color  photoshop  reference  webdesign  design  graphics 
january 2009 by matthewmcvickar
The Grid System
The ultimate resource for designing to a grid.
design  grid  modern  howto  webdesign  inspiration  reference 
december 2008 by matthewmcvickar
Unit Interactive: Blog: Better CSS Font Stacks
Intelligently choosing the graceful degradation (size- and style-wise) of your web fonts.
fonts  css  design  webdesign 
september 2008 by matthewmcvickar
SimpleBits: Use the Best Available Ampersand
With handy charts.
ampersand  typography  webdesign  fonts  design  css 
august 2008 by matthewmcvickar
CSS-Tricks: Color Rendering Difference: Firefox vs. Safari
"The purpose of these color profiles is something I could into another time, but the important thing to remember to avoid problems like Norm's is to make sure all your images were exported in the same way and so they either don't have a color profile or all have the same color profile. This will ensure that the site, at least color-wise, renders the same from browser to browser."
color  webdesign  photoshop  web  safari  firefox  images 
august 2008 by matthewmcvickar
IETester
A "free browser that allows you to have the rendering and javascript engines of IE8 beta 1, IE7, IE6, and IE5.5 on Vista and XP, as well as the installed IE in the same process."
browser  webdevelopment  webdesign  windows  software  utilities  IE 
may 2008 by matthewmcvickar
Subtraction: Something’s Missing in Web Design
"I’d go so far as to say that the majority of the Web design field, by and large, is too easily motivated by technique, that the majority of us are thinking tactically far more often than we’re thinking strategically."
criticism  webdesign  design  web 
april 2008 by matthewmcvickar
A List Apart: "On Creativity" by Andy Rutledge
Andy Rutlege on the difference between creativity and self-expression, and the importance of a professional approach to creativity in design.
creativity  business  design  philosophy  webdesign 
march 2008 by matthewmcvickar
Zach Klein
An interesting personal homepage.
people  design  webdesign  blog 
january 2008 by matthewmcvickar
Particletree: Reflections of an Interface Designer
Some rather obvious reflections, but valuable all the same -- the continued appearance of articles like this shows how important these lessons are. On the volatility of web apps, designers, the relationship thereof, and how important the user is.
webdevelopment  design  webdesign  webapp 
january 2008 by matthewmcvickar
A List Apart: Articles: How to Size Text in CSS
Finally, a tutorial for getting size and line height to render and scale exactly the same in all browsers for a given font size. Requires some basic math in the stylesheet.
typography  web  webdevelopment  webdesign  css3  howto  grid 
november 2007 by matthewmcvickar
Paparazzi!
Free Mac software for taking webpage screenshots. Can capture the entire length of a page (beyond the "fold").
mac  software  webdevelopment  utilities  webdesign  osx  free  screenshot 
november 2007 by matthewmcvickar
An On-Line Color Thesaurus
color  design  utilities  webdesign 
november 2007 by matthewmcvickar
urlgreyhot: OmniGraffle Wireframe Palette
An excellent resource for wireframing.
webdevelopment  webdesign  design  free  gui  osx  software  wireframe 
october 2007 by matthewmcvickar
Particletree: Visualizing Fitts’s Law
An excellent, diagram-guided overview of Fitt's Law, which declares that the closer and larger something is, the easier it is to access. The relationship is curved: small changes to small items can have a large impact.
usability  webdesign  math  design  reference 
october 2007 by matthewmcvickar
User First Web: Speed of a Site and Usability
Notes on optimizing for speed and the benefits thereof. Note: "If someone completes their task on a site successfully, they will feel the site was faster than it truly was. If they can’t succeed, they will perceive it as being slower."
usability  webdevelopment  webdesign 
september 2007 by matthewmcvickar
YAML Builder
"A tool for visual layout development of YAML based CSS layouts." YAML stands for Yet Another Multicolumn Layout.
yaml  css  design  webdesign  html  utilities 
september 2007 by matthewmcvickar
Stripemania
"Striped background generator."
webdesign  wallpaper  web2.0  CSS  design  utilities 
september 2007 by matthewmcvickar
Keryx (X)HTML Elements Best Practice Sheet
Detailed to the point of being almost unreadable!
html  css  webdevelopment  webdesign  webstandards  cheatsheet  reference 
september 2007 by matthewmcvickar
Functioning Form: Overlap 2007
Notes on the growing importance of design in business. Good short reads.
webdevelopment  webdesign  design  business  technology  internet 
september 2007 by matthewmcvickar
Rainfall Daffinson: New Minimalism in web interface design
A fine review of the trend in minimalism on the web and in technology in general since the late 90s.
apple  webdesign  design  interface  web  internet  minimalism 
september 2007 by matthewmcvickar
Shaun Inman: Styling File Inputs with CSS and the DOM
Ugly "Browse..." buttons be gone!
CSS  webdevelopment  webdesign  javascript  html  forms 
september 2007 by matthewmcvickar
Joel on Software: There's no place like 127.0.0.1
On starting over. "It's better to have something we're both proud off than to try and salvage the work done so far. Sometimes you have to go all the way through the design process before you realize that you've built the wrong thing."
design  webdevelopment  webdesign  business  agile  process 
september 2007 by matthewmcvickar
Luke Wroblewski: The Continuing History of Amazon’s Tab Navigation
A history of Amazon's site design, and a preview of what's next.
amazon  webdevelopment  webdesign  internet  history 
september 2007 by matthewmcvickar
Identityworks: Tools: Guidelines and standards manuals
A list of corporate and organization identity guidelines. A good sampling of conventions, though many of them are terribly designed and poorly organized.
advertising  logo  design  business  webdesign 
august 2007 by matthewmcvickar
Smashing Magazine: Showcase: 45 Excellent Blog Designs
Design inspiration.
blog  design  webdesign  inspiration 
august 2007 by matthewmcvickar
LukeW: Primary & Secondary Actions in Web Forms
"The need for these distinctions becomes moot, of course, when no secondary actions are present. Make sure you really need each secondary action on a form and don’t add them indiscriminately."
forms  webdevelopment  html  usability  design  webdesign 
august 2007 by matthewmcvickar
Design Showcase: 80 Beautiful Typefaces For Professional Design
Commence the drooling.
fonts  design  webdesign  art  typography 
august 2007 by matthewmcvickar
Conditional Comments for IE
webdesign  webdevelopment  CSS  IE  html 
august 2007 by matthewmcvickar
The Best 80 Photoshop Text Effects on the Web
Embarrassing effects.
photoshop  design  fonts  webdesign  typography 
august 2007 by matthewmcvickar
A List Apart: Articles: CSS Sprites: Image Slicing’s Kiss of Death
Using one large image with all of your smaller images inside of it, and using CSS to position the background into the right position.
webdevelopment  webdesign  css  sprites 
august 2007 by matthewmcvickar
jlaine.net: The CSS 'outline' Property
How to hide unsightly outlines.
css  outline  webdevelopment  webdesign 
august 2007 by matthewmcvickar
New elements in HTML 5
It's about time. But when will this actually become an official recommendation? When universally adopted? And will that adoption be as awful as the previous implementations?
webdevelopment  webdesign  html 
august 2007 by matthewmcvickar
Prototip - Tooltips for prototype
Works perfectly with scriptaculous.
webdesign  webdevelopment  scriptaculous  prototype  tooltips 
august 2007 by matthewmcvickar
CSS3 Support in Today's Browsers
A table of who supports what.
webstandards  webdevelopment  webdesign  CSS 
july 2007 by matthewmcvickar
css-redundancy-checker
Checks through CSS and HTML to find redundant and unused style definitions.
webdevelopment  webdesign  css 
july 2007 by matthewmcvickar
CSS Selectors and Pseudo Selectors
What works in which browsers.
css  html  web  webdevelopment  webdesign 
june 2007 by matthewmcvickar
Particletree: 10 Tips To A Better Form
Things always to remember when building a form.
forms  webdesign  html  design  web  css 
june 2007 by matthewmcvickar
Mark Boulton: Five simple steps to better typography
An excellent and highly educational series.
typography  design  webdesign  fonts  css  web  text 
june 2007 by matthewmcvickar
How to Make Sexy Buttons with CSS
They look nice.
webdevelopment  webdesign  buttons  css  forms 
june 2007 by matthewmcvickar
kuler
Adobe's new color-scheme sharing app.
color  design  webdesign  adobe  community 
june 2007 by matthewmcvickar
ColorJack: Design Tools
Lots of color tools, including one with helpful color-blindness-simulating utilities.
color  design  webdesign  CSS  web 
june 2007 by matthewmcvickar
A List Apart: Articles: Who Needs Headlines?
On writing good copy, especially headlines.
webdesign  copywriting  marketing  writing 
june 2007 by matthewmcvickar
Particletree: Rediscovering the Button Element
Beautiful, cross-compatible buttons in CSS.
webdesign  css  webdevelopment  buttons  forms 
june 2007 by matthewmcvickar
Airtight Corners
Ingenius!
css  webdesign  roundedcorners 
june 2007 by matthewmcvickar
Andy Budd: Blogography: CSS/Web Standards Links
A huge and valuable collection.
css  webstandards  webdevelopment  webdesign 
june 2007 by matthewmcvickar
Eric's Archived Thoughts: Reset Reloaded
Resetting all default browser styles for a blank slate.
css  webdesign  webstandards 
june 2007 by matthewmcvickar
Subtraction 7.0
Weblog by Khoi Vinh, Design Director for The New York Times website and champion of grid-based web design.
blog  webdesign  webdevelopment 
may 2007 by matthewmcvickar

Copy this bookmark:



description:


tags: