Ya hace algún tiempo os hablaba de un par de sitios donde generar fondos para sitios web: TartanMaker y Background Image Maker. Hacía mucho que no veía herramientas de estas por eso hoy voy a enseñaros otra para agregar más patrones a vuestra caja de herramientas.
Dotted Background Generator genera fondos con lunares de uno o dos colores sobre fondos degradados o lisos. El resultado es bastante agradable y podrás descargarlo como una pequeña imagen de 75px de ancho y el largo que especifiques.
Dotted Background Generator: http://www.pixelknete.de/dotter/index.php
Vía MoMB
Creo que para muchos jQuery ya es nuestra librería javascript de cabecera, es sencilla de usar y potente.
Aún así, para muchos no tan hábiles desde el lado del código siempre viene bien cualquier ayuda posible, sobre todo si convierte la tarea de crear efectos en algo tan sencillo como seguir un asistente.
Glimmer es una aplicación de escritorio para WIndows (con los fuentes disponibles así que espero que pueda compilarse para otros sistemas) que te permitirá crear menús desplegables, tooltips, rotación de imágenes y otros efectos cómodamente desde tu escritorio y sin tocar ni una línea de código.
Glimmer: http://visitmix.com/Lab/Glimmer
Para mí, el espacio para acortadores de direcciones web está claramente superpoblado. Cada dos días surge un nuevo sitio, unos con dominios más cortos, otros con alguna característica nueva…
Aún así, estoy segura que seguirán surgiendo más. Si no te has desanimado viendo la cantidad de competencia que tendrás si te introduces en este “mercado” hoy te traigo unas cuantas soluciones libres para que te pongas a lo que realmente importa: conseguir un dominio corto y bonito y montar un sitio que de gusto navegar.
En esta ocasión nos vamos a centrar en las opciones que requieren PHP y MySQL para funcionar:
Estoy segura de que existen muchas más alternativas libres y gratuitas, a mi me gustan estas y creo que cubren casi cualquier tipo de necesidad pero ¿usáis o conocéis algún otro script que valga la pena mencionar?
Personalmente no soy muy partidaria de usar hacks en las hojas de estilo para solucionar las deficiencias de uno u otro navegador, aún así comprendo que hay circunstancias en las que se hace necesario y siempre viene bien tener el conocimiento por si llegase ese momento.
Paul Irish nos ha ahorrado mucho trabajo haciendo una recopilación de hacks que podremos emplear para los diversos navegadores disponibles. Aquí os la dejo, con los comentarios traducidos:
/***** Hacks con selectores ******/
/* IE 6 y anteriores */
* html #uno { color: red }
/* IE 7 y anteriores */
*:first-child+html #dos { color: red }
/* IE 7 y navegadores modernos */
html>body #tres { color: red }
/* Navegadores modernos (IE 7 no) */
html>/**/body #cuatro { color: red }
/* Opera 9.27 y anteriores */
html:first-child #cinco { color: red }
/* Safari */
html[xmlns*=""] body:last-child #seis { color: red }
/*safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:nth-of-type(1) #siete { color: red }
/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type #ocho { color: red }
/* saf3, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#diez { background: #FFDECE; border: 2px solid #ff0000 }
}
/***** Hacks con Atributos ******/
/* ie6 y anteriores */
#once { _color:blue }
/* ie7 y anteriores */
#doce { *color: blue } /* or #color:blue */
/* 'Navegadores Modernos' incluye IE8, estés o no de acuerdo.. 
*/Paul además nos ha dejado una página de prueba con todos los hacks y un enlace a browsershots donde podréis comprobar como funcionan en los diversos navegadores.
De todas las disciplinas involucradas en desarrollo web, la más reacia a abandonar las herramientas propietarias es, sin duda, el diseño.
Photoshop, Illustrator, Fireworks, Corel son, de facto, estándares del mercado y es difícil desprenderse de ellos en entornos profesionales.
Gimp Tutorials es un sitio dedicado a ofrecer tutoriales de alta calidad para los que estamos deseando aprender a controlar y sacarle el máximo rendimiento a Gimp. Los resultados son impresionantes y los tutoriales bien elaborados y fáciles de seguir. No dejéis de echarle un vistazo.
Gimp Tutorials: http://gimp-tutorials.net/
Powered by Twitter Tools.
Si buscas vectores gratuitos para tus diseños hoy te traigo otro recurso donde ir a echar un vistazo.
Free Vector Downloads es un sitio web donde descargar vectores libres para usarse en proyectos tanto comerciales como personales. No obstante, como en todos estos sitios os recomiendo echar un vistazo a la web del autor para comprobar la licencia.
Free Vector Download: http://www.freevectordownload.com
Ya hay muchos plugins y scripts con y sin jQuery para crear sistemas de pestañas y sliders con javascript, no obstante este me ha llamado la atención por la sencillez de uso y los efectos que incluye.
tabSwitch es completamente personalizable con CSS y requiere muy poco código para empezar a funcionar, además el código es muy sencillo y está bastante bien explicado para que no te cueste nada adaptarlo a tus necesidades.
El HTML debería ser algo como esto:
<div id="tabSwDisplay">
<div class="SlideTab" id="Tab0">
...
</div>
<div class="SlideTab" id="Tab1">
...
</div>
<div class="SlideTab" id="Tab2">
...
</div>
<div class="SlideTab" id="Tab3">
...
</div>
<div class="SlideTab" id="Tab4">
...
</div>
</div>
Y el javascript:
//Con este código creamos la pestaña
$('.SlideTab').tabSwitch('create', {type: 'slide', height: 300, width: 440});
//Este código sirve para movernos adelante y atrás entre las pestañas
$('.SlideTab').tabSwitch('moveStep',{step: parseInt($(this).attr('rel'))});
//Este para movernos a una determinada pestaña en base al atributo rel
$('.SlideTab').tabSwitch('moveTo',{index : $(this).attr('rel') });
Bonitos y coloridos iconos de temas como nternet, negocios, documentos, dinero, web,…
Gratuitos y libres para que los uses en cualquier tipo de proyecto, en formato .eps (Adobe Illustrator) para que puedas editarlos libremente.
Y, por cierto, ¿no os parece fantástico el efecto Parallax de la cabecera de Dezignus?
Web Site Vector Icons: http://dezignus.com/websitevectoricons/
Vía Intenta
Veo en Anieto2k un enlace a otro “metodo infalible” para erradicar el Internet Explorer 6 y no salgo de mi asombro.
IE 6 Update es un plugin desarrollado con jQuery que se basa en, ni más ni menos, hacerse pasar por uno de esos avisos propios del navegador y hacer creer al usuario que debe descargarse una actualización del navegador para poder visitar el sitio.
A pesar de que la idea de hacer desaparecer el IE6 de la faz de la tierra me parece buena, tratar de engañar a los usuarios para que se actualicen no me parece que sea el camino a seguir.
Básicamente, estamos timando al usuario. Eso no es un aviso de sistema, ni mucho menos, somos nosotros usando un aviso de sistema para que hagan lo que queremos. A nadie nos gusta que nos engañen ¿Verdad? A mi me recuerda sospechosamente a esos anuncios de antivirus fraudulentos que te lanzan lo que parece una ventana de diálogo del sistema operativo para que pulses sobre su banner sin darte cuenta de lo que es.
Si queremos notificar a nuestros usuarios para que se actualicen estoy segura que hay métodos mejores, desde incluir un par de líneas de texto redactadas con cortesía mediante un comentario condicional para usuarios de IE6 hasta poner un banner de esos de “Usa Firefox”. Lo que sea siempre que no interfiera en las actividades del usuario (como los scripts que bloquean a usuarios de IE6) ni le engañe para que haga cosas que no sabe si quiere hacer (como este caso). Prefiero la aproximación de educar y dejar escoger que la de obligar e imponer.
En mi caso, como ya os he dicho mil veces, este sitio en Internet Explorer 6 se ve, feo pero se ve, no le falta nada esencial pero no está optimizado. Ese es mi acercamiento a dejar de dar soporte a IE6, siempre que se pueda claro.
Para mí el fin no justifica los medios ¿y para vosotros?
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
Segui @webmasterlibre
