background preloader

Font Awesome, the iconic font and CSS toolkit

https://origin.fontawesome.com/

Related:  Frameworks FrontendHTML/CSS

Apprendre à utiliser Font Awesome Il existe une extension à BOOTSTRAP Twitter qui permet d'ajouter d'autres glyphicons. Font Awesome Font awseome propose d'intégrer à votre blibliothèque plus de 369 icones. Pour télécharger cette extension: Cliquez ici Icones dynamiques Aide mémoire pour Bootstrap Twitter Bootstrap est une collection d'outils utile à la création de sites web et applications web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option.Cette plate-forme a été conçue par deux développeurs faisant partie de la mouvance de développeurs qui gravitent autour de Twitter, Mark Otto et Jacob Thornton (@mdo et @fat).Ce site utilise un modèle basé sur Bootstrap. Cette page a pour objectif de lister les différents éléments gérés par Bootstrap pouvant être intégrés dans les pages et les articles utilisant ce modèle. La page est divisée en 12 colonnes.Pour écrire sur deux colonnes :

Datatable projet Voici un tableau utilisant le plugin DatatTables, qui permet d'être filtré grâce à trois listes déroulantes pour le filtrage par le jour, le mois et l'année. Les listes déroulantes sont entiérements créées en PHP, et chargées via la base de données. Chacune des listes déroulantes possèdent sa propre requête SQL issu du champ en timestamps, mais en utilisant le code suivant (SELECT DISTINCT FROM_UNIXTIME(datefichier,"%d") AS day). Le format de la date dans le champ MySQL est de type (timestamp) (int 11). L'affichage de la date issu du timestamp doit être converti afin d'avoir le jour en numérique, le mois en chaine de caractére, et l'année sur 4 digits. Ce qui oblige pour l'affichage de la date dans le tableau à avoir une date de type (01-Février-2013).

Les commentaires conditionnels pour Internet Explorer Les commentaires conditionnels sont un mécanisme propre à Internet Explorer Windows, qui permettent d'inclure dans une page (X)HTML, de manière valide, du code qui ne sera lu et interprété que par Internet Explorer, ou par l'une ou l'autre de ses versions. Techniquement, il s'agit de simples commentaires HTML, qui seront compris comme tels par la plupart des navigateurs. Cependant, le contenu de ces commentaires a une syntaxe spéciale, qui permet à Internet Explorer de savoir s'il doit interpréter le contenu du commentaire ou bien l'ignorer. Les commentaires conditionnels sont compris par Internet Explorer depuis la version 5.0 mais sont officiellement abandonnés à partir d'Internet Explorer 10.

20 logos d'animaux en Flat Design pour votre inspiration > Blog Codeur.com Retrouvez une sélection de 20 logos d’animaux en flat design pour vous inspirer dans vos prochaines créations graphiques. Après la sélection des 15 logos en Flat Design, j’ai trouvé pour vous 20 logos d’animaux en Flat Design. Que l’on aime ou pas cette tendance qui standardise un peu la créativité, elle oblige à travailler sur l’aspect minimaliste des formes.

17 Frameworks Front-end pour vos créations web Retrouvez une sélection de 18 Frameworks front-end qui vous permettront de gagner du temps dans la création de vos interfaces web. Besoin d’un développeur web ? Trouvez gratuitement un freelance disponible pour vous aider ! Trouver un freelance Apprendre à créer une grille Bootstrap Twitter Le système de grille est le coeur de BOOTSTRAP twitter. Bootstrap Twitter considère qu'une ligne .row fait 12 colonnes. L'idée d'un responsive design c'est de dire que pour telle taille d'écran un élément occupe X colonne(s). Boostrap Devices TinyMCE – Documentation fr pour bien démarrer Remise à jour d’une documentation pour l’outil TinyMCE l’éditeur WYSIWYG très utilisé sur le web. C’est une documentation en français et pour les novices. Cet un article qui fait suite à une constatation suite à la réadaptation d’un de mes blogs. En effet, j’avais réalisé une doc sur TinyMCE qui apparemment était recherchée et pourtant totalement obsolète aujourd’hui, suite à cela j’ai perdu du Page Rank sur mon autre blog, je me suis donc dis, que ça pourra être toujours utile de fournir une telle doc. Toutes les infos se trouvent sur ce billet, mais vous pouvez directement télécharger le PDF ici.

STAGIAIRE WEBDESIGNER H/F - Philippe Vaillant Organisation - Offres d'emploi sur emploidunet.fr Description du poste Description: •Mise à jour des vignettes des vidéos sur Youhumour.com et sur nos chaînes Youtube.•Création de background cliquable Youtube.•Mise en ligne des articles du blog wordpress Youhumour. 10 sites pour trouver des photos HD gratuites pour vos blogs Voici dix nouvelles ressources en ligne pour trouver des images libres de droits à utiliser sur vos sites ou sur vos blogs. Ces sites ne sont pas les plus connus, mais ils proposent tous des images en haute définition de grande qualité que vous allez pouvoir utiliser en toute tranquillité et en respectant les droits d’auteur. Car il faut le répeter, tout ce qui est sur Internet n’est pas gratuit. Des millions d’utilisateurs continuent d’utiliser l’énorme base de données des images Google pour illustrer leur blog sans se soucier des licences d’utilisation et sans créditer les images. De nombreuses banques d’images en ligne proposent des images de qualité gratuites ou à des tarifs très raisonnables.

Les frameworks CSS responsive design Dans un article précédent, je vous indiquais pourquoi le responsive design est indispensable au succès de votre projet Web. Aujourd’hui, nous voyons les frameworks CSS libres et gratuits permettant de mettre en oeuvre un design adaptatif ! La liste ci-dessous n’est pas exhaustive mais recense les principales librairies open-source que vous pourrez utiliser pour faire des responsives. Bootstrap de Twitter : un kit CSS et plus ! Version en ligne Table des matières Bootstrap de Twitter : un kit CSS et plus ! Vous créez des pages web et vous passez beaucoup de temps avec le CSS ? Alors Bootstrap est fait pour vous et ce cours va vous guider dans la découverte de cette puissante boîte à outil.

Related:  Sites pratiques pour devoutilsressourcesWebmasterWEBDESIGNDesign front devDev WebOutilsicons, online utilitiesFree IconsIcons