|
|
Parcourir par tags
Tous les tags » css » web 2.0 (RSS)
-
English version of that article: The responsive web design by example.
L'expression Responsive Web Design veut dire en gros : le design de ce site web s'adapte à la taille de l'écran. Et par ''s'adapte'', il ne s'agit pas seulement d'utiliser des tailles horizontales en % de la taille de l'écran. Il s'agit parfois de changer complètement ...
-
Voici quelques liens d'outils très sympa quand on est en train de définir des élements graphiques d'un site web.
Ce sont des générateurs de jeux de couleurs. Vous leurs donnez une couleur ou une image et ils vous sortent une liste de couleurs associées.
Celui la est très sympa et efficace, les couleurs générées sont assez cohérentes tout en ...
-
En JavaScript, il y a 2 grandes façons de faire une classe : le mode prototype et le mode closure.
Méthode closure :
var Foo = function(){
this.method = function(){
return 'test';
}
}
Méthode prototype :
var Foo = function(){
}
Foo.prototype.method = function(){
return 'test';
}
Dans les 2 cas, ...
-
Voici quelques astuces qui vous permettront de centrer des éléments en CSS/HTML. Tout d'abord il faut bien faire la différence entre élément inline et élément block : Comprendre la structure HTML et le rendu CSS des balises : bloc et en-ligne [Alsacreations]
Centrage horizontal d'un élément inline dans un élément block :
utilisation de la ...
-
Lorsque l'on conçoit, une application web, on utilise de plus de JavaScript, cela a pour cause d'augmenter la taille du téléchargement des ressources et donc le temps d'affichage de la page.
On peut facilement réduire la taille de ces fichiers en supprimant les commentaires et espaces inutile.
Pour les fichiers JavaScript il y a le ...
-
Lorsque j'ai commencé à regarder JavaScript / Ajax, je jouais avec les frameworks prototype et script.aculo.us. Ce que j'aimais dans le framework script.aculo.us est la simplicité de faire de jolies animations, regardez plutôt cette page pour voir des exemples d'animation avec Script.aculo.us : Combination Effects Demo
Depuis je joue avec le ...
-
Pour utiliser la technologie VML dans nos pages HTML il est nécessaire de rajouter 2 choses : un namespace XML et une régle CSS, on se retrouve donc avec une page qui posséde ces éléments :
<html xmlns=''http://www.w3.org/1999/xhtml'' xmlns:v=''urn:schemas-microsoft-com:vml''>
<head>
<title>Untitled ...
-
Afin de tester le Compresseur de CSS de Poppyto j'ai fait une règle bien sympathique :)
div[class~=A][class=''A B''] + div[class=B] div[lang|=fr]:first-child > a[href^=''http://'']:before
{
content: ''l'adresse est '' attr(href) '' '' url(http://www.codes-sources.com/gfx/logos/logocs.gif) '' \2713 '';
color:#248;
...
|
|
|
