Juglar

Lacónico. 10+3.   Menú

Editores para diseño web

Categoría: Diseño Web, Utilidades  -   17 Octubre 2009  -   Comentarios (0)
  1. Firebug
  2. NVU
  3. Notepad++
  4. CushyCMS
  5. KompoZer
  6. Intype
  7. Amaya
  8. Web Developer
  9. HTML Kit
  10. PSPad

Efecto transparencia

Categoría: Diseño Web  -   7 Octubre 2009  -   Comentarios (0)

Transparencia de un elemento:

.elemento_semitransparente {
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
}

Los imprescindibles:
* opacity: Regla estándar válida en CSS3. Funciona en Firefox, Safari, y Opera.
* filter:alpha: Para que funcione en Internet Explorer.

Los “por si acaso”:
* -moz-opacity: Para antiguas versiones de Mozilla como Netscape.
* -khtml-opacity: Para antiguas versiones de Safari.

Los valores numéricos obviamente permiten el rango, según el caso, de 0 a 1, o de 0 a 100, para variar el nivel de transparencia.

Transparencia de un color:

.elemento_semitransparente {
background: rgba(200, 54, 54, 0.5);
}

Las 3 primeras cifras definen el color, y la cuarta el grado de transparencia. La principal diferencia con el método anterior es que así la propiedad de transparencia no se transmite a los elementos “hijo” (children). Funciona en Firefox3, Safari, y Google Chrome, y falla en Internet Explorer y Opera.

Para que funcione en IE:
<!--[if IE]>
<style type="text/css">
.elemento_semitransparente {
background:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000050,endColorstr=#99000050);
zoom: 1;
}
</style>
<![endif]-->

< ![endif]-->

En cualquiera de los casos, aunque te quede “chulo”, olvídate de validar.

CSS Transparency Settings for All Browsers | CSS-Tricks
RGBa Browser Support | CSS-Tricks

Cómo ven tu diseño otros navegadores

Categoría: Diseño Web, Utilidades, Navegadores  -   1 Octubre 2009  -   Comentarios (0)

http://www.marketcircle.com/iphoney/

  1. Browsershots
  2. IE NetRenderer
  3. IETester
  4. Xenocode Browser Sandbox
  5. ies4osx
  6. Firebug Lite
  7. iPhoney
  8. BrowsrCamp
  9. Selenium
  10. IE App Compat VHD

Crear tu favicon

Categoría: Imagen, Diseño Web, Utilidades  -   25 Septiembre 2009  -   Comentarios (0)

http://www.degraeve.com/favicon/

  1. FavIcon from Pics
  2. favicon.cc
  3. Dynamic Drive
  4. favikon
  5. Genfavicon
  6. DeGraeve.com
  7. Online fav-icon creator
  8. Favicon Generator
  9. Favicon.co.uk
  10. Favicon Generator

Plantillas web gratis

Categoría: Diseño Web, Webmaster  -   21 Septiembre 2009  -   Comentarios (0)
  1. Open Source Web Design
  2. Open Web Design
  3. Free CSS Templates
  4. Open Design
  5. Template World
  6. Free CSS templates
  7. Styleshout.com
  8. Arcsin
  9. Free Layouts.com
  10. Andreas Viklund

Botones para compartir y marcar posts

Categoría: Diseño Web, Blogs, Social  -   12 Septiembre 2009  -   Comentarios (0)

http://www.addtoany.com/share_save?linkname=AddToAny&linkurl=http%3A//www.addtoany.com/

  1. AddThis
  2. ShareThis
  3. Social Marker
  4. AddToAny
  5. Social Poster
  6. Tell-a-Friend
  7. 3spots: 30 Social Bookmarks ‘Add to’ footer links for blogs
  8. mooSocialize
  9. Social Bookmarks Creator
  10. Badged.net

Generadores de fondos web

Categoría: Imagen, Diseño Web  -   11 Septiembre 2009  -   Comentarios (0)

http://bgpatterns.com/

  1. BgPatterns.com
  2. Stripe Generator
  3. Background Image Maker
  4. Stripemania
  5. bgMaker
  6. PatternCooler
  7. Tartan Designer
  8. Gradient Image Maker
  9. Repper
  10. Striped Backgrounds

Generadores de iconos

Categoría: Imagen, Diseño Web, Utilidades  -   8 Septiembre 2009  -   Comentarios (0)

http://loadinfo.net/

  1. Ajaxload
  2. Brilliant Button Maker
  3. Buttonator
  4. Button Maker
  5. Web 2.0 Badges
  6. E-Mail Icon Generator
  7. My cool button
  8. Load Info
  9. Preloaders
  10. Iconza

Chequea tu diseño

Categoría: Diseño Web  -   7 Septiembre 2009  -   Comentarios (0)

http://viewlike.us/

  1. Browsershots: Compatibilidad en distintos navegadores.
  2. IE NetRenderer: Compatibilidad con IE.
  3. The W3C Markup Validation Service: Validación HTML - XHTML.
  4. El Servicio de Validación de CSS del W3C: Validación CSS.
  5. Web Page Analyzer: Velocidad de carga.
  6. Check My Colours: Constraste de colores.
  7. WAVE: Accesibilidad.
  8. ready.mobi. Visualización en móviles.
  9. ViewLikeUs: Resoluciones de pantalla.
  10. UITest.com: Varios.

Feedback de contenido y diseño

Categoría: Diseño Web, Blogs, Social  -   4 Septiembre 2009  -   Comentarios (0)

http://uservoice.com/

  1. Get Satisfaction
  2. UserVoice
  3. fivesecondtest
  4. Kampyle
  5. IdeaScale
  6. Concept Feedback
  7. Fine Tuna
  8. CrowdSound
  9. Usabilla
  10. ReviewBasics