Ejecutar cualquier navegador online

Bueno. bueno cuanto tiempo… pues aqui os traigo un post mas jeje… bueno al lio…
Nose si es muy conocido o no la verdad me la suda. pero os presento una herramienta que es una maravilla para cualquier maquetador web o diseñador css o cualquiera que “intente” maquetar y probar sus proyectos/aplicaciones en otros exploradores… y vamos… porsupuesto el fck Internet explorer… con tan solo instalar un plugin en tu ordena para hacer funcionar cualquier navegador online… una aplicacion que deben tener si o si, si se dedicar a esto del crossbrowsing o simplemente curiosidad para ver si sus proyectos funcionan correctamente en otros navegadores….

el sitio se trata de Browser Sandbox – Run any browser from the web “Ejecuta cualquier navegador online” sip…
Microsoft Internet Explorer | Mozilla Firefox | Apple Safari | Google Chrome | Opera

“me instalo el ietester para ver como va en ie6″
Ja… no usen ningun “emulador” y mucho menos se fien de uno…
Esta aplicacion la puedes hacer funcionar en cualquier windows, xp, vista y claro Win7

Bueno, bueno…. siempre me han preguntado que, reset css utilizo, o cual recomiendo… y pues la verda… mucho tiempo me pase sin usarlos… y pagaba las consecuencias de hojas de estilo pesadisimas, o muchas en numero… o tambien una para cada navegador… pero bueno… creo que con el tiempo que llevo en esto y el numero de proyectos que eh tenido eh llegado a un standar, que no solo por ser crossbrowser y ligero es el que siempre utilizo… aqui se los presento… es muy comun pero acertado… nose si es suerte pero me ah funcionado bien en los ultimos trabajos que eh tenido… siempre digo que mientras menos codigo mejor… y tratar de hacer las cosas mas rapido mucho mas… entonces espero les sea de utilidad este reset CSS que almenos ami me ah servido y se ah incrementado dependiendo del proyecto a maquetar… pero estas lineas son las que siempre estan en mis CSS

*{margin:0 auto;padding:0;vertical-align:baseline;}
html{font-size:62.5%;}
body{font:normal 1.4em/1 Arial, Helvetica, sans-serif;}
a{outline:0;text-decoration:none;}
a img, fieldset{border:0;}
li{display:inline;list-style:none;}
h1, h2, h3, h4, h5, h6, p{font-weight:normal;margin:.3em 0;}
table{border-collapse:collapse;border-spacing:0;}
.relative{position:relative;}
.absolute{position:absolute;}
.float_izq{float:left;width:auto;}
.float_der{float:right;width:auto;}

PD: .relative, .absolute, .float_izq, .float_der, no suelo usar estas clases en su lugar anido todos los elementos que necesiten estas propiedades… obvio… y me es muy util y rapido para tener mas claro mis CSS.

Es todo espero les sea util chao!…

Siguenos en Twitter y se fan en Facebook

Holas!!!

Aqui les dejo los links de nuestra Pagina en Facebook y Twitter!!!

Se Fan en: Facebook.
Siguenos en: Twitter.

Efecto tipo hielo con Fireworks

Yeah como les dije antes (efecto fuego en texto con fireworks)… “este sigue!!!” pues ya ta… efecto heladito en tus jodidos textos… se me olvidaba… pero bueno,
ahora, si tienen alguna idea para el video del próximo viernes me gustaría saber cual… no se me ocurre que mostrarles (chiste)… OJO… no soy un profesional… así que pueden mandarme cualquier cosa de photoshop (tuto, manual, etc) que les haya gustado y yo intentare colgar un video de como se hace pero en fireworks… vale?… como sea espero vuestras ideas chao!…

Enviar ideas a: info@zoneartcss.com
Igual por: “Granito de arena”

Recomiendo verlo en HD, o bien bajarse el video

Duracion: 02:36 min
Peso: 11.9MB
AVI/Rapidshare
http://rapidshare.com/files/287576726/efectohielo-www.zoneartcss.com.rar
Password:
www.zoneartcss.com

Estoy encontra a todos los video-tutoriales de internet por que todos son de “Photoshop” ok muy buenos, pero hay gente que esta con Fireworks, pero bueno aqui trataremos de hacer las cosas lo mas posible desde 0, sin recursos, tansolo aprovechando lo que este magnifico software nos brinda y que no se mal interprete “Los mejores del mundo usan Photoshop” y son dioses en diseño, y se les respeta que programa sea su preferido, asi que respeten que en esta seccion del blog “MIA”, aqui “I HATE PHOTOSHOP”… asi que sino tienes nada bueno que comentar mejor ni lo hagas, o hazlo igual no sera publicado, esta zona es solo para “FIREWORKS LOVERS“

Hola… quieres saber como se hace un efecto o algo?… manda un email a info@zoneartcss.com para los nuevos videos de I Hate Photoshop.

Descargar wallpaper Octubre 2009.

Bueno mi intencion es sacar 5 wallpapers al mes… pero se me ocurrio muy tarde jaja… asi que solo tengo uno :’( ojala les guste… si quieren de otra resolucion que la pidan… y se las doy chao!…

1024×768

1440×900

Aplicando un Reset CSS a nuestros estilos

Anteriormente había explicado sobre el modelo de cajas (div) en CSS y aplicabamos un reset universal… y en esta ocacion veremos de que setrata esto del Reset CSS.

Se sabe que cada navegador tiene preestablecido “estilos” o bien atributos CSS a los elementos HTML y claro… varian entre ellos, asi que ahora mas que un lujo o detalle, es una necesidad usar un reset css, para no tener problemas cross-browsing (compatibilidad entre otros navegadores) y que se descuadre o colapsen elementos en nuestro sitio.

Asi que si queremos mayor compatibilidad entre navegadores debemos agregar las siguientes lineas a nuestra hoja de estilos.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}
 
body {
     line-height: 1
}
 
:focus {
     outline: 0
}
 
ol, ul {
     list-style: none
}
 
table {
     border-collapse: collapse;
     border-spacing: 0
}
 
blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}
 
blockquote, q {
     quotes: "" ""
}
 
input, textarea {
     margin: 0;
     padding: 0
}
 
hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

En otro post mostrare otras técnicas para resetear nuestros estilos CSS