Posteos etiquetados css
La pagina personal mas geek
Ene 21
Isa Costa es una diseñadora web de Portugal, que decidió que su trabajo se deberÃa de ver reflejado en su pagina personal. Y asi lo hizo, como si de una hoja CSS se tratara ha redactado sus datos personales y demás.
El unico fallo que le veo es que quizás no valide ;)
Como colocar una imagen de fondo completa en una web
Ago 31
La gente de CSS Tricks ponen de ejemplo una coolsite de la que ya hablamos aquà para demostrarnos que colocar una imagen de fondo completa no es tan complicado.
Via | TabloSign
Enlace | Perfect Full Page Background Image [en]
Less, una extensión para CSS
Jun 29
Less es un framework que nos permite extender las funciones de CSS añadiendo reglas variables, mixins, operaciones y anidaciones.
Os dejo una imagen para que veais como funciona:
Todos tus archivos .css se pueden convertir inmediatamente en .less. Creo que esto es un gran recurso para todos los que, cuando creamos un gran proyecto nos acabamos liando con las reglas y demás.
Muchisimas gracias a Jesús Mazcuñan por compartirlo con nosotros.
5 sitios para aprender CSS
Jun 19
Si nos habéis leÃdo alguna vez sabréis que en Tu Mente Crea nos gusta -y bastante – el diseño web.
Además nos gusta hacerlo bien, compatible con los estándares, vamos lo que se llama cross-browsing.
Por ello creo esta lista para que podáis tener recursos siempre que queráis, por otra parte agradecerÃa cualquier aportación.
CSS Play
Aunque tenga mas publicidad que la que reseñamos en este blog, CSS Play es uno de los sites donde mas aprenderás CSS y sus trucos. Demostraciones y articulos sobre todos y cada uno de los elementos de CSS te demostrarán que si eres constante y quieres aprender lo conseguirás.
CSS Zen Garden
CSS Zen Garden es como Sodoma y Gomorra del CSS. Me explico, no es un sitio de aprendizaje directo, sino que los usuarios cuelgan sus creaciones con CSS y viendo el codigo y lo que tenemos delante se pueden aprender muchas cosas.
Net Tuts
Net Tuts, de los creadores de PSDTuts, es una web donde verás post inspiracionales, artÃculos que hablan sobre usabilidad y tutoriales muy bien explicados,cada uno con el codigo desmenuzado y una demostración. Además tambien tratan AJAX -y por lo consiguiente JavaScript- XHTML y PHP.
W3C Schools
Son los padres de la W3C, la World Wide Web Consortium, los que parten el bacalao, los que dicen si eso vale o no… Vamos que si lo que dicen estos tÃos va a misa, mejor enterarse.
A List Apart
En esta web se recogen articulos sobre los profesionales del diseño y la estandarización web, lleva 11 años al pie del cañón mostrándonos como y hacia donde va el diseño web.
Inspirado en un articulo de Make use of
Typetester, compara tus tipografÃas online
May 17
El gran Google me ayudó este fin de semana a encontrar un programa estupendo para la maquetación de parrafos, paginas y tipografÃas y demás online.
Typester es una webapp que nos permite comparar a primera vista 3 tipografÃas diferentes con sus múltiples variaciones (itálicas, negritas..) Ademas, es posible cambiar el interletrado,interlineado y despues que nos dé directamente el codigo CSS.
Una gran webapp, que os vendrá de maravilla para vuestro proximo proyecto web.
Enlace | Typester
8 soluciones javascript para los problemas mas comunes de CSS
Abr 29
En catswhocode recogen 8 javascript que nos ayudarán cuando con CSS no podamos hacer lo que queremos, o sà pero los usuarios sigan utilizando IE 5.5
Estos archivos nos ayudaran por ejemplo a solucionar problema de los PNG en Explorer o a tener esquinas redondeadas compatibles con todos los navegadores.
Via | Xyberneticos
Enlace | 8 Javascript solutions to common CSS problems
30 meús de navegación con CSS
Abr 22
Otra vez más os mostramos unos cuantos menús CSS para desarrollar en vuestras webs, estos creo que son los mas vistosos y mas difÃciles de desarrollar si no tenéis mucha idea de CSS.
Suerte con la W3C :D
Enlace | 30 Exceptional CSS Navigation
Supersized o como ocupar toda la pantalla del navegador
Mar 3
Mas de una vez habreis visto una web que tiene de fondo una fotografia y que se ajusta a la pantalla sea en la resolución que sea.
Hay diversos métodos para realizarlos, pero sin duda el mas útil y fácil es utilizar Supersized, un plugin para jQuery y que funciona en (Firefox, Safari, Opera y IE6+)
Demo | Tutorial e instalación
Via | Isopixel
Enlace | Supersized
Recursos tipográficos para CSS
Nov 14
Trabajando en mi ultimo proyecto me he encontrado con dos pseudo webapp’s que os facilitarán la tarea de trabajar con textos cuando diseñéis una web.
Por una parte, CSS Type Set. Simplemente es una GUI para tratar textos y que nos genera el codigo en CSS.
Por otra, Blind Text Generator. Que es algo asi como Lipsum, pero evolucionado, un generador de texto simulado con muchas opciones.
CSSEdit, el mejor editor de CSS
Sep 25
Ayer hablaban en AppleWeblog sobre Espresso, una nueva aplicación de MacRabbit para diseño web.
En esta entrada, comentaban también acerca de CSSEdit un editor de CSS para MacOS X que no conocÃa, ayer estuve probándolo y la verdad es que es una pasada.
Asà que para los que os guste la validación, el crossbrowsing y demás CSSEdit es vuestro programa.
Via | AppleWeblog
Enlace | Página oficial de CSSEdit
Enlace | Descarga CSSEdit (Dmg, 2.2Mb)
Plantillas CSS gratis con CSS4Free
Jul 7
CSS4Free nos ofrece multitud de plantillas web basadas en CSS con licencias CC o GPL y que podremos descargar gratis.
Además de poder filtrarlas por tipos -2 columnas, 3 columnas, XHTML- las puedes descargar para ver como están montadas.
Un recurso imprescindible para los que empiezan en este mundillo.
Izzy Menu, crea menús CSS facilmente con esta WebApp
Jul 7
IncreÃble WebApp que me he encontrado stumbleando.
Izzy Menu es una aplicación web que nos permite crear de una forma rápida, fácil y eficaz un menú CSS sin tener mucha idea de ello.
Podremos elegir el ancho, alto, bordes, links, sub-menus, hovers, etc. y por ultimo descargar el archivo CSS.
Recomiendo esta aplicación a todo aquel que quiera un menú CSS para su web y no tenga los conocimientos necesarios.
Enlace | Izzy Menu
100 recursos para diseñadores webs
Mar 29
IncreÃble esta lista de 100 recursos para diseñar webs que me he encontrado.
Además divididas por secciones. Codigo, Herramientas On-Line, Ajax,CSS, Documentación, chuletas…
Un imprescindible.
9 Consejos para escribir mails
Mar 4
Justamente la semana pasada me puse a trabajar para uno de mis clientes -realmente, con el único que hago cosas a menudo- en un newsletter. De primeras parece fácil pero hay una serie de matices a tener en cuenta.
Navegando por Nudonation 
me topo con estos 9 consejos para escribir mails que traduciré libremente. Os recomiendo que lo leáis directamente del enlace con su explicación y todo.
- OlvÃdate de lo chulo de CSS y vuelve al HTML de la vieja escuela
- Usa tags inline
- Cuidado con las imágenes de fondo
- Da tus imágenes bloqueadas por defecto
- Usa el atributo ALT en todas tus imágenes
- Usa rutas completas
- No te flipes con el tamaño de los archivos
- Tampoco con Flash, Ajax, etc…
- Diseña para lugares pequeños
Muchos de ellos son de sentido común, pero no esta de mas recordarlo.
Via | Nudonation
Enlace |Â Vdot Media [en]
The Dreamer, inspiración web
Feb 15
Si buscas inspiración para tu nuevo sitio web, tu portfolio o tu blog, The Dreamer [en] es tu sitio, con un diseño minimalista y ordenado por categorÃas podras acceder a una selección de webs en las que inspirarse.
Enlace | The Dreamer [en]
