20 Awesome Resources for Twitter Bootstrap Lovers Generators Bootstrap Custom Build Before diving into great third party Bootstrap resources, it’s worth pointing out a great little tool right from Twitter that allows you to completely customize an impressive range of Boostrap features so that you can create a custom build that’s perfect for your project. If you haven’t checked out Bootstrap in a while, you should give this a look because it’s new with Twitter Bootstrap 2.0. Not only can you use it to take an overweight download and transform it into something lean, you can also save yourself a lot of CSS work by customizing colors, fonts etc. before you even initiate the download. StyleBootstrap.info As with Twitter’s own tool above, this tool allows you to use a simple interface to customize various aspects of Bootstrap. The app itself is also more visual than Twitter’s generator and allows you to see what your styles will look like before you hit that download button. Beautiful Buttons for Twitter Bootstrappers Theming BootstrapStyler
CSS3 . Info - All you ever needed to know about CSS3 Best Slideshow (Content Slider) Plugins for WordPress UPDATE Feb 2012: We’ve reviewed all the newest sliders for this year, you can now check out our review of best slideshow (content sliders) plugins for WordPress in 2012. UPDATE Jan 2012: Check out the Sugar Slider, it’s the most awesome slider for WordPress at the moment, the management interface is just amazing! uBillboard is another hot one, more in depth reviews coming soon. Content sliders, slideshows, rotating images, call them what you want, these effects are here to stay. They are excellent at showcasing your portfolio, or to highlight some of the best content on your site/blog. 1. CU3ER is a 3D image slider that is easy to set up, fully customizable, tailored to provide a unique look and feel, inspiring, and fun to use. CU3ER brings creativity to your web design process, makes your slideshows visually and interactively stunning, and delivers a unique 3D user experience. Want to give CU3ER a shot? Get Cub3r 2. Get Piecemaker 2 3. Get Slide Deck 4. Get Wow Slider 5. Get Nivo Slider 6.
CSS Zen Garden: The Beauty of CSS Design Free Zocial Button Set: Social CSS3 Buttons Advertisement The idea behind this project was to produce a consistent set of buttons that could be used for the range of social actions frequently taken in Web applications. These actions are often important goals for users, such as connecting third-party accounts or sharing content to third-party platforms, so their appearance has to be attractive and clear. The standard buttons provided by third parties (such as Facebook, Twitter and SoundCloud) vary in size, style and interactivity. The button set was designed from the beginning to require no extra markup, and the elements used are entirely the choice of the (semantically considerate) designer. No raster images or sprites were used. Download The Button Set For Free This button set is free to use and extend, personally or commercially. Features Preview Screenshots of each set are below. Usage The button set was designed with simplicity and semantics in mind. <button class="zocial facebook">Sign in with Facebook</button> (al) Footnotes
CSS3 : résumé et exemples Fabrice Maurel Université de Caen - Année 2012-2013 Le langage de feuille de style décrit dans la norme CSS répond à plusieurs objectifs : Lier du style aux documents structurésSéparer la présentation du style du contenu des documentsSimplifier l'édition pour le Web et la maintenance d'un site La norme actuelle est la norme CSS2.1, ou CSS level 2.1 CSS pour Cascading Style Sheet et level 2 car c'est la 2ème recommandation du W3C (datant de 1998). La migration vers la norme CSS3 est en cours de validation mais déjà largement intégrée par les principaux navigateurs. Les feuilles de style permettent de définir des règles de mise en forme du document HTML. Les sélecteurs Un sélecteur permet de choisir les éléments qui utiliseront le style défini. Un sélecteur peut être : Remarque : Les commentaires sont entre /* et */ dans une feuille de style. Localisation des définitions de style Les définitions de style peuvent être placées à différents endroits : Modifications locales de style L'élément <div>
GuideGuide: Free Plugin For Dealing With Grids In Photoshop Advertisement This article is the fourth in our new series that introduces the latest, useful and freely available tools and techniques, developed and released by active members of the Web design community. The first article covered PrefixFree; the second introduced Foundation, a responsive framework; the third presented Sisyphus.js, a library for Gmail-like client-side drafts. Take a moment and think about creating a multi-column grid in a Photoshop comp. (siteWidth - (gutterWidth × (numberOfColumns - 1) ) ÷ numberOfColumns = columnWidth I was sitting at my desk one day doing this exact equation when I thought, “Man, this looks just like code. Enter: GuideGuide I created GuideGuide for the sole purpose of making one of the most time consuming parts of Photoshop based design as easy as possible. Columns and Rows Designing a site that needs multiple columns and gutters? Midpoints GuideGuide makes finding the midpoint of items within your design a breeze. Save It For Later The Fun Part (il)
Media Queries Themescroller.com Preview Buy Palette de 4096 couleurs version 2.1 4096 Couleurs · 4096 Couleurs · 4096 Couleurs · 4096 Couleurs · 4096 Couleurs · 4096 Couleurs · 4096 Couleurs · 4096 Couleurs · 4096 Couleurs · 4096 Couleurs · 4096 Couleurs affiche la liste | cache la liste Survolez le carré pour changer la saturation (de gauche à droite) et la luminosité (de haut en bas) de votre teinte. Avec le clavier, faites tourner la roue chromatique :j doucement, dans le sens antihoraire,k vite, dans le sens antihoraire, etl doucement, dans le sens horaire. Atteindre une couleur primaire ou secondaire : r rouge, g vert, b bleu, c cyan, m magenta, ou y jaune. la touche enter ajoute la couleur à votre liste (p).
Theme-Check The theme check plugin is an easy way to test your theme and make sure it’s up to spec with the latest theme review standards. With it, you can run all the same automated testing tools on your theme that WordPress.org uses for theme submissions. The tests are run through a simple admin menu and all results are displayed at once. How to enable trac formatting The Theme Review team use this plugin while reviewing themes and copy/paste the output into trac tickets, the trac system has its own markup language. If either of these two vars are defined a new trac tickbox will appear next to the Check it! The version number is the date of the revision of the guidelines used to create it. It’s not flagging “bad” things, as such. Many sites use customized themes, and that’s perfectly okay. This theme checker is not perfect, and never will be. This plugin does not decide the guidelines used. I heard good things about this plugin until I used it. One of the best plugins for theme developers.
Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web Stories In Flight | HTML5/CSS3 Cheatsheet Here are some simple cut-and-paste examples of HTML5/CSS3 features that are currently (early 2011) usable across a number of web browsers, chief among them Firefox, Safari, Chrome, Opera and the upcoming IE9. For many of the CSS3 examples, older versions of Internet Explorer are the lone holdout with a limited number of workarounds, however these features degrade gracefully and may still be useful on new projects as long as this limitation is kept in mind. Please note: With the exception of SVGWeb, no Internet Explorer workarounds have been included on this page - most of the examples will therefore not work in IE6, IE7 or IE8. And if you want to discuss any of the code below or leave a correction or suggestion, you can leave comments below. Updates Rounded Corners Lorem ipsum dolor sit amet, consectetur adipiscing elit. Rounded Corners Redux: Circles Box Shadows Gradients Linear Gradient Angled Linear Gradient Angled Linear Gradient with Color Stops Radial Gradient with Color Stops and Positions
Cours et tutoriaux pour webmasters | Jacksay.com