public marks

PUBLIC MARKS with tags css & webdesign

July 2012

Un joli casse-tête en intégration – HTeuMeuLeu

by Monique & 3 others
C'est un effet graphique assez classique, en particulier dans la presse papier. Pourtant, il se trouve que ça reste relativement complexe à reproduire de manière simple en CSS. Voici les règles à respecter : Le texte ne doit contenir aucune balises (donc pas de span pour chaque ligne, pas de br) Vous pouvez utiliser autant de balises que vous voulez autour du texte Pas de JavaScript, que du HTML et CSS Le fond blanc doit suivre le contour du texte Il y a une marge à l'intérieur du fond blanc autour du texte de 20px à gauche et à droite de chaque ligne, et d'environ 10px en haut et en bas Le texte est dynamique, et on doit donc pouvoir le modifier en conservant l'effet La solution doit fonctionner sur les navigateurs modernes (IE9, Firefox 13, Chrome 19, ...)

June 2012

May 2012

Viewport Sized Typography | CSS-Tricks

by sbrothier
CSS3 has some new values for sizing things relative to the current viewport size: vw, vh, and vmin. It is relevant to bring up now, because it's shipping in Chrome 20 (canary at the time of this writing). And not behind a flag, it just works. Production usage isn't quite there, but it will be soon enough.

A non-responsive approach to building cross-device webapps - HTML5 Rocks

by sbrothier & 3 others
Media queries are awesome, a godsend for website developers that want to make small tweaks to their stylesheets to give a better experience for users on devices of various sizes. Media queries essentially let you customize the CSS of your site depending on screen size. Before you dive into this article, learn more about responsive design and check out some fine examples of media queries usage here: mediaqueri.es

March 2012

IE6 et IE7 se meurent… CSS peut naître - La tête dans le Flux !

by Monique

Arrêtez de vous pâmer devant CSS3, c’est classe mais encore trop tôt sur de nombreuses fonctionnalités, et d’autres pans de CSS2 sont restés trop longtemps dans l’oubli

February 2012

15 Great Examples of Websites using jQuery Masonry | Web Resources | WebAppers

by sbrothier
jQuery Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

January 2012

Home | Design in the browser with web fonts and real content — Typecast

by sbrothier & 1 other
The web’s most beautiful typefaces Try typefaces from the web’s best known web font services. Design with real content Kiss goodbye to Lorum Ipsum. Get real web content in place, fast. Create HTML & CSS in the browser Quickly get to a working, standards-compliant prototype.

December 2011

November 2011

Techniques in responsive web design | Webdesigner Depot

by Monique

The techniques in this article explain how we can leverage this powerful capability of CSS to also change imagery, alter the navigation on hand-held devices, and set up default CSS for compatibility older browsers.

Vendor Prefixes Are Hurting the Web

by Monique

I think vendor prefixes are hurting the Web. They are hurting Web authors. They are hurting users of browsers. They are hurting competition in the Web browser space. I think we (people developing browsers and Web standards) should stop hurting the Web. It would also make sense for browsers to implement other browsers’ prefixed features to the extent existing content uses prefixed features.

CSS Background: There’s More To Know Than You Think | Van SEO Design

by Monique
Did you know you can control where in the background an image is painted or that you can even specify which part of an element is the background?

The Future Of CSS: Embracing The Machine - Smashing Coding

by Monique

The common conception among Web designers is that a good style sheet is created by hand, each curly bracket meticulously placed, each vendor prefix typed in manually. But how does this tradition fit in a world where the websites and applications that we want to create are becoming increasingly complex?

September 2011

August 2011

Writing CSS For Others

by 84GHz
we get into our little bubbles, writing CSS (as amazing as it may be) with only ourselves in mind. How many times have you inherited a CSS file that’s made you say “WTF” at least a dozen times?

Convertissez vos images en CSS

by Marine & 4 others
Img to Css est un service en ligne qui vous permet tout simplement de convertir des images en code html. Idéal pour vos newsletters, cela permet de contourner le blocage des images par de nombreux clients email :-)

July 2011

iTilde - internet, design, technology, digital marketing

by mydruid
Marketing digital - SEO - SEM - créer site web - création site internet, how to create a website, comment créer un site - webdesign - webmarketing - webentreprenneur