background preloader

Gridpak - The Responsive grid generator

Gridpak - The Responsive grid generator

http://gridpak.com/

Related:  Développement Ebooks (Epub3, APPs, HTML5, JAVASCRIPT)webdesignWEBDESIGNWeb creatifStructures esthétiques (HTML, CSS, Jquery...)

Créer un epub L'EPUB (acronyme de « electronic publication » ou « publication électronique ») est un format standardisé pour les fichiers de livres numériques. Il s'appuie notamment sur le HTML, le langage de balisage utilisé pour créer des sites web. Un livre au format EPUB est composé de plusieurs dossiers et fichiers réunis dans un conteneur qui porte l'extension .epub. Il contient du texte (fichiers HTML), des images (fichiers .jpg, .png ou .svg), des feuilles de style (fichiers CSS) ainsi que des fichiers décrivant la structure du livre et ses métadonnées (l'ensemble des informations – auteur, titre, date de publication, ISBN... – permettant le bon référencement bibliographique de l'ouvrage).

Polices d’écriture standards et exotiques pour le web Polices standard pour le web Le site Web Safe Fonts Preview affiche votre texte dans toutes les polices génériques, sûres pour un affichage sur windows, mac et linux et donne la séquence de polices à mettre dans le css. Utiliser une police particulière sur votre site internet Du zoning au mockup, itinéraire d'une maquette web Il n’est pas toujours évident de s’y retrouver dans le vocabulaire, nouveau et souvent anglophone, de la conception web. Nous sommes nombreux (83 % [**]) à avoir déjà vécu une situation d’incompréhension à cause de ce vocabulaire. Les termes « zoning » et « mock-up », en particulier, ont des significations différentes selon les personnes [**] et prêtent au quiproquo, quand ils ne sont pas carrément considérés comme synonymes de « wireframe »… Pour mieux s’y retrouver, commençons par mettre les bons mots sur les choses. sketch / croquis

Modernisez vos jeux HTML5 canvas partie 1: mise à l’échelle matérielle & CSS3 - David Rousset Les dernières versions des navigateurs commencent à implémenter des versions stables de certaines spécifications HTML5 particulièrement intéressantes comme Offline APIs, Drag’n’drop & File APIs. Ces nouvelles fonctionnalités offrent aux développeurs web de nouveaux scénarios de jeux et nous mène vers une nouvelle ère d’applications web. De notre côté, IE10 les implémente toutes et les mêmes fonctionnalités sont présentes également au sein des applications Windows 8 HTML5 au style Metro. D’un point de vue graphique, le moteur d’IE10 offre une couche d’accélération matérielle pouvant être bien utile pour gérer la mise à l’échelle vers différentes résolutions ainsi que pour jouer des animations de manière fluide. Nous nous concentrerons d’ailleurs en premier lieu sur la partie graphique dans cet article en utilisant CSS3 Grid, CSS3 Transition, CSS3 3D Transform. Gérer la mise à l’échelle sur tous les périphériques

Développer une application web HTML5 Il y a 3 ans sur twitter, un certain Christian Heilmann, évangéliste web chez Mozilla, nous avait donné la clé pour comprendre HTML5: « HTML5, c’est passer des pages statiques aux applications web et des bidouilles aux solutions » Dans cet article, nous allons redécouvrir comment développer une application web HTML5 à travers une série d’exemples et de conseils. Bien démarrer avec HTML5 Commençons par une page HTML5 avec le minimum vital :

Exemples d'applications Web La plateforme Tizen prend en charge les applications web modernes qui utilisent les dernières technologies web. Les exemples suivants sont fournis comme des exemples d'applications mobiles « réel ». Ils illustrent des techniques standard, communes dans les applications web mobiles. La source est fournie dans les liens ci-dessous. Ces applications ne sont pas prévues pour être des exemples de la manière d'utiliser les API Tizen. Design de sites internet, les critères les plus importants Le design de votre site internet ne doit pas juste être beau. Il faut également qu’il soit optimisé pour l’utilisateur. Il doit vous permettre d’attirer un maximum de visiteurs grâce à un design interactif, et propice au partage. Savez vous à quoi devrait ressembler votre blog ? Il y à des critères pour la largeur optimale, le placement des bouton pour les réseaux sociaux, la taille et le type de police et les couleurs à employer sur vos sites internet.

Blog › Guidelines pour produire des PSD adaptés au web Je préparais dernièrement un document pour un boulot afin de montrer à des boîtes de créa print comment faire des PSD propres pour le web. Le but inavouable de la démarche était d’éviter de se retrouver avec des charniers inexploitables en intégration, chose qui arrive encore un peu trop souvent. Pas de règles de ninja ou de gimmicks avant-gardistes ici, juste des bonnes bases saines pour faire un boulot clean. [Meetup] HTML5, CSS3 et pizzas : Quatrième édition - www.kanithael.net Comme annoncé hier, voici la quatrième édition du meetup HTML 5. On ne change pas une équipe qui gagne, avec John Karp et Sylvain Weber aux commandes. Nous étions encore plus de 100 personnes pour cette édition, et chose amusante, plus de la moitié de la salle venait pour la première fois ! Comme quoi la communauté HTML5 est active, et ça intéresse du monde (surtout quand on voit le programme de la semaine à Paris…). Quoi de neuf sur la planète HTML5 ?

Animations pleine page avec CSS - IEBlog Français Depuis la version 9, Internet Explorer prend en charge les transformations 2D CSS. Internet Explorer 10 Developer Preview étend cette prise en charge aux transformations 3D CSS et aux animations CSS. En exploitant la puissance du processeur graphique et en lançant une exécution asynchrone par rapport au code JavaScript standard, ces fonctionnalités d'IE10 offrent une solution plus performante et plus flexible que les animations traditionnelles des contenus Web, généralement basées sur des scripts.

Related:  GRILLEWebdesigncssResponsive designHTML-CSSResponsivetendances graphiquesTools