Modèles de tableaux CSS (pour ne pas s’fatiguer)

Vous avez besoin de mettre en forme des tableaux HTML mais vous n’êtes pas un expert des CSS ? J’ai la solution pour vous !

Une galerie de modèles de tableaux CSS téléchargeable !

Comment ça marche ?

C’est ultra simple, vous créez vos tableaux avec l’éditeur HTML de votre choix (en y attachant aucune classe CSS).

Rendez-vous sur ce site et testez différents exemples de tableaux CSS en cliquant sur le nom se trouvant dans la colonne “Design Name”.

Une fois le tableau CSS de vos rêves trouvé, cliquez sur “download” et copiez/collez les éléments CSS dans votre feuille de style

Le tour est joué !

Quelques modèles de tableaux CSS

image

image

image

Comment régler les problèmes de lenteur de WordPress

Votre WordPress est lent ? C’est un problème que beaucoup d’utilisateurs rencontre !

Vous vous demandez sans doute ce qui en est la cause et comment régler les problèmes de lenteur de votre site WordPress ?

Dans cet article, nous allons essayer de trouver des solutions pour booster un peu votre site.

Supprimer les plugins inutiles

Si votre site met du temps à se lancer c’est peut être parce que vous utilisez trop de plugins. Si vous dépassez allègrement les 10 plugins, essayez de voir s’il est possible d’en intégrer directement à votre thème ou alors posez-vous la question : ai-je vraiment besoin de ces plugins ?

Utiliser WP Super Cache

L’une des techniques les plus employées pour donner un peu de vitesse à WordPress est l’utilisation du plugin WP Super Cache. En gros, la mise en Cache permet de faire moins d’accès au serveur (PHP/MySQL) et, du coup, d’obtenir des pages qui s’affichent plus rapidement.

image

N’oubliez pas de cocher la case “Don’t cache pages for logged in users” si vous avez l’intention de faire des mises à jours de votre thème, sinon les changements ne se verront pas 😉

Virer le PHP superflue

Si vous utilisez un thème que vous avez téléchargé, il y a de fortes chances que ce dernier soit blindé de code PHP superflue. Pas d’inquiétude, il ne s’agît que de petites modifications très basiques qui ne demandent aucune compétence particulière en PHP.

Pour plus d’informations sur ce sujet, je vous conseille la lecture de cet article : 13 Tags to Delete From your Theme.

Optimiser la base de données de WordPress

Il existe deux méthodes pour optimiser la base de données de WordPress : à la main ou via un plugin. Pour faire simple, intéressons nous au plugin Optimize DB plugin from yoast.com. Son fonctionnement est rudimentaire, on télécharge, on installe, on suit les instructions et hop ! la base de données est optimisée.

Optimiser les images

Cela va sans dire, mais mieux en le disant : si vos images ne sont pas optimisées, le temps de chargement de votre site en subira les conséquences.

Il existe de nombreux logiciels permettant de redimensionner et compresser les images, utilisez-les ! Ne collez pas les photos fraichement sorties de votre appareil numérique (bien souvent des fichiers immenses) sur votre blog sans les avoir compressé un max ! Au besoin, utilisez Smush.It, un outil en ligne de compression d’images.

Compresser les feuilles de style CSS et les JavaScripts

Il s’agît d’une chose très facile à faire et qui ne vous prendra pas beaucoup de temps : compressez vos CSS et placez tous les Javascript dans un seul fichier.

Pour la partie CSS, vous pouvez utiliser un site comme CleanCSS , cet outil compresse vos CSS selon vos critères (image ci-dessous). Si vous utilisez plusieurs feuilles de styles, placez les toutes dans un seul fichier et compressez-le.image

Pour la partie Javascript, comme pour les CSS, placez tout vos javascript dans un seul fichier et compressez-le en utilisant un outil comme JavaScripCompressor. Une fois votre javascript compressé, placez l’appel au fichier dans votre footer.php. Ainsi, votre site chargera d’abord la mise en forme et, en dernier, tous les extras javascripts 😉

Astuces et liens pour accélerer WordPress : en vrac

Supprimer le Hotlinking via htAccess

Tenir les spammeurs à bonne distance (toujours via un fichier htaccess)

Désactiver la révision des articles

La bible de l’optimisation wordpress chez Christrophe Logiste

13 Great WordPress Speed Tips and Tricks for MAX Performance sur Noupe.com

D’autres astuces à partager pour régler les problèmes de lenteur de WordPress ?

10 sites pour télécharger des icones

Un élément essentiel pour donner une touche sympa à un design web, à vos thèmes WordPress ou alors à une application informatique : les icones. Les graphistes les plus doués pourront créer leur propres icones en utilisant leur logiciel de création graphique préféré, mais pourquoi ré-inventer la roue ? Il existe une multitude de site proposant des icones en téléchargement gratuit.

Voici quelques ressources pour télécharger des icones gratuitement :

Les icones de FreeIconsDownload.com

image

Des icones et boutons classés par thème.

Les icones de IconShock Blog

image

Un blog qui offre très régulièrement des icones en téléchargement gratuit mais aussi des informations sur le design web et les logos…

Les icones de Free Icons Web

image

20 catégories et plus de 15 000 icones à télécharger gratuitement.

Les icones de DryIcons

image

Encore un blog qui diffuse régulièrement des icones en téléchargement gratuit pour notre plus grand bonheur.

Les icones de Icon Archive

image

24 000 icones classé dans plus de 30 catégories disponible en téléchargement gratuit

Les icones de Designus.com

image

Je vous parlais déjà de ce site qui met à disposition de très bonnes ressources pour WebDesigner. La rubrique logo est également très bien fournie.

Les icones de IconFinder.Net

image 

Les icones de Icon Dock

image 

Les icones de Icons-Online

image

Une liste exclusivement en English de 9 sites et non 10 comme indiqué dans le titre, n’hésitez pas à partager dans les commentaires des sites (de qualité) francophones que je rajouterai à la liste.

Automatisez certaines tâches sous Windows avec AutoIt

Contacté récemment par une très très grosse administration internationale pour une mission de 2 jours, mission consistant à la mise en place d’une bidouille HTML pour contourner certains problèmes rencontrés avec leur CMS. Je me suis retrouvé dans une situation plus que périlleuse.

En effet, après un rapide audit je me suis rendu compte que, malheureusement, la bidouille en question était impossible en HTML. Le client m’a très clairement fait comprendre que si de solution je ne trouvais, ma santé en danger se retrouverai.

image Finalement, après une grosse frayeur : l’obligation de faire du développement ASP (que je ne connais pas du tout), je me suis retrouvé à développer un utilitaire avec l’aide d’un soft qui m’a déjà sauvé la mise à plusieurs reprises : AutoIT.

AutoIT est un langage de script (Freeware) dédié à l’automatisation de certaines tâches sous Windows. Après avoir saisie quelques lignes d’un code plus que facile à apprendre, AutoIT permet de générer un exécutable.

A la base, AutoIt était employé pour automatiser l’achèvement de tâches fortement répétitives, comme le déploiement d’un grand nombre de PC avec des instructions d’installation identiques. C’est à l’époque (lointaine) où je travaillais dans l’administration de réseaux que j’ai découvert cet utilitaire.

Vous avez une tâche rébarbative et répétitive sous Windows ? Pensez à AutoIt 😉

Pensez simple, pensez KISS

Ne vous méprenez pas, ce n’est pas de bisous ou encore de hard-rock dont je vais vous parler aujourd’hui ! Derrière l’acronyme K.I.S.S se cache une maxime invoquant la simplicité :

  • Keep It Sweet & Simple
  • Keep It Short & Simple
  • Keep it Simple, Stupid

 imagePour ma part, lorsque je conçois une interface, rédige pour le web ou donne une formation j’essaie toujours de penser KISS.
KISS parce que l’internaute ne réfléchit pas, il clique et, parce qu’il ne lit pas, il scan.

Je laisse la conclusion de cet article à Antoine de Saint-Exupéry : 

"Il semble que la perfection soit atteinte non quand il n’y a plus rien à ajouter, mais quand il n’y a plus rien à retrancher."