public marks

PUBLIC MARKS from Monique with tags css3 & [en]

2013

website dimensions - exact pixels - live check

With the help of CSS3 and mediaqueries you can change the layout of your website based on the detected screen size of the device (be it a computer screen, tablet, smartphone,...). But what are the current guidelines in pixels? Find out here.

We've made an easy-to-use, always up-to-date, information resource, just for you.

2012

http://tympanus.net/Tutorials/CSS3FullscreenSlideshow/

by 1 other, 1 comment

How it works

There are four “layers” of words that will be flying in, one after the other, making the previous one fade out. The letters will fly in rotating and get a little shake once they “smash” into their place.

The demo is best viewed in a browser that supports perspective.

Color equivalents table

The 147 color keywords defined in SVG, as referenced by the CSS Color Module Level 3, along with their various numeric equivalents.

DZSlides

by 2 others

DZSlides is a one-page-template to build your presentation in HTML5 and CSS3

2011

Techniques For Gracefully Degrading Media Queries - Smashing Magazine

CSS3 media queries, which include the browser width variable, are supported by most modern Web browsers. Mobile and desktop browsers that lack support will present a subpar experience to the user unless we step up and take action. I’ll outline some of techniques that developers can follow to address this problem.

Top 10 CSS 3 forms tutorials - CatsWhoCode.com

CSS3 brings to life countless new possibilities to make better web forms. In this article, I have compiled a list of the best 10 tutorials to make great forms using this new and amazing technology.

2010

HTML5 and CSS3 Without Guilt | Nettuts+

by 1 other

Not every HTML5 or CSS3 feature has widespread browser support, naturally. To compensate for this, enterprising developers have created a number of tools to let you use these technologies today, without leaving behind users who still live in the stone age.

The 30 CSS Selectors you Must Memorize | Nettuts+

by 3 others
So you learned the base id, class, and descendant selectors – and then called it a day? If so, you’re missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory.

@font-face gotchas « Paul Irish

"Over the past few months, I've collected a few worthwhile notes on @font-face that are worth reading over if you geek out about this stuff…"

HTML5, CSS3 default templates – Jeffrey Zeldman Presents The Daily Report

by 1 other

Free for use in all web projects, professional or personal, HTML5 Reset by Monkey Do! is a set of HTML5 and CSS templates that jumpstart web development by removing the styling native to each browser, establishing basic HTML structures (title, header, footer, etc.), clearing floats, correcting for IE problems, and more.

10 Pure CSS3 Image Galleries and Sliders - Speckyboy Design Magazine

There are hundreds upon hundreds of Javscript based image gallery/slider plugins and techniques you could choose from, all offering something different, all of them offer a whole lot of interactivity and most are relatively easy to use and install. So, the question is, why would you even consider a pure CSS alternative?

Backgrounds In CSS: Everything You Need To Know - Smashing Magazine

by 3 others
Backgrounds are a core part of CSS. They are one of the fundamentals that you simply need to know. In this article, we will cover the basics of using CSS backgrounds, including properties such as background-attachment. We’ll show some common tricks that can be done with the background as well as what’s in store for backgrounds in CSS 3 (including four new background properties!).

2009

2008

Monique's TAGS related to tag css3

[en] +   [fr] +   couleurs +   css +   html5 +   ie +   images +   Media Queries +   mobile +   outils web +   présentation +   slides +   svg +   tutoriels +   w3c +   web +   webdesign +