lab.goetter.fr CSS3 Rounded Image With jQuery The other day I was trying to style CSS3 border-radius to image element and I realized that Firefox doesn't display border-radius on images. Then I figured a way to work around it — wrap a span tag around with the original image as a background-image. Thanks to Darcy Clarke for the jQuery code which does the magic tag wrapping automatically. View Demo Rounded Images Goal My goal to use the CSS3 border-radius and box-shadow feature to make the image element look like the screenshot below. Problem The problem is none of the modern browsers display rounded corners image the way I want it. The CSS Trick The trick is very simple: wrap a span tag around the image element. Final Solution With jQuery To make things easier, we can use jQuery to automatically wrap a span tag around the image. The jQuery code below will find any element with ".rounded-img" or "rounded-img2" (in my case, it is the image element) and wrap it with a span tag. Sample Usage I hope you will find this trick useful. Credits
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. Ils sont membres fondateurs de l'association Mesemrom qui soutient les Roms de passage à Genève. En Roumanie, les Roms ont été sédentarisés de force par les gouvernements communistes, au début du XXe siècle. Ils vivent dans des villages de fortune. 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.
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
CSS3 box-shadow and image hover effects | CVW Web Design The CSS3 box-shadow property is a new way of adding drop shadow effects just by editing a style sheet. There’s no need to use Photoshop! Just open your style sheet in a text editor and away you go. Box-shadow basics First, a quick introduction and explanation. Horizontal offset of the shadow: a positive value for shadows on the right of the box, and a negative value for a shadow on the left of the box Vertical offset: similarly, a negative value means the shadow will be on top, a positive one means the shadow will be below the box The blur radius: a value of 0 makes the shadow sharp, the higher the number, the more blurred. Color: no need to explain this one ;-) Just to explain, here’s a style sheet rule that will give a 1px border and a grey drop shadow of 5px to right and bottom of an element. I use the -moz- and -webkit- prefixes for Firefox and Safari and the official box-shadow property for browsers that support this in future. This paragraph has the dropshadowclass. Related Posts
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. 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 Ce nouvel espace de liberté laisse la possibilité d'admettre que la maternité n'est pas toujours rose. Les femmes qui font une croix sur la maternité restent cependant confrontées à un tas de stéréotypes désobligeants. Le droit de ne pas vouloir d'enfant
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
Fun with CSS Transforms in Firefox and Webkit updated: published: topics: css javascript mobile WebKit based browsers like Safari have had CSS Transforms for quite awhile now, allowing developers to skew, translate, rotate, and scale HTML elements or the entire page with CSS alone. Update: CSS Transforms are now available in Safari, Chrome, Firefox 3.5+, IE9+, and Opera. Quick Review of the Basics First, a quick rundown of the properties themselves. Lorem ipsum dolor sit amet. <div class="square"><p>Lorem ipsum dolor sit amet. Finding the Transformation Properties in the DOM with JavaScript In order to animate these CSS Transform properties with JavaScript, we need to find the HTML element whose CSS properties we want to animate in the page DOM, and then find the specific CSS properties we want to change in the DOM node. WebKit in particular makes this very easy. Firefox 3.1 turns out to be more stubborn and requires case sensitive style.MozTransform (or the equivalent style['MozTransform']). Deciding Which Property to Use This is tdiv6.
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é ?
Layer - The open communications Layer for the Internet » “Pourquoi travailler sa marque personnelle ?” par Business Digest Identité et réputation numériques - Personal Branding & 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. Business Digest m’a autorisé à publier le contenu de ce dossier. La couverture du numéro 208
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. 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. Le docteur Steinberg se veut modeste : "Dans le monde entier, de nombreux généticiens sauraient faire ça très bien.
Sarkozy, le décorateur de l'Elysée - L'EXPRESS Ce fut une petite réception, discrète - juste la famille et quelques amis. Elle eut lieu dans le salon des Ambassadeurs du palais de l'Elysée, comme c'est parfois le cas lorsque le récipiendaire préfère un peu d'intimité au faste de la salle des fêtes. Ce jour-là, il y a quelques mois, Nicolas Sarkozy épingla la médaille de chevalier au revers du veston de Franck Albert Nahmani, plus connu sous le nom de Franck Namani, sans h - d'après son site Internet, "spécialiste incontesté des plus beaux cachemires [...], virtuose de l'élégance masculine". Officiellement, ses "trente-trois ans d'activités professionnelles", telles qu'inscrites au décret du 31 décembre 2009 portant élévation aux différentes dignités de l'ordre national de la Légion d'honneur. Car Nicolas Sarkozy a une manière toute personnelle d'interpréter les critères auxquels doivent répondre les personnalités que la nation entend récompenser pour "services exceptionnels ou éminents dans toutes les activités". Certes pas.
Incoming! The Sun Unleashes CME at Earth Earlier this morning, NASA’s Solar Dynamics Observatory (SDO) witnessed a complex magnetic eruption on the sun. The joint NASA/ESA Solar and Heliospheric Observatory (SOHO) — a mission sitting at the L1 point between the Earth and the sun — also spotted a large coronal mass ejection (CME) blasting in the direction of Earth. WIDE ANGLE: “Wonders of the Solar System” with Prof. Brian Cox premiers on the Science Channel on Aug. 4. Explore the Discovery News coverage of this groundbreaking documentary. It is thought that the SDO and SOHO observations are connected, making this a global magnetic disturbance affecting the whole of the Earth-facing side of the sun. The eruption happened at around 0855 UT (3:55 am EST), when the SDO detected a C3-class solar flare originating from a cluster of sunspots (called sunspot 1092). A “filament” is a long magnetic structure rising high above the surface of the sun filled with cool plasma. Watch the video of the eruption as seen by the SDO: