Skip to main content

Home/ CSS Evangelist/ Group items tagged css tricks

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

On :target | CSS-Tricks - 0 views

css-tricks.com/on-target

css target selector DIG252 hashtags browser scrolling scroll webdesign animation css3

shared by Vernon Fowler on 30 Jul 14 - No Cached
  • I'd use these rules-of-thumb for when :target is a good choice: When a "state" is needed When the jump-down behavior is acceptable When it's acceptable to affect the browser history
Jonathan Mike

CSS3 Rounded Image With jQuery - 0 views

www.webdesignerwall.com/...css3-rounded-image-with-jquery

CSS webdesign

shared by Jonathan Mike on 04 Jul 10 - Cached
  • Jonathan Mike on 04 Jul 10
     
    The CSS 3 Trick with jQuery to make rounded image
Frederik Van Zande

Agile Ajax: Hacking transparent PNG support into IE6 with IE PNG Fix, CSS and jQuery (p... - 0 views

blogs.pathf.com/...hacking-transpa.html

behaviors css hack ie_6 javascript jquery png transparency trick

shared by Frederik Van Zande on 11 Apr 08 - Cached
  • Frederik Van Zande on 11 Apr 08
     
    esterday's post showed how to hack the :first-child pseudo-class into IE6 with jQuery and CSS. Continuing with that theme, today and tomorrow we'll show how to enable transparent PNG support in IE6
Zulkarnain K.

Creating Triangles in CSS - 13 views

jonrohan.me/...creating-triangles-in-css

css stylesheet tricks webdesign

shared by Zulkarnain K. on 06 May 11 - No Cached
  • Zulkarnain K. on 06 May 11
     
    when a browser draws the borders, it draws them at angles. This technique takes advantage of that. One side of the border is colored for the color of the arrow, and the rest are transparent. Then you set the width of the border to something large
Vernon Fowler

Centering in the Unknown | CSS-Tricks - 0 views

css-tricks.com/centering-in-the-unknown

css centering center vertical Webdesign

shared by Vernon Fowler on 25 Sep 12 - No Cached
  • Vernon Fowler on 25 Sep 12
     
    "If we set up a "ghost" element inside the parent that is 100% height, then we vertical-align: middle both that and the element to be centered, we get the same effect."
Vernon Fowler

Meet the Pseudo Class Selectors | CSS-Tricks - 0 views

css-tricks.com/pseudo-class-selectors

webdesign css web design selectors class

shared by Vernon Fowler on 18 Nov 12 - No Cached
  • You probably wouldn't want to drop cap every single paragraph on the page, but just the first one, so, p:first-child:first-letter { }
Vernon Fowler

list-style | CSS-Tricks - 0 views

css-tricks.com/...list-style

WEB300 CSS list position

shared by Vernon Fowler on 11 Apr 17 - No Cached
  • The list-style-position property defines where to position the list marker, and it accepts one of two values: "inside" or "outside". These are demonstrated below
Vernon Fowler

Box Sizing | CSS-Tricks - 0 views

css-tricks.com/box-sizing

box sizing layout boxmodel CSS webdesign

shared by Vernon Fowler on 26 Jan 12 - No Cached
  • -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */
Vernon Fowler

word-break | CSS-Tricks - 0 views

css-tricks.com/...word-break

css webdesign long words fittext text

shared by Vernon Fowler on 20 Mar 14 - No Cached
  • It's often used in places with user generated content so that long strings don't risk breaking layout.
Vernon Fowler

Sass Style Guide | CSS-Tricks - 0 views

css-tricks.com/sass-style-guide

sass scss styleguide css webdesign DIG252

shared by Vernon Fowler on 18 Jun 14 - No Cached
  • List @extend(s) First
  • List "Regular" Styles Next
  • List @include(s) Next
  • ...9 more annotations...
  • All Vendor Prefixes Use @mixins
  • Global and Section-Specific Sass Files Are just Table of Contents In other words, no styles directly in them. Force yourself to keep all styles organized into component parts.
  • If you find yourself using a number other than 0 or 100% over and over, it likely deserves a variable.
  • List Vendor/Global Dependancies First, Then Author Dependancies, Then Patterns, Then Parts
  • In Deployment, Compile Compressed
  • Comments get stripped when compiling to compressed code, so there is no cost.
  • Partials are named _partial.scss
  • Variablize All Colors Except perhaps white and black.
  • In your global stylesheet, @import a _shame.scss file last.
‹ Previous 21 - 40 of 71 Next › Last »
Showing 20▼ items per page