Skip to main content

Home/ CSS Evangelist/ Group items tagged outline

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
mikhail-miguel

Handy CSS Debugging Snippet - 7 views

homepage.mac.com/...index.html

css techniques webdev css

shared by mikhail-miguel on 16 Jun 10 - Cached
  • yc c on 16 Jun 10
     
    I use the following bit of CSS to help visualize the structure of an XHTML (or HTML) document by putting a colored outline around the border of every element. At each level in the hierarchy the color changes so you can see when "depth" changes.   * { outline: 2px dotted red }   * * { outline: 2px dotted green }   * * * { outline: 2px dotted orange }   * * * * { outline: 2px dotted blue }   * * * * * { outline: 1px solid red }   * * * * * * { outline: 1px solid green }   * * * * * * * { outline: 1px solid orange }   * * * * * * * * { outline: 1px solid blue }
Frederik Van Zande

Introduction to CSS3 - Part 4: User Interface | Design Shack - 0 views

www.designshack.co.uk/...-to-css3-part-4-user-interface

box-sizing css css3 outline resize

shared by Frederik Van Zande on 14 May 08 - Cached
  • Frederik Van Zande on 14 May 08
     
    This tutorial will be taking a look at some of the new ways you can manipulate user interface features in CSS3. But what do we mean by "user interface"? CSS3 brings some great new properties relating to resizing elements, cursors, outlining, box layout and more. We're focusing on three of the most significant user interface enhancements in this tutorial. The examples shown below can be seen at our CSS3 examples page. Many, however, can only be appreciated in the latest builds of various browsers:
yc c

SonSpring | Removing Dotted Links - 1 views

sonspring.com/...removing-dotted-links

css firefox howto link remove

shared by yc c on 09 Mar 09 - Cached
  • yc c on 09 Mar 09
     
    /* remove firefox's active links dotted outline */ a:active{outline: none; } a:focus{-moz-outline-style: none; }
tech vedic

How to perform Genuine Windows System Scan ? - 0 views

techvedic.livejournal.com/22117.html

scan system techvedic | online tech support windows winxp

shared by tech vedic on 13 Jun 13 - No Cached
  • tech vedic on 13 Jun 13
     
    Scanning your system is a necessary task. But, there are other tasks which are necessary while scanning your PC. This Techvedic tutorial outlines the privacy policy related with scan, what to do if Windows running on your PC can't complete the scan as well as additional information to keep up PC health.
yc c

CSS Reset - a simpler option | Max Design - 5 views

www.maxdesign.com.au/...css-reset

CSS reset simple snippet webdev

shared by yc c on 21 May 10 - Cached
  • yc c on 21 May 10
     
    A quick presentation on CSS Reset including a basic explanation, an outline of some of the advantages and disadvantages, as well as a simpler reset option.
helloe

PingMag - The Tokyo-based magazine about "Design and Making Things" » Archive... - 7 views

www.pingmag.jp/...5-steps-to-css-heaven

mag

shared by helloe on 04 Mar 07 - Cached
  • Writing CSS is very much like having sex. Not everyone does it the same way and there is no particular “right” way to do it. I guess for me the similarities actually end there, seeing as writing CSS is something I do every day whereas having sex is…anyway I digress. The W3C have set the standards but beyond this, writing CSS is down to an individual’s preferences. Here are 5 little tips and ideas I’ve adopted in the last 6 months that you can use to make your CSS more streamlined, maintainable and easy to read. Written by Jon Disclaimer: The CSS example files are exactly that. They are not meant to be fully functional CSS documents. Class names in the CSS files are named merely so that you may visualise the document in your head (because there is no accompanying html), not because I condone the naming convention in them.
  • 1) Make a table of contents At the top of your CSS document, write out a table of contents. For example, you could outline the different areas that your CSS document is styling (header, main, footer etc). Then, use a large, obvious section break to separate the areas. Not only does this make your CSS look neater, but when it comes to making quick adjustments to certain areas of your website at a later date, finding the corresponding area in your CSS will be much easier. View Example File 1
  • 3) Isolate single properties that you are likely to reuse a lot If you find yourself using a single property a lot, isolate it to save yourself repeating it over and over again and also enabling you to change the display of all parts of the site that use it. View Example File 3
1 - 6 of 6
Showing 20▼ items per page