Il est construit avec Sass + Compass et permet de générer des boutons carrés, ronds ou aux angles arrondis, plats ou en 3 dimensions et ayants des effets personnalisés (comme de s'allumer lorsque la souris passe dessus).

Les tailles, les couleurs, les effets et les polices utilisées peuvent tous être modifiés à l'aide de variables et peuvent être facilement étendus.

 

La bibliothèque fonctionne tout simplement en ajoutant le préfixe «smoke.» devant les fonctions de confirmations ou d'affichages d'origines de l'alerte, l'avantage c'est qu'ils sont maintenant affichés en ligne.

Un autre avantage important c'est que les notifications peuvent suivre un thème avec des feuille de style de type CSS. Ils sont compatibles avec les animations et les fonds d'écrans de CSS3. Il est même possible de personnaliser chaque alerte en spécifiant les styles dans les paramètres des fonctions.

Et, cela ne nécessite pas de frameworks JavaScript ce qui est excellent pour les projets simples.

 

Diet Browser est un guide très sympa qui répertorie les étapes nécessaires à prendre pour une meilleure performance.

Il est créé par une équipe d'experts qui travaillent sur des projets de grande envergure et présente les «meilleures pratiques» dans des domaines telles que HTML, CSS, JS, serveur, images etc...

En outre, le guide n'est pas seulement une description de ces pratiques, mais aussi de partager «la façon de les mettre en oeuvre" dans le détail.

Simplement, un incontournable (et il est open source).

Il est livré avec des styles personnalisés tels que les rubriques, les tables, les formulaires, les blocs de citation etc...

Il est proposé avec une largeur de 960 Pixels (max) et une grille de 12 colonnes, afin d'être utile pour les écrans d'appareils de lecture éléctronique.

Les règles CSS sont bien commentéês et prend en charge tous les principaux navigateurs (y compris Internet Explorer version 7).

Le script est autonome (jQuery peut être utilisé mais pas obligatoire) et n' utilise pas d'images ou de fichiers de styles CSS.

Il dispose de 2 interfaces intégrées (à la fois l'air très agréable) et répond très bien aux variations de la valeur par l'animation de la jauge.

Il y a des options pour régler la vitesse d'animation, les valeurs par défaut / min / max, les couleurs et plus.

Pour résumer, Gauge.js est un script très pratique pour afficher en temps réel la valeur de données.

Aujourd'hui, le concepteur Val Head a mise en ligne une démo pour nous montrer comment créer comment garder un texte lisible, avec quelques astuces CSS basiques pour toutes les tailles d'écran et quelques soient les résolution sans user de code complexe et sans être un expert de code.

Les mises en page Centrée en une seule colonne de texte sont très populaires et sont exactement le genre de dispositions qui conviennent à des techniques simples pour garder votre texte lisible et adaptatif avec souplesse.

C'est beau, lisible, simple et sans beaucoup d'efforts.

Il se compose de 2 bibliothèques:

•      une bibliothèque Python qui vectorielise les cartes à partir de fichiers composé de formes ou de type PostGIS et les convertit au format SVG
•      une bibliothèque JavaScript pour transformer ces données en cartes interactives de format SVG.

Si vous avez déjà des données SVG (par ex: un dessin peut être converti en SVG avec Adobe Illustrator), seule la bibliothèque JavaScript est necessaire.

La bibliothèque JS utilise jQuery + Raphaël, l'affichage peut être personnalisé en utilisant CSS et une très bonne documentation sont fournis.

 

Il s'agit d'une solution ultra légère (<1 kb gzip) et est compatibile avec la pluspart des navigateurs y compris la version 9 d'internet explorer (IE9 +).

Il est possible de lire en automatique, les éléments peuvent être parcourus avec des bulles de navigation prêtes à l'emploi ou tout simplement un lien vers n'importe quelle diapositive.

L'afficheur peut afficher n'importe quel code HTML et une ressource très utile pour les galeries simples et à chargement rapide.

Markup Framework est une nouvelle collection de mises en page, de widgets, de styles typographiques et d'autres composants d'interface utilisateur qui peuvent être utilisés comme base pour tout projet web.

Il est surtout concentré sur le duo HTML-CSS avec très peu de JavaScript et se concentre sur la fourniture de base, d'un squelette plutôt que le look ou le design.

Le cadre comprend plusieurs choix de style de typographie, des formes des widgets et de composant d'interface utilisateur. Aussi, il y a beaucoup de modèles prêts à l'emploi (incluant une utilisation mobile), disposant d'une grille souple et de reset CSS.