css
Get flash to fully experience Pearltrees
CSS3 Radial Gradient Syntax Breakdown
A short time ago I wrote an article that broke down the syntax for coding CSS3 linear gradients from scratch. Once you get the hang of them, linear gradients are pretty simple to code. Radial gradients , on the other hand, are a little more complex.
Profileuse du Net » Blog Archive » Twitter, RSS, Netvibes, Scoop-IT,… : comment organiser ma veille ?
Scoop.it : outil de curation et de veille Je suis un peu horrifiée ces derniers temps en découvrant la quantité d’informations et d’articles qui circulent. Il est devenu tellement facile de publier du contenu , que chacun s’y met en y ajoutant son grain de sel. De plus, les nouveaux outils et les nouvelles initiatives sur le Web apparaissent aussi de manière exponentielle . Alors, comment peut-on encore mener une veille efficace sans y passer la moitié de ses journées ?
Après mes petits journaux permanents consacrés à la typographie et à HTML5 , voici un numéro spécial qui fait la part belle à CSS3. Ces nouvelles propriétés proposent des effets graphiques ou typographiques à votre page Web, mais pas seulement : CSS3, ce sont aussi des sélecteurs et des pseudo-classes qui vont nous faciliter l’intégration et nous permettre de repousser encore plus loin les frontières de l’univers et au-delà ! En attendant, voici des générateurs de code CSS3 en ligne classés par propriétés ; des ressources pour vérifier la compatibilité des navigateurs et quelques liens pour faire entrer dans le rang les plus récalcitrants ; des tutoriels et des exemples de tests et d’expérimentations diverses avec CSS3 qui devraient vous inspirer. Ce guide permanent sur CSS3 contient plus d’une centaine de liens, pour commencer.
Le petit journal permanent de CSS3 — 100+ ressources pour commencer
Since Firefox 4 was relesed, loads of new (CSS) features were released into the wild. Ofcourse, this is a great thing, since Firefox has a rock solid place as 2nd most popular web browser . More people will actually be able to see all the nifty stuff you'll create using CSS. I recently came accross a CSS selector that was included in Firefox 4 (and is added to Webkit (nightly) as well), called the :any() selector. We'll take a look at what this selector does, and why you would want to use it. Be aware that the :any() is not part of the CSS3 specification (yet), but since Webkit already implemented it, I'm pretty sure others will follow as well.
Why you want to use the :any() CSS selector
Controlling width with CSS3 box-sizing
An incredibly useful CSS3 feature when you’re creating columns with floats is box-sizing . It lets you choose which box sizing model to use – whether or not an element’s width and height include padding and border or not. This is useful since it makes it much easier to define flexible widths where you also need padding and/or borders. A typical example is laying out forms, which can be a real pain when you want flexible widths. The box-sizing property takes two values:
Les medias queries sont une nouveauté CSS 3 qui permet de définir des styles en fonction du média sur lequel est affiché la page web. Avec les medias queries on peut limiter l’action d’un style en fonction d’informations précises comme par exemple les propriétés width , height , et color du navigateur. Dans un article précédent, nous vous avions parlé de la beta 4 de Firefox 3.5 et de son lot d’innovations dans un article intitulé « Nouveauté Mozilla Firefox 3.5 : raccourci nouvel onglet « . Parmi ces améliorations nous revenons ici comme promis sur le support des Media Queries une des nouveautés CSS 3. Exemple @media min-width
Nouveautés CSS 3 : c’est quoi les Media Queries ? - Kiwano
Google Concurrence Facebook Avec Un Tout Nouveau Bouton Like, +1
Google vient de lancer son bouton de partage appelé +1 qui ne va pas sans rappeler le bouton Like de Facebook. Cette nouvelle fonctionnalité permet de partager les résultats de la recherche avec ses amis et le web d’une façon plus générale. Le bouton +1 apparaît à la suite de chaque résultat de la recherche et des annonces. Lorsque vous aimez un résultat de la recherche, il vous suffit de cliquer sur le bouton +1 pour le partager avec votre cercle social ainsi qu’avec tous les internautes. Vous pouvez également annuler l’action en cliquant sur le lien « Undo ».Comment mettre en place le bouton +1 Google sur votre site
Google vient de sortir son propre bouton "J'aime" pour recommander un site ou un article: Le bouton Google +1 . Voici comment le mettre en place sur votre propre site . La dernière nouveauté en date par Google: Le bouton +1. On y voit tout de suite un concurrent au bouton "J'aime" de Facebook, mais adapté directement aux recherches. Bouton +1 Google
CSSPrefixer - Automatisez l'ajout des préfixes propriétaires CSS3
CSSPrefixer est un outil permettant d' ajouter automatiquement les préfixes CSS3 propres aux navigateurs vous permettant de conserver un code propre et plus simple à lire. Les préfixes navigateurs CSS3 Vous les avez forcément déjà aperçus si vous commencez à mettre des instructions CSS3 sur vos webdesigns.
La spécification CSS3 Media Queries définit les techniques pour l'application de feuilles de styles en fonction des périphériques de consultation utilisés pour du HTML. On nomme également cette pratique Responsive Web Design , pour dénoter qu'il s'agit d'adapter dynamiquement le design à l'aide de CSS. Ces bonnes pratiques permettent d'exploiter encore plus les avantages de la séparation du contenu et de la présentation : l'intérêt est de pouvoir satisfaire des contraintes de dimensions, de résolutions et d'autres critères variés pour améliorer l'apparence graphique et la lisibilité (voire l'utilisabilité) d'un site web. Les plateformes exotiques sont concernées en premier lieu : navigateurs mobiles et tablettes, écrans à faibles résolutions, impression, tv, synthèses vocales, plages braille, etc.
Les Media Queries CSS3 - Alsacr?ations
Grâce aux expressions CSS d'Internet Explorer , il y a moyen de simuler les pseudo-classes qui ne sont pas supportées par IE6. Les expressions CSS d'Internet Explorer En effet, les expressions CSS (apparues avec IE5) permettent de calculer dynamiquement (via JScript) les différentes propriétés stylistiques. On attribue une valeur calculée par JScript à une propriété CSS d'un élément html. Les différents objets du DOM sont supportés
CSS: Pseudo classes sur Internet Explorer – Gatellier.be
Creating a website with HTML5 and CSS3 without having to worry about using techniques like progressive enrichment and polyfills is the ultimate dream for modern-day front-end developers. But unfortunately, mainly because of the widespread use of IE6-8 , that is still just a distant dream. But it is getting closer.
Browser Support for CSS3: What’s the Current Status?
Les ombrages en CSS3 - Alsacréations
Grâce à des propriétés telles que box-shadow , text-shadow et border-colors , les feuilles de style offrent la possibilité de créer des ombrages sur les différents éléments de votre page sans nécessiter d'image décorative et de découpes intempestives. Tout n'est pas rose puisque certains navigateurs à la traîne ne reconnaissent pas encore ces différentes propriétés et nécessitent des adaptations personnalisées. Faisons le tour du propriétaire... Box-shadow La propriété CSS box-shadow a été incluse dans le module "borders" de CSS3 et permet de générer une ombre portée sur n'importe quel élément HTML. Parmi les différentes valeurs utilisables, il est possible d'indiquer le décalage vertical et horizontal ainsi que la force du dégradé.Nowadays CSS is one of the most important and most used style sheet languages for web development. It might however seem not really user-friendly for a person who is new to it and decided to build a website on his own, but he has never heard of it or worked with it. Now of course a professional would be able to write a CSS code even on the palm of his hand if he didn’t have a computer in front of him, but this doesn’t really sound so easy for a newbie in this subject. And what would make his life easier for all those who want to learn it fast and efficiently? – an online CSS code generator of course! CSS code generators help you create the desired code automatically; therefore there is no need for you to be an experienced CSS programmer, plus it will help you get to know CSS better and soon you will even be able to write it on your own.
9 Seriously Useful Online CSS Code Generators | DesignModo
Un menu horizontal, c'est bien ... Un menu horizontal qui déroule, c'est mieux !... Oh enfin, mieux... Ça dépend des goûts et des besoins. Mais ça peut être utile.