background preloader

Site d'outils

Facebook Twitter

330 Logos Bundle ~ Logo Templates on Creative Market. Templates Logos Uuups $10 only 24 hours for 330 LOGOS BUNDLE (All logos from my store) very limited time 50 Retro Badges (AI, EPS, PSD) - Ink Logos (AI & EPS) - Vintage Logos & Badges Vol 01 (AI & EPS) - Vintage Logos & Badges Vol 02 (AI & EPS) - Minimal Badges - Line Badges - Vintage Grunge Badges - Retro Badges - Vintage Badges - Name Badges - Grunge Logos - Tiny Logos - Simple Badges - Luxury Logos - Decorative Badges - AI FilesEPS FilesFree Download Font (Download link in !

330 Logos Bundle ~ Logo Templates on Creative Market

Readme.txt file)Editable ColorWorks with Adobe Illustrator CS2100% VectorFully CustomizableWell Structured Layers & FoldersEasy to modify Fonts Used Thank for looking, don't forget to comment. Advanced drop shadows with CSS3 - Ombres avancées en CSS3 - Creative Juiz. Code couleur. Créez des schémas en ligne Collaboration en temps réel - Exemples - Plan de site. CSS3 Keyframes Animation Generator. Downloads — Ctrl+Paint - Digital Painting Simplified. Favicon & App Icon Generator. Flat UI Free - Framework and Bootstrap Theme Design. Flat UI Free is made on the basis of Twitter Bootstrap 3 in a stunning flat-style.

Flat UI Free - Framework and Bootstrap Theme Design

Flat UI Free contains many basic and complex components which are great for designers to have at hand: buttons, inputs, button groups, selects, checkboxes and radio-buttons, tags, menus, progress bars and sliders, navigation elements and more. We have considered your needs in developing the HTML version of our bootstrap theme, which contains the same elements as the PSD version and are perfect for creating great websites. With this Framework, you can spend even less time on routine work, saving that time for creativity. Colored, stylish icons can easily be modified and used in a wide variety of projects, as they contain original layers. Glyphs are also available in psd, html/css and svg formats. Bootstrap theme design also includes color swatches – no worrying over color choices here – with 10 colors that perfectly suit each other. Flat UI Free - Framework and Bootstrap Theme Design.

Modulator. Ombres avancées avec CSS3 et box-shadow. CSS3 c’est pour l’aspect vendeur du nom, car au final on va aussi et surtout bénéficier du service de pseudo éléments (:after et :before) qui sont prévus depuis CSS2.1.

Ombres avancées avec CSS3 et box-shadow

Les visuels que vous voyez sur la page de démonstration ne sont composés qu’avec des propriétés CSS sur une seule et unique <div> (pour chaque bloc). Chez moi le meilleur rendu est sous Firefox, notamment pour la dernière ombre qui est un peu osée (au passage il semblerait que la propriété opacity ne fonctionne pas sur les pseudo-éléments). Dans cette démonstration nous allons utiliser des propriétés avancées de CSS2.1 (:before et :after) qui sont des pseudo-éléments. Des pseudo-éléments permettent de construire un élément dans la structure de votre document (DOM) sans vraiment en construire un… ok, ça commence bien pour l’explication.

Parallax Hero Image. Resemble.js : Image Analysis and Comparison. The ultimate CSS tools for web designers. YouTheDesigner: Graphic Design Inspiration, Freebies, Tutorials & Resources! - You The Designer. Zoom sur l'effet parallaxe. Après avoir abordé les arrière-plans extensibles (full background) nous allons continuer avec l'effet parallaxe.

Zoom sur l'effet parallaxe

Cet effet graphique étant facile à comprendre et à mettre en place, vous allez pouvoir créer rapidement un site original. Ce tutoriel va utiliser jQuery ainsi que le plug-in jQuery-Parallax. Qu'est-ce que l'effet parallaxe ? Il s'agit d'un terme générique correspondant au déplacement de plusieurs éléments sur des couches et à des vitesses différentes. Au scroll (défilement de la vue) ou en fonction des coordonnées de la souris, les positions des différents fonds (ou éléments à animer) vont changer, ce qui va générer un effet de profondeur.

Des exemples Utilisant le positionnement de la souris digitalhands.net bikingboss.com Utilisant le niveau du scroll nikebetterworld.com ok-studios.de driver-club Principe et théorie Grâce à l'utilisation de JavaScript, il est possible de déplacer les éléments par rapport à la position de la souris ou du niveau de défilement (scroll). En pratique.