Blast-Visual Media

Free web ressources pour les concepteurs et les développeurs de sites Web | Tutoriels, Scripts, Graphics, Photoshop, CSS

Design News

Deck the Halls discrète avec JavaScript

Un élément clé dans un programmeur JavaScript l'arsenal est la méthode discrète de JavaScript - l'idée qu'une page web du comportement doit rester distincte de sa structure. Dans ce tutoriel, Ara de surmonter l'un des défis de la discrète JavaScript: délicat des questions de délai.

| Abonnez-vous au RSS

Bloc-forme contexte et les flotteurs

Article sur le contenant des flotteurs sans marquage structurel. Il met un peu de lumière sur les différentes méthodes couramment utilisées et traite d'une nouvelle technique.

Vérifiez la page de démonstration, qui compare 4 différentes méthodes pour contenir des flotteurs sans marquage structurel.

| Abonnez-vous au RSS

Gratuit rapport sur l'accessibilité de Jakob Nielsen

148 pages de rapport sur l'accessibilité en ligne disponible en téléchargement gratuit.

Au-delà de texte ALT: Faire le Web facile à utiliser pour les utilisateurs handicapés

Le rapport contient:

  • Résultats des tests d'utilisabilité de 19 sites Web avec des utilisateurs avec différents types de handicaps qui ont recours à un éventail de technologies d'assistance.
  • Test données recueillies principalement dans les États-Unis, avec d'autres études au Japon pour assurer l'applicabilité des recommandations.
  • 75 des directives pour la conception détaillée

Le rapport est richement illustré, avec 46 captures d'écran des dessins ou modèles qui ont bien fonctionné ou qui a causé des difficultés pour les utilisateurs handicapés dans les tests d'utilisabilité, ainsi que 23 photos de la technologie d'assistance dispositifs. Les exemples et les directives sont directement fondées sur l'observation empirique du comportement des utilisateurs réels.

| Abonnez-vous au RSS

Design Bookmarklet

Le design est une suite de web-design et le développement d'outils d'assistance qui peut être utilisée sur n'importe quel page web.

design_bookmarklet1.jpg

Caractéristiques de conception les éléments suivants:

  • Grid - superpositions très configurable grille de mise en page sur une page Web. Grid peut être réglé pour correspondre à n'importe quel ensemble de dimensions, facilitant le développement de mises en page CSS dans le navigateur Web.
  • Article - gouvernants affiche sur une page, avec toutes les fonctionnalités attendues des dirigeants dans une application de bureau, y compris des guides qui composant logiciel enfichable de bloquer l'affichage des éléments d'origine et l'emplacement de contrôle.
  • Unité - permet aux mesures à effectuer entre deux points sur une page web, en donnant des renseignements de base sur chacun des points cliqué sur le bouton, et à tracer une ligne sur la page de la mesure.
  • Croix - dessine un curseur en croix sur la page pour aider à la mise en page d'alignement. Curseur informations sont également présentées dans une info-bulle.

Les navigateurs pris en charge:

  • Internet Explorer 7
  • Firefox 2 +
  • Safari 2.0.4 +
  • Opera 9.2 +

| Abonnez-vous au RSS

Paru YUI 2.4.0

YUI version 2.4.0 libérée: il est disponible pour téléchargement et une documentation complète est en place sur le site Web de YUI. Voici les tout nouveaux éléments qui ont été émis à 2.4.0:

  • Sélecteur d'utilité
  • Tableaux de contrôle
  • Obtenir l'utilitaire
  • Profiler
  • Utilitaire JSON

d'autres goodies:
YUI bouton de contrôle, YUI Contrôle Calendrier, Drag & Drop Utility 2.4.0 de l'API avec une nouvelle option de configuration dragOnly, YUI Rich Text Editor

Pour un cumulatif de ces changements, voir George Puckett du changement manifeste affiché sur le forum

| Abonnez-vous au RSS

Standards: CSS Un simple cadre

Une version de la trame qui fournit l'essentiel de commencer tout projet. Ce cadre sera lite et s'efforcer de ne pas suggérer un-sémantique conventions de nommage.

Si vous préférez: (float: left; width: 240px; margin-right: 110px;) sur class = "la colonne span append-2-1"

alors vous êtes au bon endroit.
CSS-cadre

| Abonnez-vous au RSS

Les sept règles de JavaScript discret

Chris Heilmann ... au fil des ans en développement, l'enseignement et la mise en œuvre de JavaScript dans une manière discrète.

7 DU REGLEMENT DU discrète JavaScript:

  1. Ne pas faire de suppositions
  2. Trouvez vos hameçons et les relations
  3. Laissez traversant les experts
  4. Comprendre les navigateurs et les utilisateurs
  5. Comprendre les événements
  6. Bien jouer avec les autres
  7. Travail pour la prochaine développeur

Tout l'article

| Abonnez-vous au RSS

Mootools 1.2 beta 1

La première version bêta pour Mootools 1.2 est enfin là!

Certaines parties de Mootools 1.2 ne sont pas immédiatement compatibles avec ceux trouvés dans Mootools 1.1. Dans la page de téléchargement, vous trouverez une boîte qui dit: "inclure la compatibilité avec la version précédente". En cliquant sur cette case va ajouter les pièces manquantes et faire jouer Mootools 1-2 Nice avec le code écrit pour Mootools 1.1.

Visitez le blog Mootools pour tous les détails

| Abonnez-vous au RSS

CSS Transforms

WebKit rudimentaire a maintenant l'appui pour la spécification CSS par transforme. Boîtes peuvent être ajustés, rotation, biaisée et traduit. L'actuel nocturnes soutien affine transformations.A transformer peut être spécifié en utilisant le WebKit, la transformation des biens.
Il supporte une liste de fonctions, où chaque fonction unique représente une opération de transformation à appliquer. Vous pouvez ainsi les opérations de la chaîne à appliquer plusieurs transforme à la fois à un objet (par exemple, si vous voulez à la fois à l'échelle et faire pivoter une boîte).
À l'heure actuelle, ne transforme pas d'incidence sur la mise en page, de sorte qu'ils sont semblables à de positionnement par rapport à cet égard. Nous sommes à explorer des idées sur la façon de faire transforme d'une manière qui pourrait avoir une incidence sur la mise en page.

Full article

| Abonnez-vous au RSS

Graceful E-mail obscurcissement

Masquer les adresses e-mail de robots collecteurs de mails tout en révélant à eux comme de vrais lecteurs, liens cliquables. Ce transparent et entièrement automatisé solution garantit que toutes les adresses sur votre site sera en sécurité, même celles qui montrent des commentaires dans le blog!

Question n ° 248 d'une liste Apart: Halte robots à la lecture de votre adresse e-mail!

Tout l'article

| Abonnez-vous au RSS

5 » Page 4 de 5 «1 2 3 4 5»

Traductions

English flagItalian flagKorean flagChinese (Simplified) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flag