background preloader

CSS3 – Effet parallaxe (sans JavaScript) - CSS / CSS3

CSS3 – Effet parallaxe (sans JavaScript) - CSS / CSS3

How to Create a Fast Hover Slideshow with CSS3 A little fast-running image slideshow that plays on hover and pauses when mousing out. The current image will stay visible. View demo Download source Today I want to share a little hover slideshow with you. The main idea is to run a super-fast image slideshow on hover and show the current image when mousing out. It’s just a fancy effect to play with and I got the idea from Contain.r. 80+ Free CSS3 HTML5 Menu Tutorials [updated] HTML5 and CSS3 have both revolutionised web design and we all see more powerful and functional websites using these two languages.HTML5 and CSS3 have many advantages like faster loading times,greater functionalities and more flexibility.You can apply to any website very easily. In today’s post we have collected free CSS3/HTML5 menu tutorials and plugins.This is a really huge list.Enjoy..!! [UPDATED - jQuery Menu Tutorials Added] How to Create a CSS3 Dropdown Menu View Tutorial and Demo

Behind The Scenes Of Nike Better World Advertisement Meet the new Sketch Handbook, our brand new Smashing book that will help you master all the tricky, advanced facets of Sketch. Filled with practical examples and tutorials in 12 chapters, the book will help you become more proficient in your work. Parallaxin' Introduction Parallax sites have been all the rage recently, just take a look at these: If you’re not familiar with them, they’re the sites where the visual structure of the page changes as you scroll. Normally elements within the page scale, rotate or move proportionally to the scroll position on the page. Whether or not you like parallaxing sites is one thing, but what you can say pretty confidently is that they’re a black hole of performance. Ajouter une image aux catégories wordpress sans plugin Dans le fichier functions.php : [php] <ul id= »category-bloc »><?php $argsCat = array( ‘type’ => ‘post’, //’child_of’ => 0, //’parent’ => , ‘orderby’ => ‘name’, ‘order’ => ‘ASC’, ‘hide_empty’ => 0, ‘hierarchical’ => 1, // ‘exclude’ => , // ‘include’ => , //’number’ => , ‘taxonomy’ => ‘category’, ‘pad_counts’ => false ); $categories = get_categories( $argsCat ); foreach ($categories as $category) { //datas avalaible /* $category->term_id $category->name $category->slug $category->term_group $category->term_taxonomy_id $category->taxonomy $category->description $category->parent $category->count $category->cat_ID $category->category_count $category->category_description $category->cat_name $category->category_nicename $category->category_parent */ ?

#130: First Moments with Grunt There are all these tasks that we need to do as front end developers. Concatenate and compress our files. Run our preprocessors. Optimize images. Building a Scalable App With Backbone.js Backbone.js is a small library (~5kb minified) that allows you to build single page web applications. Unlike many of its peers, Backbone is not very opinionated about the way you use it. Aside from some basic concepts, the design of your application is left widely up to you. This tutorial will offer some insight on one of the popular patterns that the community has started to embrace: the Backbone Boilerplate. We will use this boilerplate to create a simple library of books, which you could easily extend into a much more robust application.

StatPlanet StatPlanet (formerly StatPlanet Map Maker) is a free, award-winning application for creating fully customizable interactive maps. StatPlanet can be used to visualize location-based statistical data, such as life expectancy by country or demographic statistics and voting patterns by US state. In addition to maps, StatPlanet also has the option of including interactive graphs and charts to create feature-rich interactive infographics. If you wish to use StatPlanet for commercial purposes, please contact us. Restrictions: StatPlanet comes with only two maps: a world map (country level) and a US map (state level). It also has a limit of 5 indicators.

Tips And Tricks On Creating Stencils #2 Tips And Tricks On Creating Stencils #2 What's up guys? Following my last tutorial, today we're going to proceed with some more techniques using stencils. Just in case you missed the part one, you can see it here. The focus of today exercise it's more complex techniques as multiple layers and color. CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here are intentionally very generic. There isn't any default color or background set for the body element, for example.

Backbone.js Tutorial: Build Environment This new Backbone.js tutorial series will walk you through building a single page web application that has a customised Backbone.sync implementation. I started building the application that these tutorials are based on back in August, and it's been running smoothly for a few months now so I thought it was safe enough to unleash it. Gmail to-do lists: not cool enough! The application itself was built to solve a need of mine: a more usable Google Mail to-do list.

Perfect web typography with slab-serifs Conventional wisdom states that body text benefits most from being set in a serif font because the serifs create a path for the eye to follow along a line and down to the next. Despite that, many web designers have for a number of years, argued for the use of sans-serifs; and with good reason: the addition of serifs to a letterform on a screen quite literally blurs the word shapes, reducing contrast and readability. Numerous studies have been conducted on the matter and the conclusion that most arrive at is that readers prefer whichever style of type they are most familiar with. Consequently, it would seem that either option is fine, provided it is familiar to your visitors. However, there is a style of type that produces the strong horizontal bars of text that serifs excel at, whilst still enjoying the high contrast of sans-serifs: the Egyptian, or slab-serif.

55 - CSS3 Animation Effects Demos I created 55 CSS3 animation demos for your website/blog etc. Using CSS3 keyframe property, you can create cool animation effects without using any JavaScript frameworks, CSS3 & HTML5 is helping to solve many web problems in a simple way. For any help visit my website : Related:

Related:  antony77Parallax