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.
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). 5 commentaires Article lu 102502 fois. Ici, rien de bien compliqué, il suffit de définir une largeur et une hauteur identiques pour chaque côté de notre élément HTML.
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.
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. 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é.
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.
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.
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. Résolution, tablettes & smartphones. Avec une troisième génération d’iPad, Apple a semé le trouble dans les résolutions d’écrans.
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.
Il est probable que les prochains supports à bénéficier d’un écran « rétina » soit les ordinateurs portables avec des écrans de 11 à 15 pouces et une distance d’usage un peu supérieur à 40 cm. » 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. 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.
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.
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.
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. App Design Served. Best Websites In The World - CSSDA. CSS Awards: The CSS Awards.