background preloader


Facebook Twitter

Roam Design Blog » Blog Archive » Free Vector Icons. 30 New Free High-Quality Fonts - Smashing Magazine. Advertisement Every now and then we look around, select fresh high-quality free fonts and present them to you in a brief overview.

30 New Free High-Quality Fonts - Smashing Magazine

The choice is enormous, so the time you need to find them is usually time you should be investing in your current projects. We search for them and find them so that you don’t have to. Ombres avancées avec CSS3 et box-shadow - Les tutoriels. 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 tutoriels

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.

Pseudo-éléments :after et :before Ainsi tous les liens porteurs de l’attribut hreflang se verront agrémentés d’un « (en) », dans le cas d’un lien anglais par exemple :Mon lien (en) Bogues. 30 Exceptional CSS Based Layouts. This post is about 30 exceptional CSS based layouts for inspiration . CSS has tremendous power to control the layout of web pages and change them instantly with one click just like WordPress themes . CSS based layouts play an important role in the performance and search engine rankings. So their selection is very important and critical step. Let’s have a look into these awesome and beautiful CSS based layouts. 1. Fruit Ninja 2. Magnifico 3. Kirk Whalum Website. Living Tuts : Tutoriels de qualité pour apprendre Photoshop, le webdesign, le développement web, le digital painting, etc... Design Spartan (Gaétan Weltzer) vous montre comment créer un site d’entreprise de A à Z en commençant par la phase de réflexion puis le webdesign.

Living Tuts : Tutoriels de qualité pour apprendre Photoshop, le webdesign, le développement web, le digital painting, etc...

50+ Awesome CSS3 Techniques for Better Designs. CSS3 is gaining momentum, despite the fact that the standard hasn’t even been finalized.

50+ Awesome CSS3 Techniques for Better Designs

There are hundreds of tutorials out there to teach designers how to use it, but unfortunately a lot of them cover the same ground. And some of the tutorials teach designers to do things that they might not think of as useful, though the techniques can usually be adapted to fit a project perfectly. Below are more than fifty awesome CSS3 tutorials. Many are strictly CSS and HTML based, while others also incorporate JavaScript. If you have a favorite technique or tutorial that’s not included below, please share it in the comments! Using CSS3 For Imageless Illustration Various new methods in CSS3 allow a number of very complex graphics to be created using pure CSS and no images. Pure CSS iPhone Illustration A mixture of borders, transforms and gradients to make an animated image of an iPhone. Creating The Opera Browser Logo in CSS3. 45 Resources & Tutorials for designers and developers. Cheatcheets, codes, css3 cheat sheet, designers, developers, drupal, drupal cheat sheet, Freebies, html 5 cheat sheet, HTML5, javascript, javascript javascript resources, List, php cheat cheet, php tutorial, resources, resources for designers, resources for developers, themes, wordpress cheat sheet With the web constantly changing and technology always improving it can be very difficult to keep up with everything especially if you’re a designer or developer.

45 Resources & Tutorials for designers and developers

In this Article I have listed 45 tutorial & Resources for designers and developers that you might find useful. Showcase of Beautiful Designers Websites. Looking back at what others have done before you is a great way of obtaining inspiration.

Showcase of Beautiful Designers Websites

This also can lead to innovative designs. With this in mind where can we go? The answer is, other web designers. Their aim is promote their skills, style and attention to detail, whilst communicating necessary information. These are elements that graphic designers can observe in action. This collection of websites showcases the best in bright/collage, illustrative, graphic, and flash based designs and demonstrates how we can incorporate typographic elements, stunning color palettes and strong graphical images to create a dynamic experiences for the viewer. More posts we’ve done in the past that might give you some inspiration: Bright & Collage Designs They Creative Amazee Labs Kev Adamson.

Web Design Trends in 2011. There is a thin line between design and development, and as we move into a new decade, this line is becoming extremely blurry.

Web Design Trends in 2011

Is it enough to draw beautiful mock ups in Photoshop? Maybe 5 years ago. These days, the average internet user requires more. All beauty, with no substance, gets boring after a while. If your only goal is to impress a community of fellow designers with your flashy designs, you’ll find yourself quickly beneath the tide. 2011 is not about beauty, it’s about function. How will you stay relevant as a designer in 2011? Take a gander at the top 11 trends for 2011. 1. What a gratifying sigh of relief! Now that’s shown, please understand that Flash and HTML5 are not equal opponents. Perhaps even more exciting is the fact that CSS3 is available to us in a real way this year. 2. Simplicity. Shades of green create this Twitter visualization tool. Red can be jarring if done incorrectly. Un site Web n’a pas forcément besoin de graphismes.