CSS

¿Conoces ya Snipplr? ¿Y DevSnippets? Pues para que tú también hagas triplete apúntate Snipt como otro de esos sitios super interesantes en los que hay un buen montón de porciones de código que usamos de manera frecuente y que nunca está de más tener a mano. Las gracias al jefe [Q] que fue quien lo descubrió.

:: Snipt [en] ::

Lo que es el listado tiene ya sus mesecitos pero es que me la he encontrado tras descubrir el penúltimo intento de framework definitivo: el SenCSs [en].

Lo frameworks CSS tienen hasta su entrada en la Wikipedia [en] y poco a poco van saliendo más y más que prometen una mejora de productividad y un mejor y eficiente diseño tableless. Yo particularmente ví la luz con 960 [en] aunque sólo empleo la retícula para qué nos vamos a engañar.

En cualquier caso, para todos aquellos que les suene a chino lo de los frameworks, el siguiente listado es una muy buena iniciación:

Top 12 CSS Frameworks and How to Understand Them [en] ::

Llega un momento en la vida de toda, o casi toda, página web en la que uno ha de tomar decisiones derivadas del consumo de ésta por parte de terceras personas. Los visitantes, vamos.

Variables tales como los ya mencionados visitantes, el peso de las imágenes que colguemos o las características del servidor contratado afectan de manera directa al consumo de ancho de banda (bandwidth para los amigos) y ello puede originar dolores de cabeza a más de uno. Pero, como en todo, siempre hay “parches” o buenas prácticas que se pueden llevar a cabo a fin de exprimir al máximo nuestros recursos disponibles antes de tener que rascarse el bolsillo y contratar mejoras de servidor, por decir la opción más común (y diría que única).

Aquí os van 5 consejillos que yo he ido poniendo en práctica y me han venido muy, pero que muy bien.

(more…)

Eso es más o menos lo que le han preguntado a gente de la talla de Wolfgang Bartelme [en] o Shaun Inman [en]. ¿Hay algo que desearías que CSS pudiera hacer?. Las respuestas son de lo más variado e interesante y, aunque ya lo pusiera en Breves (recordad que las noticias breves tienen un feed para suscribirse distinto al principal), me ha parecido interesante rescatarlo para que alguno os atreváis también a pedir deseos.

Por mi parte y como ya ha dicho alguno, me conformo conque CSS3 llegue rápido. La multicolumna puede dar muuuucho juego.

:: Is There Anything You Wish CSS Could Do? [en] :: (Vía Tablosign)

DevSnippets es una página que tiene relativamente poca vida y que guardar junto a otras imprescindibles como Devkick o Snipplr pues se trata de un buen lugar donde encontrar recursos y técnicas ya sean para diseño o programación web.

Truquitos CSS, formularios y efectos con javascript, un poquito de todo…

:: DevSnippets [en] ::

Mini pack de enlaces (enfocados sobre todo a tema web) que se me acumulaban:

Desde Xyberneticos me traigo Effect Generator [en] para hacer animaciones sencillotas realizadas en Flash sin necesidad del susodicho.

Desde Sentidoweb una interesante (y de valor “cuasincalculable”) tabla de propiedades CSS en gestores de e-mail [en]

Vía Vecindad Gráfica, nos vamos al site de Kemie para descubrir como integrar sIFR usando jQuery en nuestras webs. Ole!

Carlos ha preparado una plantilla para presentar nuestros diseños webs. Se trata de un psd por capas en el que encontraremos la interfaz de explorer y firefox tanto en su versión windows como linuxera (ubuntu). Scrolls, botón de feed,… todo!

Por cierto, que Google comienza a indexar contenido Flash. Bastante limitado de momento pero el camino se hace andando.
Aprovecho para comentar que me molesta (y mucho) la postura de la gente que habla por hablar cuando el tema es Flash. Que si no se puede hacer tal cosa, que si esto, que si lo otro… Antes de hablar, hay que informarse un poquito mejor. Yo de Flash, cero patatero, pero no voy diciendo por ahí que es el horror.

Mi no al target=”_blank” sigue vigente. Había encontrado lo que comenté en su día: dar la opción al usuario de abrir los links en ventanas nuevas o no. La gente de Smashing lo recuerda y también ofrece la opción: Should links open in new windows? [en]

Y para cerrar una recomendación de un “recién nacido”: Mina Lab, sitio experimental de diseño de interacción. Un sitio que guardar en favoritos. Gracias, alquimistas.

Estaba buscando información para crear tooltips con un poco más de chicha que los que salen por defecto y me he guardado dos opciones bastante interesantes.

La primera Prototip, tira de la librería Prototype [en] y está bastante trabajada. Incluye bastantes opciones de configuración. Prototip [en]

La otra opción barajada es jTip que también está bastante apañada y corre bajo jQuery. jTip [en]

Seguro que hay un montón más. Estaría bien que hubiese una tabla comparativa similar a la que ya hay para los efectos lightbox. Mmm, este listado [en] podría valer.

Al final me he quedado con qTip [en] por ser el más liviano y el que más se adaptaba a lo que yo quería. Presenta incompatibilidad con niceforms a menos que se saquen de ambos las llamadas del body.onload fuera de los javascript.

Y es que creo que debería estar recomendando esta web cada semana porque no deja de sorprenderme (nos).

Le lavaron la cara no hace mucho y está convirtiéndose en un site de referencia para estar al tanto de novedades sobre programación web. jQuery, AJAX…de todo señores. En serio, guardarla en favoritos junto a Snipplr [en] y podréis dormir tranquilos.

:: Devkick [en] ::

Hasta la fecha el fenómeno lightbox se ha reproducido a la velocidad de la luz dando lugar a más y más variantes creadas con nuevos efectos o sobre librerías distintas.

Ante tan caótica situación uno ya quizá empiece a dudar si usa la versión más idónea para sus necesidades. Pero para eso está The Lightbox Clones Matrix, un listado que enumera todas las versiones disponibles actuales y las capacidades que ofrece cada una de ellas. Indispensable.

:: The Lightbox Clones Matrix [en] :: (Gracias Intenta).

Cuando me puse a trastear con la técnica de CSS Sprites me dí cuenta que si una de las imágenes dentro del sprite se empleaba como fondo en conjunción a la propiedad repeat, tendría un pequeño problema.

He visto en Phpied [en] que el problema no es tan grande como lo pintan y basta con hacer una distribución distinta de las imágenes dentro del sprite. Os dejo el link que alguna vez os será útil :D

:: Background repeat and CSS sprites [en] ::

No me voy a extender mucho. Ayer andaba RUDE metiéndole caña a este script [en] que comprime tus css y archivos js y parece que va de fábula. Quizá debiérais echarle un ojo si andáis algo escasos de recursos de servidor. Yo a ver si consigo hacerlo funcionar :S

En la siguiente página tenéis un completo listado de efectos jQuery que os puede ayudar en vuestros proyectos: Listado de efectos jQuery [en](Vía Stylegala [en]).

También os recuerdo que hay páginas como jjQuery for Designers [en] que tienen un montón de información y tutoriales para aprender a usar este framework javascript. Sin duda un recurso muy agradecido!

Bueno pues ya está. Me puedo ir quitando la espinita que tenía clavada desde el momento en que se cambió el diseño del blog. Yo quería tener portfolio nuevo y ya lo tengo.

Voy a contaros a grandes rasgos cómo ha sido la aventurilla que además me apetece escribir un poco ;)

(more…)

La web 2.0 sigue coleando con ejemplos como Templatr, un generador de plantillas web que me habéis dejado en Del.icio.us [en] con el que podemos personalizar de todo hasta conseguir hacernos un diseño a nuestra justa medida. Bastante completito pero pobre en presentación. Supongo que esto último no es determinante para la función que tiene claro.

:: Templatr [en] ::

En su día, pensé en hacer que mediante cookies (o lo que hiciera falta), en la primera visita a Criterion se mostrase una especie de bienvenida a modo de faq para orientar los primeros pasos. La verdad es que investigué un poco el tema pero al final terminé por dejarlo a medias.

Pues me hubiese animado a seguir si de aquellas hubiera descubierto ModalBox que tirando de las famosas script.aculo.us y prototype permite crear asistentes bastante resultones. Echadle un ojo a ver qué os parece.

:: ModalBox [en] :: (Vía Del.icio.us [en])