Skip to main content

Home/ Tools for web developers/ Group items tagged responsive

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

The Heads-Up Grid - 0 views

bohemianalps.com/grid

grid responsive css web javascript development html webdesign tools

shared by Vernon Fowler on 13 Sep 11 - No Cached
  • Vernon Fowler on 13 Sep 11
     
    Now Responsive!The Heads-Up Grid is an overlay grid for in-browser website development, built with HTML + CSS + JavaScript.
Vernon Fowler

Welcome To The 404 Checker - 0 views

404checker.com

checker 404 testing http protocol header status code tools tool web

shared by Vernon Fowler on 22 Apr 13 - No Cached
  • Check the HTTP Status code being returned by a partcular webpage, image or document. Useful for checking that your custom error pages are returning the correct codes.
  • View the full header returned from a HTTP request. Useful for debugging, optimisation and for general interest. Click the icon next to each header directive for more information about that item.
  • The link checker will fetch all links on a page and check each in turn for their status. Useful for location broken links on a page.
  • Vernon Fowler on 22 Apr 13
     
    "404 Checker is a website full of webmaster tools and information about your website, internet connections and protocols. Please consult the list below for information about the tools available. The information section (accessable from the menu on the left) contains information about HTTP Status Codes, and also instructions about how you can customise your servers response to these codes. The references section contains information about where to get more information."
Vernon Fowler

Golden Grid System - 0 views

goldengridsystem.com

grid css webdesign responsive framework web design tools

shared by Vernon Fowler on 11 Oct 12 - No Cached
  • 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

Get Started with Font Awesome - 0 views

fontawesome.io/get-started

icons bootstrap font responsive accessible accessibility webdesign

shared by Vernon Fowler on 11 Aug 16 - No Cached
  • 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.
  • Vernon Fowler on 11 Aug 16
     
    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

Unsemantic CSS Framework - 0 views

unsemantic.com

css framework responsive grid webdesign fluid layout tools rwd sass

shared by Vernon Fowler on 01 Mar 14 - No Cached
  • Vernon Fowler on 01 Mar 14
     
    Unsemantic is a fluid grid system that is the successor to the 960 Grid System. It works in a similar way, but instead of being a set number of columns, it's entirely based on percentages. For instance, if you want a 50% wide column, simply use class="grid-50". There are grid classes for multiples of five: 5, 10, 15 … 95, 100. There are also grid classes for dividing a page into thirds: grid-33 and grid-66.
jpollockgc

Ratchet - 0 views

goratchet.com

mobile Framework responsive

shared by jpollockgc on 08 May 14 - No Cached
1 - 11 of 11
Showing 20▼ items per page