Skip to main content

Home/ Web Development, Design & Programming/ Group items matching "ie7" in title, tags, annotations or url

Group items matching
in title, tags, annotations or url

Sort By: Relevance | Date Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

A Handy Resource for 1140px Designers » HTML & CSS » Design Festival - 4 views

designfestival.com/-resource-for-1140px-designers

designers html design resource web webdesign web design

shared by Vernon Fowler on 17 Nov 11 - No Cached
  • Vernon Fowler on 17 Nov 11
     
    A resource you may find useful is the 1140px Grid created by Australian designer Andy Taylor. The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser. The grid consists of twelve columns, which can be evenly divided into columns of two, three, four or six. In terms of browser support, Andy's grid works in Chrome, Safari, Firefox, IE7, and IE8. IE6 (there's always one, isn't there?) doesn't support max-​​width, so the grid doesn't fix to 1140px. It spans the full width of the browser.
Luciano Ferrer

Freebie: Responsive jQuery Slider Plugin Flexslider - Smashing Magazine - 2 views

www.smashingmagazine.com/...query-slider-plugin-flexslider

jquery slider responsive javascript

shared by Luciano Ferrer on 30 Sep 11 - No Cached
  • Luciano Ferrer on 30 Sep 11
     
    "In this post, we are glad to release a responsive jQuery slider plugin Flexslider which has been created, developed and maintained by Tyler Smith and released for Smashing Magazine and its readers. As usual, the plugin is absolutely free to use in private and commerical projects. The plugin includes fade and slide animations, customizable options as well as all the navigation options you would expect in such a plugin - touch gestures inclusive! It uses simple, semantic markup to create the slider and is lightweight, weighing only 5 Kb (minified). The plugin has been tested in Safari 4+, Chrome 4+, Firefox 3.6+, Opera 10+, and IE7+. iOS and Android devices are supported as well. In three simple steps, you can have a fully responsive slider for your responsive design."
Vernon Fowler

Font sizing with rem - Snook.ca - 0 views

snook.ca/...font-size-with-rem

css3 rem font css fonts sizing webdesign web design

shared by Vernon Fowler on 10 Sep 12 - No Cached
  • The problem with em-based font sizing is that the font size compounds. A list within a list isn't 14px, it's 20px. Go another level deeper and it's 27px!
  • The rem unit is relative to the root—or the html—element. That means that we can define a single font size on the html element and define all rem units to be a percentage of that. html { font-size: 62.5%; } body { font-size: 1.4rem; } /* =14px */ h1 { font-size: 2.4rem; } /* =24px */
  • We can specify the fall-back using px, if you don't mind users of older versions of Internet Explorer still being unable to resize the text (well, there's still page zoom in IE7 and IE8). To do so, we specify the font-size using px units first and then define it again using rem units. html { font-size: 62.5%; } body { font-size: 14px; font-size: 1.4rem; } /* =14px */ h1 { font-size: 24px; font-size: 2.4rem; } /* =24px */
  • ...3 more annotations...
  • I'm defining a base font-size of 62.5% to have the convenience of sizing rems in a way that is similar to using px.
  • consistent and predictable sizing in all browsers, and resizable text in the current versions of all major browsers
  • The compounding nature of em-based font-sizing can be frustrating so what else can we do?
awqi zar

Run IE8/IE7/IE6, Firefox, Safari, Chrome, and Opera from the web - 0 views

www.xenocode.com/browsers

browser IE safari chrome firefox opera sandbox ie8_7_6

shared by awqi zar on 25 Feb 09 - Cached
  • anonymous on 03 Oct 13
     
    You can dating in here. This is a best site dating www.sugarhoneys4u.com www.killdo.de.gg
1 - 5 of 5
Showing 20▼ items per page