Son muchos los elementos necesarios para diseñar una web. Todos los recursos que tengamos a nuestro alcance serán bienvenidos ya que nos facilitarán el trabajo de forma notable. Si estos recursos los tenemos a mano mucho mejor, ya que ponernos a buscar por internet algunos de ellos, puede ser un tiempo perdido y posiblemente hubiésemos tardado menos en realizarlos nosotros mismos.

Me refiero a todos esos pequeños elementos como iconos, botones, menús, fondos, etc… que por suerte cada vez hay más páginas especialmente pensadas para ello, para que todo webmaster aproveche al máximo estos recursos.

Hoy os presento CSSMatic, un sitio donde encontraréis buenos consejos, tutoriales, estilos e infinidad de elementos necesarios para agilizar al máximo nuestras posibilidades a la hora de montar una web completa.

Si trabajamos desde internet y para internet, es lógico que cada vez tengamos en nuestro haber más información que sin lugar a duda debemos organizar y encontrar el modo de tenerla siempre a mano.

Os dejo para que descubráis por vosotros mismos todo lo que nos ofrece CSSMatic.

Diego Mattei / Fuente de referencia.

The post Herramientas de utilidad para diseñadores web appeared first on portafolio blog.

Por estas fechas siempre se recurre a las recopilaciones del año anterior y se suele echar una mirada de lo que más ha destacado en las distintas disciplinas artísticas y creativas. Cada año nos encontramos con distintas recopilaciones que nos recuerdan el nivel que se ha alcanzado en años anteriores para tomarlo como referente en lo sucesivo.

Por supuesto una de las disciplinas que abundan más en la red, es precisamente el diseño web. Encontramos por lo tanto unas buenas colecciones de las mejores webs en html, las mejores en Flash o estilos css. Estos últimos son los que vamos a comentar.

Os presento una estupenda colección de páginas realizadas con estilos css en 2009, donde se ve una clara evolución con respecto a años pasados. Una recopilación que os servirá de inspiración, teniendo en cuenta la cantidad que hay y los distintos contenidos que tienen.

Si te gustan este tipo de páginas o bien estás pensando en crear la tuya propia, seguro que este enlace te resultará interesante.

Web Designer Wall / Colección de las mejores páginas en css de 2009.

Sección Áurea / Fuente de referencia.

The post Los mejores sites css de 2009 appeared first on portafolio blog.

La importancia de estos, es que para las personas que están acostumbradas a crear y editar códigos  CSS, y saben que a veces es bastante complejo corregirlos cuando se lleva un tramo bastante avanzado, algo que nuestro fiel bloc de notas no podrá solucionar por nosotros, y es entonces cuando entra la utilidad de los editores especializados en códigos CSS que pueden facilitarnos el trabajo en gran medida.

A continuación, te presentamos 14 opciones que te pueden servir para editar códigos CSS:

1. Free CSS Toolbox
2. Simple CSS
3. JustStyle CSS Editor
4. A GTK-2 CSS Editor
5. Dialog-based insertion of CSS complex values
6. Astyle
7. Eledicss
8. Notepad++
9. Online CSS Template Generator
10. An open-source css editor for windows
11. Oxygen CSS Editor
12. Freedomeditor, Customizable browser based (text/web(WYSIWYG)) file editors
13. MacRabbit CSSEdit
14. StyleMaster CSS editor

Así­ que ya sabes, si te interesa encontrar un buen editor para códigos del tipo CSS, es seguro que cualquiera de estos te servirá. Sólo debes de probar y escoger un favorito. Puedes obtener un poco más información sobre los editores CSS en Designmag. Donde además podrás encontrar algunas de las utilidades que estos editores de código ofrecen.

The post 14 editores de código CSS para la Web appeared first on portafolio blog.

Estas plantillas te serán de mucha utilidad para los momentos de alta presión donde tu trabajo tenga que salir rápido y de muy buena calidad, para ello esta recopilación de sitios para descargar plantillas gratis te será de mucha utilidad para cualquier proyecto que vayas a desarrollar.

Listado de 35 páginas para descargar plantillas y templates en CSS gratuitos:

1. www.solucija.com/free-templates
2. templatefusion.org
3. www.styleshout.com/free-templates.php
4. www.templatemo.com/page/1
5. www.opensourcetemplates.org
6. www.getcsstemplates.com
7. www.free-css-templates.com/css-templates
8. www.csstemplatesfree.org
9. www.csstemps.info/templates.php
10. www.freecsstemplates.org
11. www.my-free-css-templates.com/CSS_Templates/index.html
12. www.sixshootermedia.com/free-templates
13. mitchbryson.com/free-css-templates
14. templates.arcsin.se/category/website-templates
15. www.zeroweb.org
16. www.csstemplates.net
17. www.mycelly.com
18. www.freecsstemplate.net/free-css-templates.php
19. csscreme.com/freecsstemplates
20. openwebdesign.org
21. www.bestfreetemplates.info
22. www.templateworld.com/free_templates.html
23. ramblingsoul.com/downloads
24. www.spyka.net/web-templates
25. www.freetemplates4u.co.cc
26. www.cssdesigncenter.com
27. www.csstemplateheaven.com
28. www.freecssxhtmltemplates.com
29. www.infscripts.com
30. www.templatesrain.com/free-templates/css-templates
31. www.templateyes.com/css-templates.htm
32. www.atemplatefree.com
33. www.free-css-layouts.com/free-layouts
34. css4free.com
35. csstemplatesfree.net

Esta recopilación está pensada para todos aquellos profesionales que saben de programación y maquetación Web, aunque en realidad no importa si eres un profesional o estás comenzando en este divertido proceso creativo, estos sitios te serán de gran ayuda y puedes descargar estas plantillas CSS gratis.

Esperamos que estas plantillas te sean de bastante utilidad, además no dejes de visitar los recursos para programadores que portafolio te proporciona, descargalos gratis y experimente, edita y crea a tu gusto todas las webs que puedas imaginar gracias a estos recursos gratuitos que portafolio y la Web, ponen a tu alcance.

The post 35 sitios para descargar plantillas CSS gratis appeared first on portafolio blog.

Con este listado no tendrás dudas al programar una página web o aprender CSS.

CSS Play : Es un sitio con diversos recursos para aprender CSS, ya que cuenta con tutoriales, trucos, artí­culos y demostraciones sobre como programar en CSS y todos los elementos que lo rodean.

CSS Zen Garden : Es un sitio donde tu y los demás usuarios pueden subir sus proyectos y creaciones en CSS para ver el código de donde sin duda se pueden aprender un par de cosas o alguno que otro truco.

Nex Tuts: Esta web contiene artí­culos y tutoriales muy bien explicados aparte de algunos post que te servirán de inspiración para tus CSS, ademas de que cada uno viene con el código de programación en CSS y en AJAX, JavaScript,  XHTML y PHP, ademas de  una demostración agregada de este, esta web fue desarrollada por los creadores de PSDTuts.

W3C Schools: Esta es una d las mejores web de programación CSS que hay ya que cuentan con diversos articulo de actualidad y varios expertos de la programación ademas de se los creadores de World Wide Web Consortium

A List Apart: Esta Web lleva 11 años informándonos y recopilando información sobre la programación, ademas de que contiene los mejores artí­culos de los profesionales del momento mostrando las tendencias de la programación en nuestros tiempos.

Espero y este listado les sea de utilidad ya que como lei en tu mente crea estos son los mejores sitios para aprender a programar CSS

The post 5 alternativas Web para aprender a programar CSS appeared first on portafolio blog.

En estos sitios puedes encontrar diversas plantillas HTML Y CSS para descargar gratis, puesto que nunca esta demás tener a la mano diversos recursos para la programación y diseño web, estas plantillas HTML Y CSS gratuitas las puedes utilizar de diversas formas logrando tener un diseño más original.

Sabemos que hay bastantes plantillas para WordPress o Blogger (themes y templates) que puedes utilizar fácilmente, pero la ventaja que ofrecen estas plantillas HTML Y CSS gratuitas es que puedes personalizar los diseños y formas con las que te guste jugar para tu sitio.

Segun Codigogeek, el diseño visual de un sitio web, influye de maneras muy diversas entre los usuarios de la red puesto que si manejas una imagen atractiva dinámica o presentas algún elemento atrayente y original a la vista lograrás más entradas y por otra parte la funcionalidad de tu sitio te permitirá lograr un mejor desarrollo de este.

Espero y estas plantillas HTML Y CSS para descargar gratis sean de mucha utilidad y si desean ver más plantillas o templates pueden navegar entre algunos de los post de este sitio donde encontraran otros post referentes a las plantillas Web gratis.

The post Descarga gratis plantillas CSS y HTML appeared first on portafolio blog.

Queda muy poco para fin de año, la verdad es que el tiempo pasa tan deprisa, que a menudo es muy difí­cil asimilar todo lo que está pasando a nuestro alrededor.

Como todos los años por estas fechas empiezan a aparecer distintas recopilaciones de lo mejor o lo más destacado del año en distintas materias. Que si las mejores portadas, los mejores logos, etc…

Webdesignerwall, recopila una interesante colección de webs de lo mejorcito en creación de sites, con estilos ccs de este año 2008. Bueno, al menos, para ellos son los mejores, pero porsupuesto existen muchos más, merecedores sin duda de la misma mención. Todos estos 50 sites de css a los que hacemos mención, tienen como denominador común su estupendo diseño y accesibilidad, e incluso algunos están desarrollados con mezcla de Flash y css. Una nueva tendencia que seguro dará que hablar el año que viene.

Webdesignerwall / colección de sites, css 2008.
Sección áurea / Fuente de referencia.

The post Los mejores sites en css de 2008 appeared first on portafolio blog.

La creación de estructuras en HTML de forma online con Drawter, se basa en simplemente en la utilización de parámetros establecidos en la Web y a la utilización del ratón para crear los cuadros o cajas en las que posteriormente trabajaremos el diseño del sitio concreto.

Al final, Drawter, una vez hechas las estructuras Web que deseamos y tomando en cuenta nuestros gustos, podremos convertir el trabajo en el resultado deseado: un código HTML y una estructura en CSS para complementar después con nuestro toque y diseño. Este editor online es muy interesante.

Drawter / Sitio oficial para crear estructuras Web
Spam Loco / Fuente de referencia

The post Como crear estructuras HTML en lí­nea con Drawter appeared first on portafolio blog.

Como generar esquinas redondeadas en una Web: Spanky Corners

Para muchos diseñadores Web (me declaro culpable pues sigo siendo nada más que un aprendiz) que no tienen muchas nociones de CSS o se les dificulta un poco la creación de sitios Web con CSS, Spanky Corners puede resultar un recurso gratuito imprescindible, ya que ahorra tiempo, dolores de cabeza y problemas.

El proceso de creación de los cuadros o cajones con esquinas redondeadas es muy sencillo en verdad, y es que este Editor Online se encarga de todo el trabajo mediante un simple click.

Spanky Corners / Sitio oficial para hacer esquinas redondeadas
Diario THC / Fuente de referencia

The post Spanky Corners: generador de esquinas redondeadas appeared first on portafolio blog.

Templates CSS gratuitos, para tus proyectos Web

Dentro de la misma Web tienen otro apartado en el que ofrecen Wallpapers Gratis, de igual manera te los puedes descargar y usarlos en tu ordenador… Ambas colecciones no es muy amplia pero sus diseños son muy interesantes…

CSS Creme / Sitio Web para descarga de Templates y Wallpapers
Leandono’s Blog
Fuente de referencia

The post Templates CSS gratis para tu Web appeared first on portafolio blog.