Buscando artículos sobre "CSS"
7-junio-2012
admin

Utilizar tags de HTML 5 en navegadores que no los soportan.

Para que funcionen las tags de html 5 en navegadores que no lo soportan (p.e. internet explorer 8 y anteriores). Basta con añadir el siguiente fragmento de javascript:

< script type="text/javascript">
   document.createElement("nav");
   document.createElement("header");
   document.createElement("footer");
   document.createElement("section");
   document.createElement("article");
   document.createElement("aside");
   document.createElement("hgroup");
< /script>

Además, se debe añadir la siguiente regla en la hoja de estilos.

nav, header, footer, section, article, aside, hgroup{
    display: block;
}

14-marzo-2012
admin

Lorem ipsum

Lorem ipsum es el texto que se usa habitualmente en diseño gráfico en demostraciones de tipografías o de borradores de diseño para probar el diseño visual antes de insertar el texto final.

Se emplea como texto de prueba y relleno desde el año 1500, cuando debió ser empleado por un impresor desconocido. Su uso en algunos editores de texto muy conocidos en la actualidad ha dado al texto lorem ipsum nueva popularidad.

El texto en sí no tiene sentido, aunque no es completamente aleatorio, sino que deriva de un texto de Ciceron en lengua latina, a cuyas palabras se les han eliminado sílabas o letras. El significado del texto no tiene importancia, ya que sólo es una demostración o prueba, sino que es el aspecto tipográfico y de la maquetación lo que importa.


«Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per.

Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te. Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei.

Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim. Eos dicat oratio partem ut, id cum ignota senserit intellegat. Sit inani ubique graecis ad, quando graecis liberavisse et cum, dicit option eruditi at duo. Homero salutatus suscipiantur eum id, tamquam voluptaria expetendis ad sed, nobis feugiat similique usu ex.

Eum hinc argumentum te, no sit percipit adversarium, ne qui feugiat persecuti. Odio omnes scripserit ad est, ut vidit lorem maiestatis his, putent mandamus gloriatur ne pro. Oratio iriure rationibus ne his, ad est corrumpit splendide. Ad duo appareat moderatius, ei falli tollit denique eos. Dicant evertitur mei in, ne his deserunt perpetua sententiae, ea sea omnes similique vituperatoribus. Ex mel errem intellegebat comprehensam, vel ad tantas antiopam delicatissimi, tota ferri affert eu nec. Legere expetenda pertinacia ne pro, et pro impetus persius assueverit.

Ea mei nullam facete, omnis oratio offendit ius cu. Doming takimata repudiandae usu an, mei dicant takimata id, pri eleifend inimicus euripidis at. His vero singulis ea, quem euripidis abhorreant mei ut, et populo iriure vix. Usu ludus affert voluptaria ei, vix ea error definitiones, movet fastidii signiferumque in qui.

Vis prodesset adolescens adipiscing te, usu mazim perfecto recteque at, assum putant erroribus mea in. Vel facete imperdiet id, cum an libris luptatum perfecto, vel fabellas inciderint ut. Veri facete debitis ea vis, ut eos oratio erroribus. Sint facete perfecto no vel, vim id omnium insolens. Vel dolores perfecto pertinacia ut, te mel meis ullum dicam, eos assum facilis corpora in.

Mea te unum viderer dolores, nostrum detracto nec in, vis no partem definiebas constituam. Dicant utinam philosophia has cu, hendrerit prodesset at nam, eos an bonorum dissentiet. Has ad placerat intellegam consectetuer, no adipisci mandamus senserit pro, torquatos similique percipitur est ex. Pro ex putant deleniti repudiare, vel an aperiam sensibus suavitate. Ad vel epicurei convenire, ea soluta aliquid deserunt ius, pri in errem putant feugiat.

Sed iusto nihil populo an, ex pro novum homero cotidieque. Te utamur civibus eleifend qui, nam ei brute doming concludaturque, modo aliquam facilisi nec no. Vidisse maiestatis constituam eu his, esse pertinacia intellegam ius cu. Eos ei odio veniam, eu sumo altera adipisci eam, mea audiam prodesset persequeris ea. Ad vitae dictas vituperata sed, eum posse labore postulant id. Te eligendi principes dignissim sit, te vel dicant officiis repudiandae.

Id vel sensibus honestatis omittantur, vel cu nobis commune patrioque. In accusata definiebas qui, id tale malorum dolorem sed, solum clita phaedrum ne his. Eos mutat ullum forensibus ex, wisi perfecto urbanitas cu eam, no vis dicunt impetus. Assum novum in pri, vix an suavitate moderatius, id has reformidans referrentur. Elit inciderint omittantur duo ut, dicit democritum signiferumque eu est, ad suscipit delectus mandamus duo. An harum equidem maiestatis nec.
At has veri feugait placerat, in semper offendit praesent his. Omnium impetus facilis sed at, ex viris tincidunt ius. Unum eirmod dignissim id quo. Sit te atomorum quaerendum neglegentur, his primis tamquam et. Eu quo quot veri alienum, ea eos nullam luptatum accusamus. Ea mel causae phaedrum reprimique, at vidisse dolores ocurreret nam.»

Fuente: http://es.wikipedia.org/wiki/Lorem_ipsum

8-marzo-2012
admin

Herramientas SEO para google muy útiles

Las herramientas seo nos ayudan a medir, comparar y analizar ciertos datos que en ocasiones son difíciles de conseguir.

En esta página puedes encontrar herramientas para:

– Cómo ve google nuestra web.
– Densidad de palabras clave.
– Calcular pagerank.
– Optimizar css.

18-febrero-2012
admin

Tabla de ASCII estándar, nombres de entidades HTML

&nbsp; (espacio en blanco)

Tabla de ASCII estándar, nombres de entidades HTML, ISO 10646, ISO 8879, ISO 8859-1 alfabeto romano numero 1
Soporte para browsers: todos los browsers
ASCII HTML HTML
Dec Hex Símbolo Numero Nombre Descripción

32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
20
21
22
23
24
25
26
27
28
29
2A
2B
2C
2D
2E
2F
!
»
#
$
%
&

(
)
*
+
,

.
/
&#32;
&#33;
&#34;
&#35;
&#36;
&#37;
&#38;
&#39;
&#40;
&#41;
&#42;
&#43;
&#44;
&#45;
&#46;
&#47;
&quot;&amp; espacio
signo de cierre de exclamación / admiración
comillas dobles
signo de número
signo de dólar
signo de porcentaje
signo «&» / ampersand
comilla / apóstrofe
paréntesis izquierdo
paréntesis derecho
asterisco
signo de más / adición
coma
signo de menos / sustracción / guíon / raya
punto
barra oblicua – barra de división
ASCII HTML HTML
Dec Hex Símbolo Numero Nombre Descripción

48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
30
31
32
33
34
35
36
37
38
39
3A
3B
3C
3D
3E
3F
0
1
2
3
4
5
6
7
8
9
:
;
<
=
>
?
&#48;
&#49;
&#50;
&#51;
&#52;
&#53;
&#54;
&#55;
&#56;
&#57;
&#58;
&#59;
&#60;
&#61;
&#62;
&#63;
&lt;&gt; cero
uno
dos
tres
cuatro
cinco
seis
siete
ocho
nueve
dos puntos
punto y coma
signo de menor que
signo de igual
signo de mayor que
signo de interrogación – cierre
ASCII HTML HTML
Dec Hex Símbolo Numero Nombre Descripción

64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
40
41
42
43
44
45
46
47
48
49
4A
4B
4C
4D
4E
4F
@
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
&#64;
&#65;
&#66;
&#67;
&#68;
&#69;
&#70;
&#71;
&#72;
&#73;
&#74;
&#75;
&#76;
&#77;
&#78;
&#79;
símbolo arroba
ASCII HTML HTML
Dec Hex Símbolo Numero Nombre Descripción

80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
50
51
52
53
54
55
56
57
58
59
5A
5B
5C
5D
5E
5F
P
Q
R
S
T
U
V
W
X
Y
Z
[
\
]
^
_
&#80;
&#81;
&#82;
&#83;
&#84;
&#85;
&#86;
&#87;
&#88;
&#89;
&#90;
&#91;
&#92;
&#93;
&#94;
&#95;
corchete izquierdo
barra inversa
corchete derecho
signo de intercalación – acento circunflejo
signo de subrayado
ASCII HTML HTML
Dec Hex Símbolo Numero Nombre Descripción

96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
60
61
62
63
64
65
66
67
68
69
6A
6B
6C
6D
6E
6F
`
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
&#96;
&#97;
&#98;
&#99;
&#100;
&#101;
&#102;
&#103;
&#104;
&#105;
&#106;
&#107;
&#108;
&#109;
&#110;
&#111;
acento grave
ASCII HTML HTML
Dec Hex Símbolo Numero Nombre Descripción

112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
70
71
72
73
74
75
76
77
78
79
7A
7B
7C
7D
7E
7F
p
q
r
s
t
u
v
w
x
y
z
{
|
}
~
&#112;
&#113;
&#114;
&#115;
&#116;
&#117;
&#118;
&#119;
&#120;
&#121;
&#122;
&#123;
&#124;
&#125;
&#126;
llave de apertura – izquierda
barra vertical
llave de cierre – derecho
signo de equivalencia / tilde
(no definido en estándar HTML 4)
ASCII HTML HTML
Dec Hex Símbolo Numero Nombre Descripción

160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
A0
A1
A2
A3
A4
A5
A6
A7
A8
A9
AA
AB
AC
AD
AE
AF
¡
¢
£
¤
¥
¦
§
¨
©
ª
«
¬
­
®
¯
&#160;
&#161;
&#162;
&#163;
&#164;
&#165;
&#166;
&#167;
&#168;
&#169;
&#170;
&#171;
&#172;
&#173;
&#174;
&#175;
&nbsp;
&iexcl;
&cent;
&pound;
&curren;
&yen;
&brvbar;
&sect;
&uml;
&copy;
&ordf;
&laquo;
&not;
&shy;
&reg;
&macr;
espacio sin separación
signo de apertura de exclamación / admiración
signo de centavo
signo de Libra Esterlina
signo de divisa general
signo de yen
barra vertical partida
signo de sección
diéresis – umlaut
signo de derechos de autor – copyright
género feminino – indicador ordinal feminino
comillas anguladas de apertura
signo de no – símbolo lógico
guión débil
signo de marca registrada
macrón – raya alta
ASCII HTML HTML
Dec Hex Símbolo Numero Nombre Descripción

176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
B0
B1
B2
B3
B4
B5
B6
B7
B8
B9
BA
BB
BC
BD
BE
BF
°
±
²
³
´
µ

·
¸
¹
º
»
¼
½
¾
¿
&#176;
&#177;
&#178;
&#179;
&#180;
&#181;
&#182;
&#183;
&#184;
&#185;
&#186;
&#187;
&#188;
&#189;
&#190;
&#191;
&deg;
&plusmn;
&sup2;
&sup3;
&acute;
&micro;
&para;
&middot;
&cedil;
&sup1;
&ordm;
&raquo;
&frac14;
&frac12;
&frac34;
&iquest;
signo de grado
signo de más o menos
superíndice dos – cuadrado
superíndice tres – cúbico
acento agudo – agudo espaciado
signo de micro
signo de fin de párrafo
punto medio – coma Georgiana
cedilla
superíndice uno
género masculino – indicador ordinal masculino
comillas anguladas de cierre
fracción un cuarto
fracción medio – mitad
fracción tres cuartos
signo de interrogación – apertura
ASCII HTML HTML
Dec Hex Símbolo Numero Nombre Descripción

192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
C0
C1
C2
C3
C4
C5
C6
C7
C8
C9
CA
CB
CC
CD
CE
CF
À
Á
Â
Ã
Ä
Å
Æ
Ç
È
É
Ê
Ë
Ì
Í
Î
Ï
&#192;
&#193;
&#194;
&#195;
&#196;
&#197;
&#198;
&#199;
&#200;
&#201;
&#202;
&#203;
&#204;
&#205;
&#206;
&#207;
&Agrave;
&Aacute;
&Acirc;
&Atilde;
&Auml;
&Aring;
&AElig;
&Ccedil;
&Egrave;
&Eacute;
&Ecirc;
&Euml;
&Igrave;
&Iacute;
&Icirc;
&Iuml;
A mayúscula con acento grave
A mayúscula con acento agudo
A mayúscula con acento circunflejo
A mayúscula con tilde
A mayúscula con diéresis
A mayúscula con anillo
diptongo AE mayúscula (ligadura)
C cedilla mayúscula
E mayúscula con acento grave
E mayúscula con acento agudo
E mayúscula con acento circunflejo
E mayúscula con diéresis
I mayúscula con acento grave
I mayúscula con acento agudo
I mayúscula con acento circunflejo
I mayúscula con diéresis
ASCII HTML HTML
Dec Hex Símbolo Numero Nombre Descripción

208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
D0
D1
D2
D3
D4
D5
D6
D7
D8
D9
DA
DB
DC
DD
DE
DF
Ð
Ñ
Ò
Ó
Ô
Õ
Ö
×
Ø
Ù
Ú
Û
Ü
Ý
Þ
ß
&#208;
&#209;
&#210;
&#211;
&#212;
&#213;
&#214;
&#215;
&#216;
&#217;
&#218;
&#219;
&#220;
&#221;
&#222;
&#223;
&ETH;
&Ntilde;
&Ograve;
&Oacute;
&Ocirc;
&Otilde;
&Ouml;
&times;
&Oslash;
&Ugrave;
&Uacute;
&Ucirc;
&Uuml;
&Yacute;
&THORN;
&szlig;
ETH islandesa mayúscula
N mayúscula con tilde – eñe mayúscula
O mayúscula con acento grave
O mayúscula con acento agudo
O mayúscula con acento circunflejo
O mayúscula con tilde
O mayúscula con diéresis
signo de multiplicación
O mayúscula with slash
U mayúscula con acento grave
U mayúscula con acento agudo
U mayúscula con acento circunflejo
U mayúscula con diéresis
Y mayúscula con acento agudo
THORN islandesa mayúscula
s minúscula (alemán) – Beta minúscula
ASCII HTML HTML
Dec Hex Símbolo Numero Nombre Descripción

224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
E0
E1
E2
E3
E4
E5
E6
E7
E8
E9
EA
EB
EC
ED
EE
EF
à
á
â
ã
ä
å
æ
ç
è
é
ê
ë
ì
í
î
ï
&#224;
&#225;
&#226;
&#227;
&#228;
&#229;
&#230;
&#231;
&#232;
&#233;
&#234;
&#235;
&#236;
&#237;
&#238;
&#239;
&agrave;
&aacute;
&acirc;
&atilde;
&auml;
&aring;
&aelig;
&ccedil;
&egrave;
&eacute;
&ecirc;
&euml;
&igrave;
&iacute;
&icirc;
&iuml;
a minúscula con acento grave
a minúscula con acento agudo
a minúscula con acento circunflejo
a minúscula con tilde
a minúscula con diéresis
a minúscula con anillo
diptongo ae minúscula (ligadura)
c cedilla minúscula
e minúscula con acento grave
e minúscula con acento agudo
e minúscula con acento circunflejo
e minúscula con diéresis
i minúscula con acento grave
i minúscula con acento agudo
i minúscula con acento circunflejo
i minúscula con diéresis
ASCII HTML HTML
Dec Hex Símbolo Numero Nombre Descripción

240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
F0
F1
F2
F3
F4
F5
F6
F7
F8
F9
FA
FB
FC
FD
FE
FF
ð
ñ
ò
ó
ô
õ
ö
÷
ø
ù
ú
û
ü
ý
þ
ÿ
&#240;
&#241;
&#242;
&#243;
&#244;
&#245;
&#246;
&#247;
&#248;
&#249;
&#250;
&#251;
&#252;
&#253;
&#254;
&#255;
&eth;
&ntilde;
&ograve;
&oacute;
&ocirc;
&otilde;
&ouml;
&divide;
&oslash;
&ugrave;
&uacute;
&ucirc;
&uuml;
&yacute;
&thorn;
&yuml;
eth islandesa minúscula
eñe minúscula – n minúscula con tilde
o minúscula con acento grave
o minúscula con acento agudo
o minúscula con acento circunflejo
o minúscula con tilde
o minúscula con diéresis
signo de división
o barrada minúscula
u minúscula con acento grave
u minúscula con acento agudo
u minúscula con acento circunflejo
u minúscula con diéresis
y minúscula con acento agudo
thorn islandesa minúscula
y minúscula con diéresis
HTML 4.01, ISO 10646, ISO 8879, alfabeto romano extendido A y B,
Soporte para browsers: Internet Explorer > 4, Netscape > 4
  HTML HTML
Dec Hex Símbolo Numero Nombre Descripción

338
339
352
353
376
402
152
153
160
161
178
192
Œ
œ
Š
š
Ÿ
ƒ
&#338;
&#339;
&#352;
&#353;
&#376;
&#402;
OE mayúscula (ligadura)
oe minúscula (ligadura)
S mayúscula con caron
s minúscula con caron – acento hacek
Y mayúscula con diéresis
f minúscula itálica – signo de función
  HTML HTML
Dec Hex Símbolo Numero Nombre Descripción

8211
8212
8216
8217
8218
8220
8221
8222
8224
8225
8226
8230
8240
8364
8482
2013
2014
2018
2019
201A
201C
201D
201E
2020
2021
2022
2026
2030
20AC
2122














&#8211;
&#8212;
&#8216;
&#8217;
&#8218;
&#8220;
&#8221;
&#8222;
&#8224;
&#8225;
&#8226;
&#8230;
&#8240;
&#8364;
&#8482;

&euro;

raya corta
raya larga
comilla izquierda – citación
comilla derecha – citación
comilla de citación – baja
comillas de citación – arriba izquierda
comillas de citación – arriba derecha
comillas de citación – abajo
cruz
doble cruz
viñeta – bullet
puntos suspensivos
signo de pro mil
signo de euro
signo de marca registrada – trade mark
18-febrero-2012
admin

Codificación de colores

Este es el listado de colores que recomienda usar la W3C y que, por lo tanto, funcionan (o deberían funcionar) en todos los navegadores.
En la tabla se puede ver tanto su valor hexadecimal como el nombre que tienen asignado.

Nombre del color Código RGB Nombre del color Código RGB
Aliceblue #F0F8FF Antiquewhite #FAEBD7
Aqua #00FFFF Aquamarine #7FFFD4
Azure #00FFFF Beige #F5F5DC
Bisque #FFE4C4 Black #000000
Blanchedalmond #FFEBCD Blue #0000FF
Blueviolet #8A2BE2 Brown #A52A2A
Burlywood #DEB887 Cadetblue #5F9EA0
Chartreuse #7FFF00 Chocolate #D2691E
Coral #FF7F50 Cornflowerblue #6495ED
Cornsilk #FFF8DC Crimson #DC143C
Cyan #00FFFF Darkblue #00008B
Darkcyan #008B8B Darkgoldenrod #B8860B
Darkgray #A9A9A9 Darkgreen #006400
Darkkhaki #BDB76B Darkmagenta #8B008B
Darkolivegreen #556B2F Darkorange #FF8C00
Darkorchid #9932CC Darkred #8B0000
Darksalmon #E9967A Darkseagreen #8FBC8F
Darkslateblue #483D8B Darkslategray #2F4F4F
Darkturquoise #00CED1 Darkviolet #9400D3
Deeppink #FF1493 Deepskyblue #00BFFF
Dimgray #696969 Dodgerblue #1E90FF
Firebrick #B22222 floralwhite #FFFAF0
forestgreen #228B22 fuchsia #FF00FF
gainsboro #DCDCDC ghostwhite #F8F8FF
gold #FFD700 goldenrod #DAA520
gray #808080 green #008000
greenyellow #ADFF2F honeydew #F0FFF0
hotpink #FF69B4 indianred #CD5C5C
indigo #4B0082 ivory #FFFFF0
khaki #F0E68C lavender #E6E6FA
lavenderblush #FFF0F5 lawngreen #7CCMC00
lemonchiffon #FFFACD lightblue #ADD8E6
lightcoral #F08080 lightcyan #E0FFFF
lightgoldenrodyellow #FAFAD2 lightgreen #90EE90
lightgrey #D3D3D3 lightpink #FFB6C1
lightsalmon #FFA07A lightseagreen #20B2AA
lightskyblue #87CEFA lightslategray #778899
lightsteelblue #B0C4DE lightyellow #FFFFE0
lime #00FF00 limegreen #32CD32
linen #FAF0E6 magenta #FF00FF
maroon #800000 mediumaquamarine #66CDAA
mediumblue #0000CD mediumorchid #BA55D3
mediumpurple #9370DB mediumseagreen #3CB371
mediumslateblue #7B68EE mediumspringgreen #00FA9A
mediumturquoise #48D1CC mediumvioletred #C71585
midnightblue #191970 mintcream #F5FFFA
mistyrose #FFE4E1 moccasin #FFE4B5
navajowhite #FFDEAD navy #000080
oldlace #FDF5E6 olive #808000
olivedrab #6B8E23 orange #FFA500
orangered #FF4500 orchid #DA70D6
palegoldenrod #EEE8AA palegreen #98FB98
paleturquoise #AFEEEE palevioletred #DB7093
papayawhip #FFEFD5 peachpuff #FFDAB9
peru #CD853F pink #FFC0CB
plum #DDA0DD powderblue #B0E0E6
purple #800080 red #FF0000
rosybrown #BC8F8F royalblue #4169E1
saddlebrown #8B4513 salmon #FA8072
sandybrown #F4A460 seagreen #2E8B57
seashell #FFF5EE sienna #A0522D
silver #C0C0C0 skyblue #87CEEB
slateblue #6A5ACD slategray #708090
snow #FFFAFA springgreen #00FF7F
steelblue #4682B4 tan #D2B48C
teal #008080 thistle #D8BFD8
tomato #FF6347 turquoise #40E0D0
violet #EE82EE wheat #F5DEB3
white #FFFFFF whitesmoke #F5F5F5
yellow #FFFF00 yellowgreen #9ACD32
Páginas:«123

Categorias

Linkedin