Skip to main content

Home/ Web Development & Mobile App/ Group items tagged tuts

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

What You May Not Know About the Z-Index Property - Tuts+ Web Design Article - 0 views

webdesign.tutsplus.com/...ndex-property--webdesign-16892

webdesign article property css tuts

shared by Vernon Fowler on 23 Feb 14 - No Cached
  • Vernon Fowler on 23 Feb 14
     
    "The z-index property in CSS seems simple enough, but there's a lot to discover beneath the surface if you really want to understand how it works. In this tutorial we'll clarify the inner workings of z-index, by looking at stacking contexts and a few practical examples."
Vernon Fowler

Working With LESS and the Chrome DevTools - Tuts+ Code Tutorial - 0 views

code.tutsplus.com/...the-chrome-devtools--net-36636

less chrome html markup tools webdesign css workflow source maps workspaces editor editing grunt preprocessor

shared by Vernon Fowler on 11 Feb 14 - Cached
  • While holding Command (Control on Windows), click any property, value or selector to jump to the line of code in the corresponding LESS source file within the Sources panel.
  • In a world without Source Maps, DevTools would display styles originating from the compiled CSS. Line numbering would not be useful due to a mismatch between compiled CSS and the source CSS. With Source Maps, when inspecting a DOM node on the page, DevTools will automatically show the styles originating from the LESS source file.
  • the Sources panel contains a live editor
  • ...2 more annotations...
  • Not only does this work for remotely hosted files, but also for local ones with the added benefit of persisting your changes to a file.
  • You can edit a file in the Sources panel and those changes will persist to disk when you Command/Control-S.
  • Vernon Fowler on 11 Feb 14
     
    This is a complete tutorial to using LESS with Chrome's DevTools. If you've used Sass with Chrome's DevTools, you'll most likely already be familiar with the concepts introduced here.
  • Vernon Fowler on 11 Feb 14
     
    This is a complete tutorial to using LESS with Chrome's DevTools. If you've used Sass with Chrome's DevTools, you'll most likely already be familiar with the concepts introduced here.
  • Vernon Fowler on 12 Feb 14
     
    "This is a complete tutorial to using LESS with Chrome's DevTools. If you've used Sass with Chrome's DevTools, you'll most likely already be familiar with the concepts introduced here. "
Vernon Fowler

SVG Files: From Illustrator to the Web - Tuts+ Design & Illustration Tutorial - 0 views

design.tutsplus.com/...rator-to-the-web--vector-20899

adobe svg illustrator webdesign tutorial vector icons logos animation

shared by Vernon Fowler on 10 Feb 14 - No Cached
  • Vernon Fowler on 10 Feb 14
     
    "Scalable Vector Graphics (SVG) is a vector image format which began life back in 1998. It was always developed with the web in mind, but only now has the web actually started to catch up. There's no denying its relevance today, so let's have a look at the basics of taking SVG from Illustrator to the web browser."
1 - 3 of 3
Showing 20▼ items per page