background preloader

CSS Zen Garden: The Beauty of CSS Design

CSS Zen Garden: The Beauty of CSS Design

http://www.csszengarden.com/

Related:  Internet [Communiquer-Créer]Env. Numérique d'ApprentissageCSSinterfaces

AFA - Association des Fournisseurs d'Accès et de Services Internet - Netiquette Introduction à la nétiquette La netiquette est la charte de bonne conduite des acteurs de l'Internet, qu'ils soient utilisateurs professionnels ou particuliers. Les conditions générales d'utilisation des fournisseurs d'accès, des hébergeurs, et des portails font très souvent référence à la netiquette, et le non respect de ce code par l'utilisateur peut entraîner la suspension ou la coupure de son compte. Les premières décisions de justice française à reconnaître la légitimité d'une coupure de compte sur la base de la netiquette ont été rendues par le Tribunal de Grande Instance de Rochefort-sur-Mer en 2001 et par le Tribunal de Grande Instance de Paris en 2002. Il existe plusieurs textes différents de la netiquette, mais la version ci-dessous est celle qui est la plus couramment utilisée, et c'est celle que recommande l'AFA.

Les protocoles[L'internet rapide et permanent] C'est quoi un protocole? Essayons d'en donner une définition satisfaisante… C'est un mode opératoire qui doit être commun à tous les éléments qui désirent communiquer entre eux. Il n'y a pas de communication possible sans avoir recours à un protocole. Bien entendu, le protocole doit être adapté au type de communication que l'on souhaite mettre en œuvre Responsive design : définition, fonctionnement, ressources et tutoriels Si vous vous intéressez de près ou de loin au webdesign ou à l’intégration, vous n’avez pas pu échapper au dernier terme à la mode : le “responsive web design”. Cette avancée technologique est également une nouvelle philosophie de création de site. Voici un article pour définir ce qu’est le “responsive web design” et expliquer quels en sont les points-clés (puis plein de liens, de tutoriels et de ressources super cools aussi !).

Métamorphoses des écrans : Invisibilisations – *designers interactifs* Le numéro 2 pour 2016 de la revue Interfaces numériques, Métamorphoses des écrans : invisibilisations, est sorti. Il a été dirigé par Emmanuelle Cacao (Université du Québec à Montréal, UQAM) et Marie-Julie Catoir-Brisson (UMR 8218 Institut Acte (Équipe Projekt, Université de Nîmes). En dépit d’une méfiance nécessaire à l’égard des discours qui proclament qu’une mutation sans précédent est en cours, il faut toutefois se rendre à l’évidence et constater que notre rapport aux images et notre manière de voir a changé. La période qui suit la Deuxième Guerre mondiale marque le début d’une multiplication des écrans, d’une sophistication des technologies d’imagerie et d’une circulation d’images sans précédent.

Première maquette web : comment faire ? Maquettistes affirmés, mais débutants sur le Web, voici les repères élémentaires à connaître pour créer votre première maquette graphique pour le Web : résolution d’écran, pixels, couleurs hexadécimales, page web, scroll, découpe, tout ça. Pour partir sur de bonnes bases. Exprimez tout en pixel : l’unité de mesure, sur le Web, est le pixel, point élémentaire de l’écran, et non pas le pica, le point ou le centimètre pour lesquels il n’existe pas de conversion et qu’il faut donc oublier. Travaillez en bitmap à l’échelle 1:1. Jetez-moi les logiciels vectoriels (Flash, Illustrator) aux oubliettes ! Les dix commandements Les 10 commandements de la sécurité sur l’internet Utiliser des mots de passe de qualité. Le dictionnaire définit un mot de passe "comme une formule convenue destinée à se faire reconnaître comme ami, à se faire ouvrir un passage gardé".

Conduire un projet e-learning : les facteurs clés de la réussite Directeur Technique Software Quels sont les conditions de réussite d’un projet e-learning ? De la définition des besoins fonctionnels jusqu'au déploiement, les difficultés et les contraintes d’un projet e-learning peuvent être nombreuses. Pour assurer la réussite et la pérennité de votre dispositif de formation à distance, un accompagnement sur mesure s’impose. Par Olivier Abrivard, Directeur Technique Software, FuturSkill

Apprendre CSS : cascade, héritage et spécificité La cascade correspond à la possibilité pour une balise de définir des styles dans plusieurs règles distinctes. Au fur et à mesure que vous allez rajouter du contenu et des fonctionnalités à votre site, le besoin de mise en forme va augmenter. Vous allez donc devoir créer des styles spécifiques pour différents éléments, mais parmi ces éléments, certains devront aussi se voir appliquer des styles liés à d'autres besoins. Grâce à la cascade, un même élément peut recevoir des styles à partir de plusieurs règles différentes. Par exemple, vous souhaitez que toutes les balises ayant la classe surround possèdent une bordure fine et arrondie.

Thierry Fournier - Overflow, catalogue La première image qui me vient à l’esprit quand je pense à Conférences du dehors est l’image d’un filet. Mais ce n’est pas exactement l’idée du réseau, en tout cas, ce n’est pas dans un premier temps cette idée, qui est évidemment essentielle ici. Avant d’être un réseau, le filet est une masse d’éléments rassemblés, qui tient en boule dans la main pour le filet de la ménagère, ou qui fait un tas sur le quai pour le filet du pêcheur, un gros tas parfois, mais toujours avec cette qualité particulière de malléabilité, cette densité informe qui fait que le filet de la ménagère tient dans une poche, et que celui du pêcheur se tasse dans la cale du bateau. Les accessoires nécessaires à Conférences du dehors tiennent dans le coffre d’une voiture.

Stop Arial 11px ! ce choix est déplorable pour la lisibilité à l’écran, tant par la taille que par la police. En 2011, prenons la saine résolution d’éradiquer le 11px ! Bien des graphistes déplorent la pauvreté typographique du Web... Mais pourquoi sont-ils si nombreux à nous servir et resservir de l’Arial de petite taille, comme s’il n’y avait pas mieux ? Créer les maquettes de son site web - La Fabrique du Net La réalisation des maquettes est une étape déterminante dans la création d’un site internet. Pour que votre site web soit agréable, il faut naturellement soigner le design de l’interface graphique, mais surtout, pour que votre site internet soit efficace, il faut construire une mise en page intelligente et adaptée à vos objectifs et vos contenus. La réalisation des maquettes doit passer par plusieurs étapes, du design fonctionnel en noir et blanc, au design graphique intégrant votre identité et vos couleurs. Dans cet article, nous allons vous donner toutes les clés pour réussir cette étape fondamentale dans tout projet de création de site web.

Mobilitics, saison 2 : nouvelle plongée dans l’univers des smartphones et de leurs applications Données personnelles © Inria / Photo H. Raguet Depuis 3 ans, la CNIL et Inria travaillent ensemble pour comprendre l’écosystème des smartphones et tablettes. Les résultats du projet Mobilitics montrent que les accès aux données personnelles sont à la fois massifs et peu visibles pour les utilisateurs. Les éditeurs d’applications et leurs fournisseurs ou partenaires doivent intensifier leur effort d’information, sans s’abriter derrière des contraintes techniques. 21 outils et générateurs CSS pour développeurs web Les générateurs et outils CSS sont de plus en plus nombreux sur la toile, et facilitent la tâche des développeurs web en leur faisant gagner un gain de temps considérable, en particulier ceux qui génèrent du CSS3. Voici une liste non exhaustive de 21 ressources CSS à connaître et à tester dès maintenant ! 1. Bear CSS

DADA / DATA / Dada-Depot Tout commence le 8 octobre avec LE GRAND DADA MANIFESTO, un hackathon exceptionnel auquel absolument tout le monde est convié. Pendant 6 heures, codeurs, écrivains, artistes, éditrices, plombiers, designers, étudiants, banquiers, apatrides, lanceurs d’alertes et autres messagers d’art se réuniront à la Chaufferie. Leur défi : fabriquer ensemble un Manifeste Dada Digital. Venez particper à la création de cette œuvre durant la journée du 8 octobre. Le fruit de ces réflexions collaboratives sera présenté au grand public à l’Agora Hydro-Québec du Cœur des sciences de l’UQÀM, dès 21h, au cours d’un cabaret imprévisible qui promet de s’achever tard dans la nuit (concert surprise !).

Related:  InformatiqueCSSInspirationsWebWebmasteringWeb Design for LibrariesCMS CSS PHP... (mostly open)TemplateHTML 5/CSS/JavascriptCSSCSScssWebdesigncss Zen GardenCSSCSSCLASS 5: Turning your sketch into a webpage (HTML & CSS)positioningcsswebdesign 1