Skip to main content

Home/ CSS Evangelist/ Group items tagged CSS3

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

The CSS Property Value inherit » Learn CSS3 | Cheat Sheet | CSS Tutorial | Se... - 0 views

reference.sitepoint.com/...inheritvalue

css properties browser support webdesign

shared by Vernon Fowler on 14 Jan 14 - Cached
  • Internet Explorer 7 and earlier versions don’t support the value inherit for any properties other than direction and visibility.
Vernon Fowler

An introduction to LESS, and comparison to Sass | Smashing Coding - 0 views

coding.smashingmagazine.com/...to-less-and-comparison-to-sass

less sass css comparison webdesign css3 preprocessor

shared by Vernon Fowler on 25 Feb 14 - No Cached
  • The only difference in variables between LESS and Sass is that, while LESS uses @, Sass uses $. There are some scope differences as well, which I’ll get to shortly.
  • With Sass, you declare @mixin prior to the style to identify it as a mixin. Later, you declare @include to call it.
  • Parametric Mixins Like having functions in your CSS (*swoon*), these can be immensely useful for those seemingly redundant tasks of modern-day CSS.
  • ...8 more annotations...
  • .border-radius( @radius: 3px ) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; }
  • The syntax in Sass is very similar to that of LESS. Just use the $ for variables, and call the mixins with the @mixin and @include method mentioned earlier.
  • Selector Inheritance Here’s something not provided in LESS. With this ability, you can append a selector to a previously established selector without the need to add it in a comma-separated format. .menu { border: 1px solid #ddd; } .footer { @extend .menu; } /* will render like so: */ .menu, .footer { border: 1px solid #ddd; }
  • With LESS, you can nest ids, classes and elements as you go.
  • You can also refer in element styles to their pseudo-elements by using the &, which in this case functions similar to this in JavaScript.
  • Sass is a lot more versatile with numbers than LESS. It has built into it conversion tables to combine comparable units.
  • Sass seems to have a lot more color options — not that I would need them all. Lighten and darken are the only ones that I see myself using often.
  • Conditionals and Control This is rather nifty, and another thing not provided by LESS. With Sass, you have the ability to use if { } else { } conditional statements, as well as for { } loops. It supports and, or and not, as well as the <, >, <=, >= and == operators.
Vernon Fowler

Learning To Use The :before And :after Pseudo-Elements In CSS | Smashing Coding - 0 views

coding.smashingmagazine.com/...d-after-pseudo-elements-in-css

css css3 pseudo selectors before after webdesign

shared by Vernon Fowler on 02 Jan 14 - No Cached
  • The content that’s injected will be child content in relation to the targeted element
  • First, you can include a URL that points to an image, just as you would do when including a background image in the CSS
Vernon Fowler

Web Designer Notebook » How to use Modernizr - 0 views

webdesignernotebook.com/...how-to-use-modernizr

html5 css3 javascript library browser modernizr css webdesign

shared by Vernon Fowler on 15 Mar 14 - No Cached
  • Modernizr doesn’t actually magically enable these properties for browsers that don’t support them. It just tells the page whether that feature is supported on the browser the visitor is using or not.
  • To install Modernizr, download the file from this page. Then, on your site’s head tag, add a link to the file. For example: ?1<script src="js/modernizr-1.0.min.js"></script> The second step is to include on your html tag a class of “no-js”: ?1<html class="no-js"> Why add this tag? Because that will be the default state of the page. If JavaScript (js) isn’t on, then Modernizr won’t work at all (and probably other features of your site won’t work either…), so it’s good that we have a fallback for that case. If JavaScript is indeed enabled, once that page is loaded on the browser, that class will be replaced dynamically and it may look something like this: ?1<html class="js canvas canvastext geolocation rgba hsla no-multiplebgs borderimage borderradius boxshadow opacity no-cssanimations csscolumns no-cssgradients no-cssreflections csstransforms no-csstransforms3d no-csstransitions  video audio cufon-active fontface cufon-ready">
  • Vernon Fowler on 15 Mar 14
     
    "There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites."
mesbah095

Guest Post Online - 0 views

guestpostonline.com

CSS webdesign design online web tools css3 computer javascript html

shared by mesbah095 on 03 Apr 14 - No Cached
  • mesbah095 on 03 Apr 14
     
    Article Writing & Guestpost You Can Join this Site for Your Article & guest post, Just Easy way to join this site & total free Article site. This site article post to totally free Way. Guest Post & Article Post live to Life time only for Current & this time new User. http://guestpostonline.com
Vernon Fowler

Compass Home | Compass Documentation - 4 views

compass-style.org

css framework sass compass webdesign tools css3 sprites typography

shared by Vernon Fowler on 17 Oct 09 - Cached
  • yc c on 17 Oct 09
     
    Compass is a stylesheet authoring framework that makes your stylesheets and markup easier to build and maintain. With compass, you write your stylesheets in Sass instead of CSS. Using the power of Sass Mixins and the Compass community, you can apply battle-tested styles from frameworks like Blueprint to your stylesheets instead of your markup.
thompsonmarry

CSS3 Mania: Best Free Wordpress Themes To Start A Website - 0 views

george12cruise.blogspot.in/...wordpress-themes-to-start.html

Website Templates

shared by thompsonmarry on 01 Oct 14 - No Cached
  • thompsonmarry on 01 Oct 14
     
    CSS3Mania is the best website that provides Joomla templates for free. Within the template gallery of the website, you'll find the extensively used and many appropriate template selections for your website. Additionally, this website offers the templates for all versions of Joomla, which can assist you in picking a suitable template for your newly converted website.
thompsonmarry

CSS3 Mania - Joomla Templates - 0 views

www.youtube.com/watch

Free Html Templates

shared by thompsonmarry on 01 Oct 14 - No Cached
  • thompsonmarry on 01 Oct 14
     
    CSS3Mania is a good website that offers Joomla templates for free. Within the template gallery of this website, you will find the broadly used and most appropriate template selections for your website. Moreover, this website provides the templates for all versions of Joomla that can assist you in picking a suitable template to your newly converted website.
garudamuda

Join My Blog , My Bro - 0 views

DAFTAR KUMPULAN BLOG BISNIS ONLINE INDONESIA http://tipsbisnisonline-dirumah.blogspot.com/ http://beritabola-livescore.blogspot.com/ http://kumpulantips-kesehatan.blogspot.com/ http://berita-ol...

css webdesign design online tools web computer css3 javascript html

started by garudamuda on 01 Nov 13 no follow-up yet
Clap Creative

How to Making Charts with CSS in HTML? - 1 views

snip.ly/wYPF

css webdesign design web computer Html javascript css3

shared by Clap Creative on 20 Aug 15 - No Cached
  • Clap Creative on 20 Aug 15
     
    There are many ways to make visual representations of data: bar charts, line graphs, scatter diagrams, sparklines... not to mention the many ways in which
yc c

Web Browser CSS Support - 7 views

www.webdevout.net/browser-support-css

CSS3 browser w3c reference

shared by yc c on 04 Jun 10 - Cached
  • yc c on 04 Jun 10
     
    This document is a section of the web browser standards support document. It includes detailed information about CSS support in major web browsers.
yc c

mozdev.org - multicolumn: index - 0 views

multicolumn.mozdev.org/

css extention firefox

shared by yc c on 09 Mar 09 - Cached
  • yc c on 09 Mar 09
     
    Adds CSS3 column support to firefox
Gary Edwards

Grid design basics: Grids for Web page layouts - Opera Developer Community - 2 views

dev.opera.com/...gn-basics-grids-for-web-page-l

css3 opera modular-grids

shared by Gary Edwards on 16 Mar 09 - Cached
  • Gary Edwards on 16 Mar 09
     
    Since tables were co-opted for layout purposes, columns have become key to many Web design layouts, and this thinking continued when CSS took over from tables (at least in the minds of savvy designers) for Web-page presentation. However, other fields of layout design don't think in arbitrary columns, they work with grids, and these form the basis for the structure of page designs. This article will provide the lowdown on grid design for Web pages. Thinking modular Grids are a template, a framework within which creativity can flourish. Too many designers spend time looking at a blank canvas, trying to figure out where elements should be positioned, but, if you have a flexible underlying grid, many such problems are already solved for you. It becomes obvious where and how elements should and can be positioned, thereby leaving you, the designer, with more time to work on graphic design and other page components.
« First ‹ Previous 81 - 100 of 141 Next › Last »
Showing 20▼ items per page