|
|
 |
[Expression Web] Astuce de la Semaine : Repérer facilement vos styles CSS non utilisés
Liens sponsorisés
Actualités
Voici une compilation des sources d'information sur ce sujet :
Expression Web possède un outil très intéressant qui permet de vérifier tout votre CSS et repérer par la même occasion, tous les ID ou classes inutilisés. Il faut pour cela aller dans : Outils > Rapports CSS Une fenêtre du même nom apparaît comportant ...
Il est possible que vous ayez besoin d'autres modèles de site Web que ceux proposés par Microsoft dans Expression Web. En effet, cela permet d'avoir ses propres modèles avec votre structure alternative en HTML/CSS, si vous devriez en utiliser un particuli...
Je suis en train de préparer un p'tit truc qui va plaire à pas mal de monde : une réference complète de CSS 1, CSS 2, CSS 2.1, CSS 3. Mais aussi une référence complète des styles spécifiques à...
Regroupant cinq outils, Microsoft Expression 2.0 se compose d’Expression Web pour la création de pages Web, Expression Blend pour la création d’interfaces, Expression Design pour l’illustration vectorielle, Expression Media pour la gestion des médias et Expression Encoder pour l’encodage de vidéos.
Microsoft Expression Web est le successeur de Microsoft FrontPage. Il permet de créer des sites [...]
CSS Dock Menu
If you are a big Mac fan, you will love this CSS dock menu that I designed. It is using Jquery Javascript library and Fisheye component from Interface and some of my icons. It comes with two dock styles - top and bottom. This CSS dock menu is perfert to add on to my iTheme. Here I will show you how to implement it to your web page.
En cherchant à corriger un gros bug d'affichage avec IE 5 et 6, j'ai découvert une propriété CSS spécifique d'Internet Explorer. Il s'agit de la propriété expression qui permet d'exécuter du Javascript dans une feuille de style ! Certes, ce n'est pas un joli mélange, mais ça permet de corriger certains bugs CSS IE only avec une grande efficacité.
Par exemple, si vous mettez un width sur auto, mais que pour obtenir un affichage correct avec IE < 7, il vous faut mettre cette propriété à 100%, on peut s'en sortir comme ceci :
width: expression(navigator.appVersion.search(/MSIE [56]/) == -1 ? auto : 100%);
Pas beau, mais efficace !
Encore plus intéressant, l'objet this est défini, il contient l'élément que le sélecteur CSS a capturé. Pour donner à l'élément this la même largeur que son élément parent, on peut s'y prendre comme ceci :
width: expression(this.parentNode.clientWidth+'px');
A n'utiliser que pour le débogage spécial IE.
Conditional-CSS est original dans son concept, il vous permet d'écrire et de maintenir des feuilles de style CSS avec la logique conditionnelle, permettant ainsi de cibler des déclarations CSS en fonction d'un navigateur ou d'une famille de navigateur.... Lire Conditional CSS
Le site brindweb.com a été retenu par l’équipe de css-design.
Css-Design sélectionne les plus beaux sites Web en 100% CSS et XHTML et full flash.
Si vous aussi vous appréciez brindweb.com, allez sur css-design et votez pour lui
Cocorico, aprés le livre de Daniel Glazman sorti en 1998, voici le deuxième livre (de référence) écrit par un français sur CSS : CSS 2 - Pratique du design web. Je ne l'ai pas encore lu, mais vu...
Avec cette astuce, je vous propose un outil et une méthodologie pour partir du bon pied lorsque vous attaquez les styles CSS d'un nouveau projet.
Un outil' ? une feuille de styles CSS qui corrige ou définit les styles des principaux éléments de vos pages. (Yay, du code à copier-coller!)
Une méthodologie? ? explorer ce code, se l'approprier, le modifier pour son projet. (Oh? du coup...
Izzymenu fait parti de ses outils d’aide à la création de site web que j’adore !
Celui-ci vous permet de créer rapidement et simplement des menus en CSS/DHTML, prêts à être intégrés sur votre site web. L’accès à l’outil est gratuit, et ce, sans inscription préalable ! Il suffit juste de cliquer sur le bon “Start [...]
CSS Optimizer est un site qui permet d'optimiser les fichiers CSS en supprimant les espaces, les commentaires et en regroupant les propriétés CSS. Ce n'est pas aussi performant qu'une optimisation...
The Mystery Of CSS Sprites: Techniques, Tools And Tutorials | CSS | Smashing Magazine
(tags: tools web javascript howto development webdesign tips tutorial code design css resources guide html images article image sprites graphics sprite)
20 More Excellent AJAX Effects You Should Know - Nettuts+
via Presse-Citron.net
(tags: ajax programming tutorial menu css plugins jquery tools web javascript effects [...]
Microsoft Expression Webdesigner est le nouvel éditeur wysiwyg de page Web XHTML/CSS. Je n'ai pas peu télécharger la version Free Trial We are encountering technical difficulties. Mais d'après ce qu'on peut voir dans la vidéo de démonstration, l'interface à l'air d'avoir été bien...
Ce livre explique sans détours comment concevoir en XHTML et CSS des sites web modernes et accessibles à tous, fonctionnant aussi bien sous Internet Explorer que Mozilla Firefox, Opera, Safari et...
Sites de l'annuaire
Voici des sites figurant dans notre annuaire (inscription gratuite) :
- Tutorial CSS débutant: Feuilles de style : Tutoriels et Cours CSS
Le langage CSS (Cascading Style Sheets) est utilisé pour définir l'aspect futur de votre site, comme par exemple la couleur du fond de la page ou le type de police. Venez apprendre le CSS rapidement et facilement en quelques leçons à travers des exemples clairs....
Catégorie : Formats de données > CSS
http://www.cssdebutant.com/
- La boite à outils du webdesigner
Des liens journaliers sur le webdesign, la programmation web, le php et mysql, le javascript, le css, le graphisme, les polices de caractères, les couleurs et tout ce qui peut aider à créer, à developper et à optimiser un site web....
Catégorie : Programmation > Programmation CSS
http://www.art2code.com/
- Développement php, html, css, ajax, webdesign
Woodiv permet de trouver des astuces sur les langages de programmation. Des tutoriels sur le css, html, php, javascript, ajax... Des infos sur les outils du web et sur le design web. Des news sur les nouveaux services web. L'inspiration pour la création web....
Catégorie : Informatique > Programmation
http://www.woodiv.com/
- Cours d'informatique
Ce site traite de cours d'HTML et de CSS. Il donne également des infos sur les outils à utiliser pour développer un site Web....
Catégorie : Informatique > Aide et Astuces informatique
http://formations.info.free.fr/
- CSS-Style - Cascading Style Sheets Ressources
Tutoriels et ressources pour apprendre les bases du CSS et pour en savoir plus sur l'accessibilité web ainsi que le W3C....
Catégorie : Formats de données > CSS
http://www.css-style.fr/
- Alsacréations : CSS et Standards Web
Tutoriels sur les Standards du web, (X)HTML et CSS, agrémentés d'un blog et d'une communauté dédiée aux CSS et standards....
Catégorie : Conception de sites > Aides et tutoriels
http://forum.alsacreations.com/
- Templates, thèmes, design xhtml CSS à voir et télécharger
Retrouvez sur themes-css une galerie pour les amoureux du webdesign composée de thèmes (wordpress, dotclear, joomla, phpbb …), de templates et d'idées design CSS XHTML pour votre site internet. A télécharger entièrement gratuitement....
Catégorie : Conception de sites > Kits graphiques
http://www.themes-css.com/
- CSS débutant : les feuilles de style à la portée de tous
CSS débutant est un site de référence dont l'expérience remonte à 2001. Principe d'une feuille de style, initiation aux CSS (Cascading Style Sheet), sont expliqués à l'aide de tutoriels originaux et de conseils avisés, le tout dans le respect des standards du Web et de l'accessibilité. On trouvera aussi sur le site un générateur de feuille de style très complet. CSS débutant est partenaire du site pompage pour une liste de discussion très réactive de plus de 600 membres expérimentés....
Catégorie : Programmation > Programmation CSS
http://css.mammouthland.net/
- CSS débutant : les feuilles de style à la portée de tous
CSS débutant est un site de référence dont l'expérience remonte à 2001. Principe d'une feuille de style, initiation aux CSS (Cascading Style Sheet), sont expliqués à l'aide de tutoriels originaux et de conseils avisés, le tout dans le respect des standards du Web et de l'accessibilité. On trouvera aussi sur le site un générateur de feuille de style très complet. CSS débutant est partenaire du site pompage pour une liste de discussion très réactive de plus de 600 membres expérimentés....
Catégorie : Formats de données > CSS
http://css.mammouthland.net/
- pixmasta : service d'intégration xhtml/css
Pixmaster est un service qui permet aux webdesigners et graphistes de convertir leurs designs en code XHTML/CSS. Envoyez nous votre design, nous le convertissons en page web. Notre service s'adresse aussi bien aux graphistes qu'aux développeurs web. L'intégration XHTML/CSS, en plus d'être de plus en plus pointue d'un point de vue technique, est souvent coûteuse en temps. Le code que nous produisons est valide selon les standards du w3c, correct sémantiquement, compatible avec tous les navigateurs et optimisé pour les moteurs de recherche....
Catégorie : Conception de sites > Services commerciaux
http://www.pixmasta.com/
Autres actualités
- Optimisation web : 3 liens intéressants ...
The Definitive Post on Gzipping your CSS
CSS, Image Sprites, Background Images and Website Optimization
MySQL Optimization - A Little Tip...[...]
- Quizz PHP, JavaScript, XHTML, CSS et accessibilité ...
Testez vos connaissances au sujet du web et de XHTML, CSS, DOM (JavaScript), PHP, MySQL, l'accessibilité du web,...
Choisissez l'un des quiz dans le menu à votre droite, selon le...[...]
- CSS Advisor
Le nouveau service d'Adobe CSS Advisor vous permet de trouver des solutions à vos problèmes de compatibilité CSS entre les différents navigateurs du marché. Un fil RSS est également disponible pour su[...]
- 53 techniques CSS immanquables ...
Smash Magazine a rassemblé une incroyable liste de 53 tutoriels CSS, qui expliquent tout ces effets que l'on trouve sur les sites Web 2.0 modernes. Onglets, menus, coins ronds et...[...]
- En vrac
Quelques liens divers pour bien débuter la semaine.
Technologies web
Un tableau récapitulatif (en anglais) des principales technologies web (dont HTML5 et CSS3).
CSS Menu Maker
Un générateur de m[...]
- Css générées par PHP ...
'Ce qui me frustre avec les CSS, c'est la quantité de travail répétitif qu'il faut faire manuellement. Comme il n'y a pas de variable ou constante en CSS, il faut...[...]
- Du CSS à la pelle !
Une dépêche qui intéressera les développeurs web : un site anglais, Smashing Magazine, recense 53 trucs et astuces de CSS et XHTML. Démontrant la puissance du CSS, ses liens sont pour la plupart clair[...]
- Comment utiliser une fonte "non-standard" sur un site Web ? ...
La règle des @font-face reste le mécanisme de référence pour utiliser dans une page Web une fonte non disponible sur le poste client. Supprimée de CSS 2.1, elle sera réintégrée dans CSS 3.[...]
- 53 barres de navigations en CSS ...
Smashing Magazine a rassemblé 53 menus de navigations pour une application Web. Ce sont 53 exemples en CSS pour proposer une navigation simple, intuitive et modernes à vos visiteurs (quelques...[...]
- [Expression Web] Astuce de la Semaine : Utilisation du dictionnaire des synonymes. ...
Bien que cela puisse paraître surprenant, Expression Web intègre un dictionnaire des synonymes au sein de ses différents outils, tout comme la correction orthographique. Pour pouvoir en bénéficier, il[...]
- [Expression Web] Astuce de la Semaine : Paramétrer la Mise en Forme de votre Code HTML et CSS. ...
Chacun à sa façon de coder, mais aussi chacun à sa façon de mettre en forme leur code. Que votre style de mise en forme soit chaotique ou bien ordonné, il est possible de paramétrer les espaces, tabul[...]
- Dreamweaver CS4 & Expression Web 2.0 : le match ...
Dreamweaver est la référence de la création de site web en mode WYSIWYG. Face à ce ténor, Microsoft semble vouloir se faire une place avec Expression Web, le successeur de Frontpage. Voyons lequel est[...]
- CSS 2 - Pratique du design web ...
- [News] Microsoft dévoile le nouveau Designer ASP.NET d'Orcas ...
Dans son blog, Scott Guthrie dévoile une copie d'écran du tout nouveau Designer d'ASP.NET. Au menu split View, support CSS avancé, intellisence améliorée, performances, etc ... Un look&Feel qui re[...]
- Gerard Butler à South Beach ?un homme toujours sexy ...
le tombeur de ces dames qui se balade à South Beach…et qui joue un peu avec les paparazzi
var iamInit = function() {try{initIamServingHandler(420,279,459515,http://cdn.pis.picapp.com/IamProd/R[...]
|
|
|
|
