background preloader

BookmarkStage

Facebook Twitter

De la géométrie avec CSS. Grâce aux CSS et à la nouvelle norme CSS3, nous pouvons créer de plus en plus de formes telles que les carrés, les rectangles, les ronds, etc.

De la géométrie avec CSS

Dans cet article, je vais présenter les différentes possibilités de formes faisables en CSS (du moins une liste non exhaustive). Tous les exemples auront pour structure HTML cette base : Compatibilité : Chrome, Safari, Opera, Firefox 4, IE9.Compatibilité partielle : Firefox 3.5 et IE8 (problème avec le border-radius). Contact Form Generator - Online Contact Form Builder. Modèles de menus CSS. Voici des modèles de menus de sites web réalisés en feuilles de styles CSS sans tableaux.

Modèles de menus CSS

Structure des menus Les menus sont structurés sous forme de listes : listes non ordonnées (ul, li) ou listes de définition (dl, dt, dd) pour les menus déroulants ou menus spéciaux avec titres et sous-parties. Vous êtes invités à voir la source HTML des menus avec un clic droit / "afficher source". Voius y trouverez le code (X)HTML, mais aussi les feuilles de styles CSS ainsi que des commentaires explicatifs. Normes et Standards Tous les menus de la liste sont conformes aux Standards de langage actuel (XHTML Strict) tels qu'ils sont définis par le W3C. Comment définir l’apparence de ses liens? CSS permet d'appliquer des styles différents aux liens suivant leur état: normal, visité, survolé, cliqué.

Comment définir l’apparence de ses liens?

Créer des menus simples en CSS. Dans ce tutoriel, nous allons apprendre à réaliser des menus "simples" (sans arborescence: tous les liens sont au même niveau) à l'aide des feuilles de style.

Créer des menus simples en CSS

Sommaire Le code HTML Comme toujours, le choix des balises html doit être guidé par la nature du contenu qu'on souhaite y placer. Dans le cas d'un menu, la question est un peu délicate, dans la mesure où il n'existe pas de balise spécifique pour désigner un ensemble de liens. Un point de vue largement répandu consiste à considérer le menu de navigation comme une liste de liens, et donc à utiliser la balise correspondant aux listes non ordonnées, <ul>.

HTML5 Charts for your website. Les meilleures boutiques en ligne de t-shirts originaux. C'est bientôt l'été et vous vous demandez comment vous saper pour assurer en société avec style et décontracté, alors pour vous une sélection des meilleures boutiques de t-shirts en ligne.

Les meilleures boutiques en ligne de t-shirts originaux

Des t-shirts originaux, de bonne qualité et surtout que les autres n'auront pas, car oui, il faut laisser tomber La fraise ou Theardless, les styles ne se renouvellent pas et surtout, c'est over mainstream comme diraient certains Seibei Des T-shirts mettant en scène des monstres et autres créatures imaginaires. Sack Wear Une sélection de T-shirts majoritairement vintage. Yes No Maybe Une marque streetwear basé à Londres. Tee Fury Un tee shirt par jour et pour 9$ Funkrush La boutique tendance du graphiste Aeiko et rien que le logo vaut un t-shirt Squishi Des T-shirts décalés et très colorés qui illustrent un univers de créatures imaginaires. A Better Tomorrow Une boutique allemande très complète. Woot Shirt Boutique et plateforme collaborative de tee-shirt. TinEye Reverse Image Search. Résolution, tablettes & smartphones.

Avec une troisième génération d’iPad, Apple a semé le trouble dans les résolutions d’écrans.

Résolution, tablettes & smartphones

En effet l’iPad 3 présente un nombre plus élevé de pixels que la majorité des PC avec une taille d’écran divisé par deux. Je propose donc un petit tableau pour essayer de faire le point sur le parc des résolutions d’écrans. Les smartphones convergent vers une taille physique de l’écran de 3,5 pouces. Cela correspond simplement à la taille d’un objet que peut saisir la main d’un adulte. La paume de la main d’un adulte faisant entre 9,4 et 11,9 cm. Les tablettes convergent aussi vers un format « livre » entre 7 et 10 pouces, avec une bordure autour de l’écran permettant de le tenir, pendant qu’on le manipule de l’autre mains. » Nos réalisations House of Press. Cartes de Visite, MiniCards, Cartes Postales personnalisées et bien plus encore...

Artskills. Iconmonstr - Free simple icons for your next project. The Noun Project. PlaceIt by Breezi - Generate Product Screenshots in Realistic Environments. New Grids — Strategy. jQuery Mobile. 960 Grid System. Online Portfolios on Behance. Creattica: Your source for design inspiration. CSS Awards: The CSS Awards. Dribbble - Popular. Design d’interface et critère ergonomique 8: Adaptabilité. Ma liste de critères ergonomiques pour la conception d’interface contient 11 critères.

Design d’interface et critère ergonomique 8: Adaptabilité

C’est une liste personnelle, établie au départ sur la base des normes & standards existants (ISO 9241, AFNOR Z67 133, Bastien & Scapin, Heuristiques US …), que je m’efforce de partager au quotidien avec les équipes de développement tout en sensibilisant le métier sur la question. Ergonomie web : les mythes et légendes ont la vie dure... Malgré le travail acharné de grands ergonomes Web reconnus (Amélie Boucher et Jean-François Nogier chez nous, ou Steve Krug et Jakob Nielsen aux USA, pour ne citer qu’eux), des mythes perdurent en donnant des réponses à l’apparence facile et pratique aux profanes, tout en dépréciant notre démarche au passage.

Ergonomie web : les mythes et légendes ont la vie dure...

Grâce aux ouvrages de Steve et Amélie dont je me suis inspiré pour cet article, et en y ajoutant mon expérience personnelle, je vous livre ici une courte liste de 12 légendes qui sont encore colportées régulièrement sur l’Ergonomie Web… 1. La règle des 3 clics Ergonomie web : la règle des trois clics Vous avez déjà tous entendu cette phrase : “Pour que ton site web soit facile à utiliser, l’internaute doit trouver ce qu’il veut en moins de 3 clics, sinon il se barre” ou du style… C’est l’exemple typique d’un argument vrai sur le fond mais complètement idiot sur la forme. 2. « Les clients sont stupides » LaudableApps - Home. Mobile Website Gallery. 20 Mobile Apps Inspiration and Design Patterns. As a mobile apps designer I’m sure you are often looking for inspiration to ensure that you can deliver constant innovation and high quality to your clients.

20 Mobile Apps Inspiration and Design Patterns

A really efficient way to get serious inspiration for specific parts of your mobile apps project is looking for web sites showcasing the best apps created be other creative designers. With hundred thousands of mobile apps flooding the market it can be challenging to stand out and I recommend you seek inspiration and look for good elements and combine the top findings into new unique creations. If you are not a mobile apps designer and developer yet I can tell you that there is a great chance you will be one soon.

It is all about mobile right now and it is not going to change very soon! App Design Served. Best Websites In The World - CSSDA. CSS Awards: The CSS Awards.