TheJoe.it Dans le (ouvrir) Source

29Jan/142

WordPress: avertir le lecteur que le poste est vieux

Clocky

Souvent (logiciel d'écriture et de la technologie) que l'article est actuellement présente, demain est déjà passée. Il existe au moins non plug-in par WordPress pour informer le lecteur que le poste que vous lisez a été écrit il ya longtemps, c'est une solution parfaite et prêt à l'emploi, tâtonne mais je voulais aussi changer le code de mon thème pour ajouter cette simple fonction automatiquement.

Je déclare que les étapes suivantes créent une boîte (dans ce cas jaune) avant le titre de l'article.

14DEC/130

Boutons en utilisant uniquement CSS

css code

Dans l'article d'aujourd'hui, nous voyons comment transformer un simple formulaire, Un bouton n'est pas formatée sous une forme aussi simple avec un bouton en forme. Toutes les couleurs, dégradés et des ombres seront "bâti" en utilisant les règles CSS pour la version 3. Voici quelques règles simples à prendre un peu avec une pince, parce qu'ils fonctionnent parfaitement avec le navigateur basé sur Webkit (Safari, Konquerror, iPad / iPhone) e Gecko (Firefox e simili), mais elles sont inutiles sur toutes les versions

10Jun/130

CSS: supprimer la frontière “a puntini” dei lien

outline_ico

Dans l'article d'aujourd'hui, nous voyons une règle CSS simples, déjà présent dans de nombreux réinitialisation CSS. Je parle de la propriété "contour". Si le regola "contour" ne réglez pas le navigateur affichera une boîte en pointillés autour de chaque lien cliqué. Le réglage par défaut pour cela est que l'on pense aussi à ceux qui utilisent la touche TAB pour naviguer, et de perles sans perdre le focus sur ce lien n'est plus comprendre cela s'est passé. Je pense aussi à ceux qui ne peuvent pas utiliser la souris pour défaut visuel. En enlevant le perlage renderesti le site inaccessible pour eux.

4May/130

CSS: propriété “z-index”

as

Aujourd'hui, nous voyons une propriété importante des CSS, également hérité de la dernière version de, i CSS3. Je parle (car vous serez deviné dans le titre) propriété "z-index".

Les propriétés "hauteur" et "largeur" hauteur et la largeur impostarenno, pendant que "z-index" nous avons besoin de déplacer des éléments dans la troisième dimension de profondeur (l'asse "Le"). La troisième dimension est perpendiculaire à l'écran et il sera plus facile à comprendre pour ceux qui sont familiers avec les plans pour l'utilisation de niveaux.

Imaginez l'écran comme une table sur laquelle se trouvait quelques cartes à jouer, de cette façon:

9Oct/120

Certaines polices, ou plutôt une série d'icônes

foundation_free_icon_font

Parfois sur Internet couru dans des solutions ingénieuses, qui résolvent en quelques clics un travail qui serait autrement durer quelques minutes (vous, ok, nous parlons minutes, mais il est toujours un gain de temps). Les ressources que nous célébrons aujourd'hui (pris sur le blog anglais SixRevisions) sont police simple, dont les personnages se composent d'icônes monochromes prêts à être inclus dans le web (avec la règle CSS "@font-face"), une technique utilisée depuis un certain temps, mais que vois mal appliqué.

24Feb/120

CSSDeck: de nombreuses idées de professionnels de la conception de sites Web

pressable_button

De la naissance de CSS3 concepteurs de sites Web sont littéralement fou pour d'innombrables nouvelles possibilités offertes. Parmi les plus frappants sont la possibilité de créer un "ombrage (aussi floue) en dessous du texte ou à un élément, la possibilité d' faire pivoter les pièces combien de degrés vous voulez, effets fade-in et fade-out et quelques simples animations à peine. La tendance semble être à abandonner (le comunque diminuire) l'utilisation de l'infographie en faveur de rendu sophistiqué via CSS.

21Nov/112

30 jours pour apprendre HTML5 et CSS3

30dayz

Aujourd'hui, je déclare une importante série de tutoriels (durable un mese) qui promet d'enseigner le design Web pour ceux qui conçoivent est le jeûne en seulement 30 jours. Le cours commence à partir de zéro, et il s'adresse aussi à ceux qui ne savent rien sur le design web. Et en aucun moyenne nulle.

Les cours sont structurés de manière à ne pas être trop lourd, la première essayer de ne pas "mettre trop de fers au feu" et s'épuiser en une dizaine de minutes tout au plus, à la suite, on introduit ensuite i balise ombre dans l'ordre d'utilisation. Une attention particulière a été consacrée à conformité avec les normes, tous »accessibilité et dans la façon dont ils interagissent HTML et CSS.

25Mar/114

Boutons du menu de navigation avec Sprites CSS

dito_cattelan2

Dans le tutoriel d'aujourd'hui nous reparle HTML graphiques et Intégration CSS. Dans mon article Il ya quelques mois, j'ai parlé de la technique (également largement utilisé par les Google) de Sprites CSS. Dans la pratique, consiste à insérer la majorité des images répétées plusieurs fois à l'intérieur de la page en une seule grande image, qui sera appelée plusieurs fois avec notre CSS.

Comme une question de préférence personnelle, j'ai tendance à éviter d'utiliser Gimp chaque fois que je dois créer un menu différent navigation de l'article, Je préfère créer que les origines de boutons, puis réfléchir sur les styles en utilisant CSS. De cette façon, le premier menu est mieux indexé par les moteurs de recherche, d'autre part, j'évite "déchets" le temps de me créer à chaque bouton une nouvelle image.

18Feb/115

Le meilleur éditeur HTML pour Linux non commerciale

HTML_Icon_Final

Quiconque a déjà essayé de créer piagne HTML avec Linux, vous serez certainement en conflit avec la absence de logiciel WYSIWYG développé ad hoc pour notre système d'exploitation favori. Heureusement, aujourd'hui, cette "écart" est remplie seulement en partie en raison du développement de certains programmes open source qui tentent de compenser le absence de développement dans Dreamweaver (ou encore des alternatives commerciales) su piattaforma Linux, mais à bien des égards, nous sommes encore loin d'avoir atteint la convivialité de Dreamweaver ou similaire.

Aujourd'hui, nous voyons certains des meilleurs logiciels pour 'd'édition WYSIWYG développée nativement pour Linux. Merci le blog distorsion web traduit pour les conseils que je fasse rapport ci-dessous.

12Jan/111

Ajouter une légende à la photo pop-up avec CSS3

Aperçu

Dans le tutoriel d'aujourd'hui, nous voyons comment fixer les images de notre site afin qu'il semble planer une légende au bas de la photo avec effet de fondu / fade-out.

Cette technique permet l'utilisation de certaines fonctionnalités mises en œuvre dans le CSS3, la dernière version. Malheureusement, tous les navigateurs sont toujours conformes à cette spécification, savoir que selon le navigateur peut ne pas fonctionner. Les nouveaux navigateurs qui CSS3 de soutien sont Firefox 4, Safari 5, Safari Mobile et Opera 10. Explorer purtroppo ne supportent pas (apparemment même pas la prochaine version: IE9), mais cependant, nous allons essayer de ne pas oublier les utilisateurs d'IE.