Skip to main content

Home/ Tools for web developers/ Group items tagged webdesign

Rss Feed Group items tagged

Vernon Fowler

Golden Grid System - 0 views

  • Responsive grids that use gutters proportional to the screen can make the content feel like it's being squeezed together or pulled apart as the screen width changes.
  • With elastic gutters this just doesn't happen, as the gutters always stay in proportion to the content.
  • If you specify all your font-sizes, line-heights, as well as vertical paddings, margins and borders in ems, they'll all scale in proportion as the font-size is changed using media queries, always keeping the baseline grid intact (save for a 1px rounding error or two), which lets the layout keep the same vertical rhythm regardless of screen size.
  • ...1 more annotation...
  • GGS comes with a set of type presets aligned to a baseline grid, which is based on a base line-height of 1.5.
Vernon Fowler

Colour Contrast Check - snook.ca - 0 views

  •  
    "specify a foreground and a background colour and determine if they provide enough of a contrast"
Vernon Fowler

Clue - A fun and easy way to test what people remember on your website. - 0 views

  • Knowing people's first impressions can really help you understand what people are walking away with when they leave your site.
Vernon Fowler

Get Started with Font Awesome - 0 views

  • Super-simple upgrades Since each site gets a unique embed code, you can easily upgrade to the latest version of Font Awesome, all without pushing any code. Easy peasy.
  •  
    Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and customize the LESS yourself! Font Awesome even plays nicely with Bootstrap 3!
Vernon Fowler

Pearsonified's Golden Ratio Typography Calculator - 0 views

  •  
    "Discover the perfect typography for your website by entering your current font size and content width"
Vernon Fowler

Sass - Syntactically Awesome Stylesheets - 0 views

  • Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.
Vernon Fowler

CSS3 Generator - 0 views

  • If you set it to border-box, the padding and border will render inside the box.
  • -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
Vernon Fowler

Typography Tools for the Web | Sparkbox - 0 views

  • { text-rendering: optimizeLegibility; }
‹ Previous 21 - 40 of 81 Next › Last »
Showing 20 items per page