background preloader

Creating Polaroid Style Images with Just CSS - ZURB Playground - ZURB.com

Creating Polaroid Style Images with Just CSS - ZURB Playground - ZURB.com
Through a combination of browser-specific CSS (2 and 3) integration and some basic styling, we've turned regular old images into cool looking polaroid style images—with no additional markup to show the text. Using the Title Attribute Instead of adding additional markup (more headings or paragraphs), we've opted to reuse the content within the title attribute of the surrounding anchor tag. Note: this is from the CSS2.1 spec, but browsers haven't implemented it fully. We have to use the title attribute for the anchor because the alt attribute isn't fully implemented by Safari or Firefox. Adding "Random" Tilts Safari 4 and Firefox 3.5 both have support for the :nth-child pseudo-selector (this is CSS3). Read about :nth-child and it's usage here. Although this seems like a bit much, this works to our advantage. Making Them Scale For the scaling, we once again turn to some CSS3. Final Details Now, we go back and make things as sexy as can be with some more CSS3 goodness.

Drop shadow with CSS for all web browsers This article is also available in Bulgarian One of the most common CSS effects is using shadows in various ways. Before, we needed to resort to images, but now we can offer this to all major web browser with CSS! Web browser support Believe me or not, but all of these web browsers we can offer shadows with CSS: Firefox 3.5+Safari 3+Google ChromeOpera 10.50Internet Explorer 5.5 The standards way As we all know, a majority of the web browsers implement features in a standardized way, while others don’t (although they are getting better at it). 1..shadow { 2. box-shadow: 3px 3px 4px #000; The first value describes the x-offset (could be a negative value as well), the second the y-offset, the third the radius of the shadow and the fourth the color of it. 2. 3. 4. box-shadow: 3px 3px 4px #000; What about Internet Explorer? Luckily enough for us, there are a couple of filters we can use to make this work: The DropShadow filter and the Shadow filter. 2. /* For IE 8 */ 3. 4. /* For IE 5.5 - 7 */ 02. 03.

lab.goetter.fr Qu'est-ce qui attend les Roms renvoyés au pays ? "Si la France renvoie des Roms en Roumanie, ils passeront quelques jours, le temps de dire bonjour à la famille, et reviendront aussitôt" Alina est pharmacienne à Genève, en Suisse. Elle est d'origine roumaine et avec son mari photographe, Eric Roset, ils rendent régulièrement visite aux communautés de Roms et de gens du voyage à travers l'Europe. En Roumanie, les Roms ont été sédentarisés de force par les gouvernements communistes, au début du XXe siècle. Un membre des Roms d'Aiud, une communauté régulièrement de passage à Genève. "Ce n'est pas en travaillant au champs, payé avec un kilo de patates, qu'on chauffe la maison" Que voulez-vous ? Membres d'une communauté rom établie en France. "A l'école, quand vous dites que vous êtes rom, on vous met au fond de la classe" C'est au quotidien que les Roms subissent des discriminations en Roumanie. "En venant en France, ils arrivent à mettre quelques sous de côté" Il faut essayer de comprendre leur démarche.

Responsive Web Design: What It Is and How To Use It - Smashing Magazine Advertisement Almost every new client these days wants a mobile version of their website. It’s practically essential after all: one design for the BlackBerry, another for the iPhone, the iPad, netbook, Kindle — and all screen resolutions must be compatible, too. In the next five years, we’ll likely need to design for a number of additional inventions. When will the madness stop? It won’t, of course. In the field of Web design and development, we’re quickly getting to the point of being unable to keep up with the endless new resolutions and devices. Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The Concept Of Responsive Web Design Ethan Marcotte1 wrote an introductory article about the approach, “Responsive Web Design992,” for A List Apart. Transplant this discipline onto Web design, and we have a similar yet whole new idea. Adjusting Screen Resolution

22 Useful HTML5 CSS3 Form Tutorials Using HTML5 and CSS3 you can create creative web forms with great specifications. So in this roundup we are featuring 22 CSS3 form tutorials. Slick login form with HTML5 & CSS3 HTML5 & CSS3 envelope contact form Build a Neat HTML5 Powered Contact Form Create a Stylish Contact Form with HTML5 & CSS3 Fun with HTML5 Forms Design a Prettier Web Form with CSS 3 Create A Clean and Stylish CSS3 Contact Form Create a Slick CSS3 Login Form NO IMAGES ALLOWED Fancy Forms: HTML5 + CSS3 – JS How to Create A Multi-Step Signup Form With CSS3 and jQuery Glowform CSS3 Image-less Glowing Form Tech A jQuery & CSS3 Drop-Down Menu With Integrated Forms How to Create a Contact Form using HTML5, CSS3 and PHP Carbon Fiber Signup Form With PHP, jQuery and CSS3 Designing Modern Web Forms with HTML 5 and CSS3 HTML5/CSS3 Contact Form Tutorial Beautiful CSS3 Search Form Clean and Stylish CSS3 Form How To Create A HTML5 Contact Form How To Create An Ajax-Based HTML5/CSS3 Contact Form Free slick css form

Les enfants, c'est pas automatique - scream and shout / mdanys via Flickr CC License By - C'est peut-être le fait de vivre dans un quartier de jeunes parents, celui de Park Slope, à Brooklyn (New York), et de devoir esquiver quinze poussettes à chaque fois que je sors faire des courses. C'est peut-être parce que j'ai 32 ans, et que toutes les femmes de mon entourage ont un enfant ou sont sur le point d'en avoir. Ou c'est peut-être parce que je viens de la campagne texane, où les adolescentes enceintes font partie du paysage. Toujours est-il que j'ai été réellement surprise à la lecture d'une récente étude du Pew Research Center, qui révèle que la proportion d'Américaines qui sautent la case maternité a presque doublé depuis 1976, passant de 10 à 18 %. Je suis heureuse de constater que les femmes se sentent plus libres de ne pas avoir d'enfant. publicité Névrose réactionnaire mise à part, les femmes qui ont recours à l'avortement ne sont pas à l'origine du phénomène. La galère d'être maman Le droit de ne pas vouloir d'enfant

Starting Out Organized: Website Content Planning The Right Way - So many articles explain how to design interfaces, design graphics and deal with clients. But one step in the Web development process is often skipped over or forgotten altogether: content planning . Sometimes called information architecture, or IA planning, this step doesn’t find a home easily in many people’s workflow. Your New Project: How It Goes All Too Often On day one things are great. On day two you get the following: A TIFF logo (in CMYK) via email; A set of logo standards that include the RGB values, via email (separately); A disc full of photos with various names (like “DSC09080978″); A fax that labels the photos according to their file names; An email that lays out the top and second-level navigation, as the client sees it; A phone that makes last-minute changes to the top-level navigation; An email with a DOC attachment full of text for various pages (but not all of it). And on day three you get an email that makes half of the junk you got yesterday obsolete. Card Sorting

Tangle: a JavaScript library for reactive documents Tangle is a JavaScript library for creating reactive documents. Your readers can interactively explore possibilities, play with parameters, and see the document update immediately. Tangle is super-simple and easy to learn. This is a simple reactive document. When you eat 3 drag cookies, you consume 150 calories. This is the HTML for that example. When you eat <span data-var="cookies" class="TKAdjustableNumber"> cookies</span>, you consume <span data-var="calories"> calories</span>. And this is the JavaScript. Write your document with HTML and CSS, as you normally would. Try out some examples. Proposition 21: Vehicle License Fee for State Parks The way it is now: California has 278 state parks, including state beaches and historic parks. What Prop 21 would do: Proposes to charge car owners an extra $18 on their annual registration bill, to go into the state park fund. Analysis: Suppose that an extra $18 was charged to 100 % of California taxpayersvehicle registrations. Fc = 2 KHz Q = 0.8 Unstable

Daedelic Entertainment annonce Derrick en jeu vidéo - PC par Jeuxvideo La célèbre série allemande Derrick va être transposée en jeux d'aventures épisodiques. Daedelic Entertainment a annoncé récemment qu'il distribuerait Derrick, adaptation en jeux d'aventures épisodiques sur PC de la célèbre série allemande mettant le joueur dans la peau de l'inspecteur Stephan Derrick. La série Derrick a été diffusée dans plus d'une centaine de pays entre 1974 et 1998 et comporte pas moins de 281 épisodes. « La mise en oeuvre de Derrick en jeu est pour moi l'un de mes rêves. Nous sommes très heureux d'étendre cet univers légendaire de la série avec nos jeux », a déclaré Carsten Fichtelmann, directeur général de Daedelic Entertainment. Le premier jeu somnifère vient-il d'être annoncé ?

Showcase Of Appetizing Restaurant Websites - Smashing Magazine Advertisement They say the first bite is taken with the eye. If so, these appetizing restaurant websites succeed in whetting our appetites, inviting us to a savoury next bite. Because customers are increasingly using mobile browsers to make decisions on the spot, restaurant websites are doing a better job of communicating core information quickly. Showcase Of Restaurant Designs Geogeske This design has printerly qualities, with its eye-catching oranges and whites and oversized headings. Jam Restaurant Upscale modernist and classical elements are used consistently on this website and in the menu and restaurant interior. Benito’s Hat Named after a celebrated Mexican president, this restaurant communicates authenticity and freshness with a green cilantro backdrop and clear devotion to its culinary roots. Pizzeria Napolicentrale This website uses horizontal navigation to guide the user through photos of mood-setting rustic Italian elements. Last Click Related Posts (al) It's done.

Layer - The open communications Layer for the Internet » “Pourquoi travailler sa marque personnelle ?” par Business Digest Identité et réputation numériques - Personal Branding &amp; Corporate Branding dans les médias sociaux Business Digest est un éditeur européen qui aide les dirigeants à mieux comprendre l’’environnement de leur entreprise et ses évolutions. Depuis 1992, Business Digest appuie les dirigeants pour : Mieux comprendre l’environnement de leur entreprise et ses évolutions en Europe et dans le monde,Prendre du recul, par rapport au quotidien, et élargir son champ de réflexion ;Rester connecté avec la pensée académique, sans être submergé d’informations inutiles à l’action ;Veiller les innovations, signaux faibles comme tendances de fond, sans céder aux effets de mode ;S’ouvrir aux nouvelles pratiques, et confronter sa réflexion opérationnelle à celles de pairs d’autres entreprises, d’autres secteurs ou d’autres horizons, tout en restant aligné avec les impératifs stratégiques et les valeurs propres de leur entreprise. L’édition de juillet-août 2010 (n°208) propose un dossier sur le Personal Branding. Je mentionne dans cette interview Alerti.com et ReputationSquad.com. La couverture du numéro 208

Alsacréations. Agence web, création de site et formations web La clinique des bébés sur mesure Choisir le sexe de son enfant et, pourquoi pas, la couleur de ses yeux : en France, c'est illégal. Pas aux Etats-Unis. Alors que la France révise ses lois sur la bioéthique, reportage dans la clinique du docteur Steinberg, en Californie, qui en a fait sa spécialité. LE MONDE MAGAZINE | • Mis à jour le | Par Yves Eudes - Californie, envoyé spécial Encino, une banlieue aisée de Los Angeles. Le Fertility Institute est installé dans un petit immeuble moderne sur l'avenue principale de la ville. En réalité, sous l'impulsion de son patron, le docteur Jeffrey Steinberg, le Fertility Institute est devenu un lieu bien particulier : sur les 800 femmes ayant subi ici une FIV l'an dernier, 700 étaient en parfaite santé et auraient pu avoir un enfant de façon naturelle. Aux Etats-Unis, contrairement à la plupart des pays du monde, le diagnostic génétique des embryons réalisé à l'occasion d'une FIV est légal quelles que soient les motivations des futurs parents.

Related: