Group items tagged css - Penn Medicine Web Production Team

CSS - MDN - 0 views

developer.mozilla.org/CSS

css

shared by Chrissy Zellman on 03 May 12 - No Cached

Chrissy Zellman on 03 May 12

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including various XML languages like SVG or XHTML). CSS is one of the core languages of the open web and has a standardized W3C specification. Developed in levels, CSS1 is now obsolete, CSS2.1 a recommendation and CSS3, now split into smaller modules, is progressing on the standard track. The first early drafts of CSS4 modules are being written.

<div class="cArrow"> </div><div class="cContentInner">Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including various XML languages like SVG or XHTML). CSS is one of the core languages of the open web and has a standardized W3C specification. Developed in levels, CSS1 is now obsolete, CSS2.1 a recommendation and CSS3, now split into smaller modules, is progressing on the standard track. The first early drafts of CSS4 modules are being written.</div>

...

Cancel

CSS3 Media Queries - 0 views

webdesignerwall.com/...css3-media-queries

css3 media queries design layout mobile

shared by Kevin Van Horn on 10 Mar 11 - No Cached

Kevin Van Horn on 10 Mar 11

"CSS2 allows you to specify stylesheet for specific media type such as screen or print. Now CSS3 makes it even more efficient by adding media queries. You can add expressions to media type to check for certain conditions and apply different stylesheets."

<div class="cArrow"> </div><div class="cContentInner">"CSS2 allows you to specify stylesheet for specific media type such as screen or print. Now CSS3 makes it even more efficient by adding media queries. You can add expressions to media type to check for certain conditions and apply different stylesheets."</div>

...

Cancel

A List Apart: Articles: CSS Floats 101 - 0 views

www.alistapart.com/...css-floats-101

css float floats web layout

shared by Kevin Van Horn on 10 Mar 11 - No Cached

Kevin Van Horn on 10 Mar 11

"The float property is a valuable and powerful asset to any web designer/developer working with HTML and CSS. Tragically, it can also cause frustration and confusion if you don't fully understand how it works. Also, in the past, it's been linked to some pretty nasty browser bugs so it's normal to get nervous about using the float property in your CSS rule sets. Let's calm those nerves and ease that frustration."

<div class="cArrow"> </div><div class="cContentInner">"The float property is a valuable and powerful asset to any web designer/developer working with HTML and CSS. Tragically, it can also cause frustration and confusion if you don't fully understand how it works. Also, in the past, it's been linked to some pretty nasty browser bugs so it's normal to get nervous about using the float property in your CSS rule sets. Let's calm those nerves and ease that frustration."</div>

...

Cancel

Google HTML/CSS Style Guide - 0 views

google-styleguide.googlecode.com/...htmlcssguide.xml

html css

shared by Chrissy Zellman on 03 May 12 - No Cached

Chrissy Zellman on 03 May 12

This document defines formatting and style rules for HTML and CSS. It aims at improving collaboration, code quality, and enabling supporting infrastructure. It applies to raw, working files that use HTML and CSS, including GSS files. Tools are free to obfuscate, minify, and compile as long as the general code quality is maintained.

<div class="cArrow"> </div><div class="cContentInner">This document defines formatting and style rules for HTML and CSS. It aims at improving collaboration, code quality, and enabling supporting infrastructure. It applies to raw, working files that use HTML and CSS, including GSS files. Tools are free to obfuscate, minify, and compile as long as the general code quality is maintained.</div>

...

Cancel

What's Your CSS Style? - 0 views

webstandardssherpa.com/...whats-your-css-style

css

shared by Chrissy Zellman on 30 Mar 12 - No Cached

Chrissy Zellman on 30 Mar 12

When we think of , we naturally think of styles. Styles to control layout, color and typography. Even styles to progressively enhance our user experience. Lately, when I'm writing my CSS, I'm thinking about a different kind of style: the style I use to actually write my CSS ...

<div class="cArrow"> </div><div class="cContentInner">When we think of , we naturally think of styles. Styles to control layout, color and typography. Even styles to progressively enhance our user experience. Lately, when I'm writing my CSS, I'm thinking about a different kind of style: the style I use to actually write my CSS ...</div>

...

Cancel

CSS3 Cheat Sheet - 1 views

media.smashingmagazine.com/...css3-cheat-sheet.pdf

css3 cheat sheet

shared by Chrissy Zellman on 23 Mar 11 - No Cached

CSS gradient tips (and more!) - 0 views

www.netmagazine.com/...css-gradient-tips-and-more

css3

shared by Chrissy Zellman on 31 Mar 11 - No Cached

Chrissy Zellman on 31 Mar 11

Ever seen a website where you just want to touch everything? Tim Van Damme explains the techniques he used in the Gowalla redesign What do drop shadows, gradients, rounded corners, transformations and animations have in common? Yes, they're a recipe for the disaster we once called Web 2.0, and have since been taken behind the shed, but they're also a group of new tricks we can do with CSS. Not all browsers support them yet, but enough do to let us have some fun.

<div class="cArrow"> </div><div class="cContentInner">Ever seen a website where you just want to touch everything? Tim Van Damme explains the techniques he used in the Gowalla redesign What do drop shadows, gradients, rounded corners, transformations and animations have in common? Yes, they're a recipe for the disaster we once called Web 2.0, and have since been taken behind the shed, but they're also a group of new tricks we can do with CSS. Not all browsers support them yet, but enough do to let us have some fun.</div>

...

Cancel

CSS3 Linear Gradient Syntax Breakdown - 0 views

www.impressivewebs.com/css3-linear-gradient-syntax

css3 gradient css linear tutorial

shared by Kevin Van Horn on 02 May 11 - No Cached

CSS Lint - 1 views

csslint.net

css tool lint tools

shared by Kevin Van Horn on 30 Jun 11 - No Cached

Kevin Van Horn on 30 Jun 11

Your CSS goes here. The more, the better. Linting works best when we see the big picture, so give us everything you've got.

<div class="cArrow"> </div><div class="cContentInner">Your CSS goes here. The more, the better. Linting works best when we see the big picture, so give us everything you've got.</div>

...

Cancel

Slide in Captions - 0 views

css-tricks.com/...SlideinCaptions

captions html5 css3

shared by Chrissy Zellman on 30 Mar 11 - No Cached

Chrissy Zellman on 30 Mar 11

Reader Jason Lucchesi send me in a neat demo of image captions sliding in overtop an image on rollover. The effect used a bunch of nested divs to get it done, so I thought I'd do my own version of it using the standard HTML5 structure for an image with a caption, and CSS3 it up.

<div class="cArrow"> </div><div class="cContentInner">Reader Jason Lucchesi send me in a neat demo of image captions sliding in overtop an image on rollover. The effect used a bunch of nested divs to get it done, so I thought I'd do my own version of it using the standard HTML5 structure for an image with a caption, and CSS3 it up.</div>

...

Cancel

Relevant Dropdowns: Polyfill for Datalist - 0 views

css-tricks.com/ropdowns-polyfill-for-datalist

css datalist jquery modernizr

shared by Chrissy Zellman on 02 Dec 11 - No Cached

Script Junkie | The Ins and Outs of CSS Resets - 0 views

msdn.microsoft.com/...gg257960.aspx

css reset webdev bestpractices html

shared by Kevin Van Horn on 11 Mar 11 - No Cached

Kevin Van Horn on 11 Mar 11

There's a class of cross-browser layout issues, stemming from a fundamental inconsistency in the way that various browsers render HTML. In this article, [the author will] explain what those issues are, illustrate how they impact your pages, and show you a variety of approaches to solve the problem.

<div class="cArrow"> </div><div class="cContentInner">There's a class of cross-browser layout issues, stemming from a fundamental inconsistency in the way that various browsers render HTML. In this article, [the author will] explain what those issues are, illustrate how they impact your pages, and show you a variety of approaches to solve the problem.</div>

...

Cancel

HTML5 & CSS3 Support - 0 views

www.findmebyip.com/litmus

html5 css3

shared by Chrissy Zellman on 15 Mar 11 - Cached

HTML5 Readiness - 0 views

html5readiness.com

html5 css3

shared by Chrissy Zellman on 15 Mar 11 - Cached

Chrissy Zellman on 15 Mar 11

A Visualization of how ready different parts of HTML5/CSS3 are for day to day use

<div class="cArrow"> </div><div class="cContentInner">A Visualization of how ready different parts of HTML5/CSS3 are for day to day use</div>

...

Cancel

Hover on "Everything But" - 1 views

css-tricks.com/hover-on-everything-but

css

shared by Chrissy Zellman on 24 Mar 11 - No Cached

Chrissy Zellman on 24 Mar 11

Adding a hover state to an element

<div class="cArrow"> </div><div class="cContentInner">Adding a hover state to an element</div>

...

Cancel

Modernizr - 1 views

www.modernizr.com

html5 css3 javascript

shared by Chrissy Zellman on 13 Jun 11 - Cached

Chrissy Zellman on 13 Jun 11

Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites.

<div class="cArrow"> </div><div class="cContentInner">Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites.</div>

...

Cancel

Convert a Menu to a Dropdown for Small Screens - 0 views

css-tricks.com/13303-convert-menu-to-dropdown

css mobile jquery

shared by Chrissy Zellman on 18 Jul 11 - No Cached

Chrissy Zellman on 18 Jul 11

The Five Simple Steps website has a responsive design with a neat feature. When the browser window is narrow, the menu in the upper right converts from a regular row of links into a dropdown menu.

<div class="cArrow"> </div><div class="cContentInner">The Five Simple Steps website has a responsive design with a neat feature. When the browser window is narrow, the menu in the upper right converts from a regular row of links into a dropdown menu.</div>

...

Cancel

jsFiddle - 0 views

jsfiddle.net

javascript css

shared by Chrissy Zellman on 09 Nov 11 - Cached

HTML5 - Edition for Web Developers - 0 views

developers.whatwg.org

html5 specification webdev reference css html webdesign web

shared by Kevin Van Horn on 10 Mar 11 - No Cached

Kevin Van Horn on 10 Mar 11

The focus of this specification is readability and ease of access. Unlike the full HTML specification, this "web developer edition" removes information that only browser vendors need know.

<div class="cArrow"> </div><div class="cContentInner">The focus of this specification is readability and ease of access. Unlike the full HTML specification, this "web developer edition" removes information that only browser vendors need know.</div>

...

Cancel

How to Build Cross-Browser HTML5 Forms | Nettuts+ - 1 views

net.tutsplus.com/...uild-cross-browser-html5-forms

html5 forms form jquery cross-browser tutorial

shared by Kevin Van Horn on 10 Mar 11 - No Cached

Group items tagged

CSS - MDN - 0 views

CSS3 Media Queries - 0 views

A List Apart: Articles: CSS Floats 101 - 0 views

Google HTML/CSS Style Guide - 0 views

What's Your CSS Style? - 0 views

CSS3 Cheat Sheet - 1 views

CSS gradient tips (and more!) - 0 views

CSS3 Linear Gradient Syntax Breakdown - 0 views

CSS Lint - 1 views

Slide in Captions - 0 views

Relevant Dropdowns: Polyfill for Datalist - 0 views

Script Junkie | The Ins and Outs of CSS Resets - 0 views

HTML5 & CSS3 Support - 0 views

HTML5 Readiness - 0 views

Hover on "Everything But" - 1 views

Modernizr - 1 views

Convert a Menu to a Dropdown for Small Screens - 0 views

jsFiddle - 0 views

HTML5 - Edition for Web Developers - 0 views

How to Build Cross-Browser HTML5 Forms | Nettuts+ - 1 views

Related searches