Se buscamos un pouco pola rede atoparás centos de packs de iconas gratuítas e en especial de redes sociais xa que todas as páxinas web queren enlazar os seus perfís nestas.

Flippa é unha colección de iconas para redes sociais pero aparte de que teñen un deseño moi atractivo me pareción moi interesante publicalo porque inclúe o deseño da nova rede social Google Plus.

A colección consta das iconas Google + , Dribble, RSS, Forrst, twitter, Facebook, Vimeo, Flickr, Digg, Last Fm, Stumbleupon, You Tube, Skype, Share This, Google, Linkedin, Gwolla e tumblr, como podedes ver non falta ningunha das redes sociais máis coñecidas.

Podes descargalos desde a páxina web Designdeck en formato PSD, jpg e png.

Unha das peculiaridades de jQuery é que nos permite crear sliders cunha maior facilidade que anteriormente, ademais agora atoparás moitos exemplos por Internet de forma sinxela que poden quedar moi ben nos diferentes deseños de páxinas web.

O mellor de todo é que cos diferentes formatos que atopamos na rede poderemos darlle moitas e moi variadas utilidades, desde unha galería ata para mostrar as ofertas nunha tenda online.

A continuación póñovos unha pequena recompilación de 10 exemplos de Slider sinxelos que poden servirnos para diferentes utilidades:

Ler máis »

Se che gusta imaxinar e probar cousas novas constantemente no que se refire á decoración e o deseño de interiores unha das mellores formas de ter unha vista previa do resultado sen necesidade de realizalo de forma tanxible é con aplicacións de deseño e decoración de interiores.

Sweet Home 3D é un programa para deseño e decoración de interiores moi sinxelo que poderás usar baixo os diferentes sistemas operativos xa que este traballa sobre java. Poderemos deseñar completamente os planos dun lugar e posteriormente engadir todos os elementos decorativos e obtendo finalmente odeseño e a decoración en 3D que nos permite apreciar moito mellor o resultado.

Podedes entrar na páxina web oficial Sweet Home 3D e descargalo ou atopar moita outra información así como videotutoriales …

Para que vos fagades unha idea do seu funcionamento póñovos a continuación un vídeo que saquei dun usuario de Youtube onde se pode apreciar claramente como se traballa e como nos mostra o resultado:

Vía: PulsaF5

Aínda que non o crean a aparencia sempre di moito das persoas, e unha das mellores formas de darche a coñecer, xa non só a amigos se non ao mundo e as empresas de forma profesional é Twitter. O simple feito ter un fondo agradable en Twitter pode conseguir que che siga unha persoa ou o efecto contrario que salga correndo do teu perfil.

TwitrBackgrounds é unha páxina que nos pode ser moi útil para mellorar este aspecto xa que contén centos de fondos, se entras agora verás como os que aparecen na portada céntranse no aspecto do Nadal, pero non vos preocupedes, podedes navegar directamente polas categorías e atopar moitas outras alternativas. Aínda así, quizá o máis interesante é que a web dáche a posibilidade de crear o teu propio fondo a partir de varias imaxes que podes subir directamente á páxina.

Páxina web: TwitrBackgrounds

Joomla! é un sistema de xestión de contidos que permite poder editar unha páxina web sen apenas coñecementos de HTML nin ningún outro linguaxe, poderás crear blogs, foros, portais de novidades, portais corporativos … pero ten o problema de que non hai moitos templates que valen realmente a pena.

Na web New Evolution Designs realizaron un pequeno recompilatorio realmente interesante onde nos mostran o que serían para eles as mellores 15 persoais do ano 2010. Algún exemplo a seguinte imaxe:

Supoño que a maioría coñecerán Joomla pero para todos aqueles que non o coñecen é importante que vos comente que é código aberto e está programada baixo PHP xunto con MySQL polo que calquera programador web pode adaptala perfectamente a calqueira necesidade.

Nalgunha ocasión comentamos algunhas cousas de Typekit , un javascript mediante o cal podemos utilizar multitude de tipografías na nosa páxina web sen necesidade de que estas estean no equipo que acceda á páxina.

Agora Typekit deu un paso máis e asinou un acordo con Adobe para incorporar á súa colección, tipografías desenvolvidas por Adobe como poden ser Garamond, News Gothic, Myriad, Minion … entre as máis coñecidas. Tamén comentan que están engadindo novas características para axudar aos desarrolladores na súa creatividade e que pronto lanzarán sorprendentes ferramentas CSS3.

Podes ver as novas fontes nunha categoría específica que crearon Fonts from Adobe. Dispós dunha opción gratuíta para probar o seu funcionamento.

Vía: DosBit



Adobe acaba de lanzar unha nova versión de Photoshop mobile, esta vez rebautizado co nome de Adobe Photoshop Express para os dispositivos Android, iPhone e iPad.

Esta nova versión está moito máis pensada para as funcións das pantallas táctiles, poderemos aplicar efectos, editar e previsualizar as nosas imaxes de forma moi cómoda a través das funcións baseadas en xestos, poderemos subir as fotografías ao noso espazo de Photoshop e compartilas a través de Internet de forma bastante sinxela.

Como é lóxico non é unha ferramenta pensada para unha edición profesional se non para realizar retoques rápidos e pequenos das fotografías que saquemos co noso dispositivo.

Podemos ver unha demo do seu funcionamento no seguinte vídeo, aínda que está en ingles poderemos ver como utiliza as principais funcións:

Podeis coñecer máis e descargala en Mobile Photoshop

Photoshop converteuse co paso do tempo no programa de retoque fotográfico máis empregado polos usuarios, gran parte deste éxito é debido ás facilidades que ofrecen versión tras versión, tanto é así que as últimas novidades incluídas en Photoshop CS5 lograron asombrar aos máis fieis usuarios desta aplicación.

Se queres aprender a usar esta nova versión de Photoshop, podedes botar man dunmanual de Adobe que nos ofrece a máis completa información distribuída en 21 capítulos, comezando coas novidades e acompañado de consellos, axudas e trucos que nos permitirán espremer ao máximo Photoshop CS5.

Se queres aprender co manual podes descargalo desde aquí: Manual de Photoshop CS5en PDF. En Adobe TV atopardes videotutoriales que vos poden ser de gran axuda acompañados da información do PDF.

En moitas páxinas web é necesario mostrar unha animación para disimular os obxectos que cargamos e mellorar con iso a imaxe, úsase especialmente en animacións flash xa que adoitan tardar en mostrar todo o contido aínda que tamén cando queremos disimular algún efecto que realiza javascript ou se queremos realizar algunha carga asíncrona dalgún contido.

Preloaders é unha aplicación web pensada especificamente en crear gifs animados de precarga, poderás seleccionar entre unha ampla variedade en 3D, Rectangulares, Circulares, Horizontais, Signos do zodiaco e símbolos relixiosos que posteriormente poderás personalizar modificando o tamaño, as cores …

Aínda que parecía que o de usar unha precarga nunha páxina web estábase deixando de usar a realidade é que cada vez vemos máis contidos carganse de forma asíncrona e mostrannos gifs animados mentres se fan as peticións ao servidor.

Páxina web: Preloaders

Un dos principais problemas do deseño web é que á hora de utilizar fontes de letra, os deseñadores están limitados a unhas poucas que son soportadas por todos os navegadores. Debido ás esixencias dos clientes ou dos propios deseñadores en usar un tipo de letra determinado, moitas veces é necesario recorrer ao uso de imaxes, coas grandes desvantaxes que isto carrexa. Coa chegada de CSS3 , este problema soluciónase en parte, pero moitas fontes son de pago ou de difícil acceso.

Con afán de prover outras opcións neste aspecto e eliminar os límites actuais, Google presenta o seu Font Directory. Trátase dun proxecto que nos proporciona numerosas fontes de letra e que se poden utilizar desde calquera web. Con tan só incluír un enlace á fonte que queiramos a través dunha folla de estilo CSS, terémola dispoñible para usala desde CSS como queiramos. Soportan todos os efectos de CSS3 como calquera das fontes estándar.

Ata agora só están dispoñibles 18 fontes a través do Google Font Directory, pero se esperan máis fontes se o proxecto conta cunha boa acollida. Todas as fontes que atoparás no directorio están dispoñibles baixo a licenza open source e podes usalas sen problemas na túa páxina web.

Coñece e comeza a usar Google Font Directory

Hai moitos programas comerciais, algúns deles gratuítos, que nos permiten realizar tanto o deseño externo dunha casa como a distribución interior, portas, mobles, etc. O problema da maioría deles é a complexidade de uso. Autodesk HomeStyler é un servizo online que nos permite deseñar o interior da nosa casa do xeito máis rápido e sinxelo. É fácil de usar e dános uns resultados moi completos e resultóns esteticamente.

Só teremos que entrar na web de Autodesk HomeStyler pulsar en «Get Started Now» e comezar a deseñar a nosa casa en dúas dimensións. No menú da dereita teremos todas as opcións, que nos permitirán crear un área de traballo, engadir mobles e modificar as características a noso antollo. Posúe unha chea de accesorios, e só temos que picar e arrastrar. Unha vez cremos ter o deseño definitivo, só hai que pulsar a icona «View in 3D» e mostraranos o resultado en 3 dimensións. Se non nos convence só hai que pulsar de novo en «View in 2D» e seguir editando.

Web Autodesk HomeStyler
Vía El gurú informático

Unha gran parte da comunidade de usuarios de Gnome  cre que si. Nautilus é o navegador de arquivos do escritorio Gnome, que xunto a KDE monopolizan os escritorios das distribucións Linux. O interior de Nautilus, o seu código, é sólido, estable e funciona moi ben, non é esta parte de Nautilus da que se queixan os usuarios, se non da GUI, a interfaz gráfica. Táchana de fea e de pouco amigable. O de fea é subxectivo, pero o de pouco amigable ten a súa razón de ser. Opcións inútiles ao alcance dun click mentres que outras opcións máis importantes e máis usadas están escondidas.

Por iso hai usuarios que pretender mellorar Nautilus e que, como Izo, propóñen rediseños para o navegador por defecto de Gnome. É só un deseño, un mockup, nada implementado aínda, pero vese elegante e moito máis cómodo que a actual GUI. Se queredes ver a explicación de Izo do porqué dos cambios, podedes entrar na súa web. Estaría ben ver algún cambio de «look»  nas próximas versións de Gnome.

BaseKit é a ferramenta coa que todo deseñador poderá converter os seus deseños PSD (Photoshop) a HTML + CSS dunha forma sinxela, só sobe o teu deseño en PSD e utiliza as opcións das que dispós para que recoñeza todos os campos, non terás necesidade de teclear unha linea de código.

Este novo servizo abre as portas a moitos deseñadores, conseguirán crear webs cuns coñecementos basicos de HTML e CSS. Podemos ver un vídeo para facernos unha idea do seu funcionamento:

Ademais disto que comentamos tamén hai que dicir que a maquetación que nos devolve está optimizada para os buscadores e se non tes hosting para publicala BaseKit permitirache publicala no seu hospedaxe.

De momento só podes acceder con invitación, podedes atopar máis información e invitacións en Código Geek.

Abstract Fonts é unha páxina web onde poderás atopar miles de fontes para as túas aplicacións (Writer, Word, Photoshop …) e poderás descargalas de forma gratuíta, grazas ás fontes porás darlle unha aparencia radicalmente distinta aos teus documentos, deseños, proxectos e presentacións.

A diferenza de Abstract Fonts con outro tipo de páxinas das mesmas características é que esta permite especificar un texto para que cho mostre nun preview coas tipografías seleccionadas, se ademais es usuario rexistrado poderás ter a túa propia listaxe de favoritas, desta forma se algunha vez ímonos a outro computador non temos máis que entrar na nosa conta e descargalas.

Coñece Abstract Fonts e seguro que en pouco tempo usarala para darlle un toque diferente a todos os teus traballos.

Aviary, é un editor de imaxes online de pago ¡Perdón, agora é GRATIS!, si gratis, ata agora cobraban uns 25$ pero agora é de acceso gratuíto.

É un editor realmente impresionante, pódese dicir que case profesional, perfecto para calquera usuario medio, en Aviary tamén atoparás tutoriales e espazo para almacenar as túas imaxes, outra cousa que me parece moi interesante é a existencia de plugins para firefox e chrome que amplían aínda máis as funcionalidades deste editor.

Aviary agora é unha aplicación gratuíta grazas a que recibiron importantes apoios financeiros e a un cambio no seu modelo de negocio.

Se non o probaches ata agora, entra en Aviary e pruebalo.

As redes sociais crecen como a espuma e todas as páxinas web intentan conseguir lectores nestes medios polo que os icons que máis repiten en todas as páxinas web son de redes sociais.

En Icondock puxeron gratuitamente unha colección das iconas das redes sociais máis importantes en formato vectorial, son perfectos para pór en calquera páxina web, ao estar en formato vectorial poderás redimensionar ao tamaño que desexes sen que se distorsiones a imaxe.

Podes descargar todas as iconas desde Icondock

Aínda que en moitas ocasións a maquetación CSS parece un traballo sinxelo a realidade é bastante diferente, require de moito tempo e de fixarse en todos os detalles se se queren facer as cousas ben.

MarkerCSS é un magnífico framework que nos simplificará moito a tarefa de maquetación en CSS, o que se fai é escribir directamente no código unhas clases cos valores preasignados. O que hai que facer para traballar con este framework é pór na cabeceira entre o <head> e o </head> todos os estilos que poderás descargar desde aquí, unha vez feito isto só terás que ir chamando ás distintas clases para ir dando forma, están declarados os valores máis comúns.

Aínda que eu sigo preferindo a forma habitual de maquetar sempre é unha ferramenta que lle pode interesar a algúns, a min pareceme que limita o deseño aos valores que están declarados, ao seu favor ten que é de código aberto polo que poderás adaptalo ás túas necesidades facilmente, tamén dicir que é rápido, flexible e segue os estándares CSS.

Páxina oficial: MarkerCSS
Vía: Wwwhatsnew

Cando necesitamos unha imaxe é complicado atopar algunha que se axuste perfectamente ao que necesitamos, se usamos de exemplo unha web e buscamos unha imaxe alargada dunha praia, á hora de buscar imos ter que fixarnos en que ao cortala sígase vendo o contido correctamente, que as cores adáptense aos da páxina onde a coloquemos e o máis complicado aínda é que sexa gratuíta, aínda que parece unha tarefa fácil vista dende fóra, se non tes un bo repertorio esta tarefa complícase, a mellor forma para atopar é nun banco de imaxes.

Sempre que traballemos sobre imaxes destes bancos é moi importante ter en conta a licenza que se lle aplica a cada imaxe. Para esta función tamén se poden usar os buscadores como Google ou Bing, pero hai que dicir que o resultado non adoita ser o máis desexado, aínda que na actualidade teñen opcións de selección non ofrecen a calidade que teñen os bancos de imaxes, o que teñen ao seu favor é a súa ampla variedade.

Wwwhatsnew realizou unha recompilación de 12 bancos de imaxes que por un motivo ou outro están destacando máis que os demais na rede:

Stock.xchng é dos máis coñecidos e as imaxes que contén son de alta calidade, MorgueFile é moi cómodo xa que non necesitas logueo para poder descargar unha imaxe, openphoto clasifica miles de fotos con licenza CC:Attribution-ShareAlike, Photo Rack, Unprofound.com, Freerange Stock, FreeDigitalPhotos.net, FreeFoto.com, FreePixels, Public Domain Photos, DesignPacks, Everystockphoto.com

Clearbox 3 é unha ferramenta coa que poderemos mostrar contidos como poden ser, imaxes, flash, html, vídeos … superpoñéndoo e mellorando en todos os aspectos a usabilidad da nosa páxina web, calquera usuario facendo clic encima do enlace non sairá da web se non que se lle abrirá unha fiestra superpuesta á páxina web cun deseño moi coidado e que ademais poderás adaptar segundo como máis che guste.

Os que estean pensando en Lightbox 2 hai que dicir que o seu funcionamento é bastante similar, hai que dicir que isto como a maioría das cousas é para gustos, Clearbox 3 ten ademais un extra e son os botóns de desprazamento e as miniaturas que mostran na propia superposición que farán que crear unha galería dinámica e complexa póidase visualizar comodamente cun simple clic, en kabytes fálannos exactamente disto “Clearbox 3: Galería de imaxes de forma dinámica e sen Flash“, ademais poderás nesa galería non só pór imaxes se non que tamén todos os tipos de ficheiros que admite, se puxésemos por exemplo no medio da galería un vídeo poderiamos velo sen problema ningún.

Na seguinte imaxe veredes o script funcionando con varios tipos de contidos como poden ser, imaxe, flash, vídeo, contido html, mp3 …

A mellor opción para entender ben como funciona é entrar na súa web oficial e probar unhas cantas demos.

Desde fai tempo gústame coleccionar follas de trucos e telas sempre a man, poden ser nos realmente útiles en calquera momento, en especial cando estamos ante unha aplicación que non adoitamos usar na que a nosa experiencia é baixa, lendo a miña feed atopeime cun artigo “34 cheat sheets for web designers and developers” onde como o seu nome indica podemos atopar 34 follas de trucos para deseñadores e desarrolladores web.

As recompilación inclúe cheat sheets de WordPress, PHP, CSS, jQuery, Photoshop, Cores, Ilustrator … desde logo unha recompilación moi útil.

Tamén poden ler o artigo”Follas de trucos (Cheat Sheets) para deseñadores e desarrolladores web.” se queren ver máis.

Vía: Xyberneticos

NicEdit é o editor WYSIWYG máis rápido que coñezo para formularios de páxinas web, se o comparamos con outros máis coñecidos como TinyMCE ou FCKedit ten ao seu favor que pesa moito menos, aínda que é bastante máis sinxelo ten todo o necesario para o 95% dos formularios que podemos atoparnos navegando pola rede, edición do formato de texto, engadir enlaces, engadir e subir imaxes xunto con algúns detalles máis.

NicEdit é moi sinxelo o que o converte á súa vez en intuitivo para o usuario, ademais é totalmente personalizable de forma moi sinxela cunha simple linea podes indicarlle os botóns que queres que aparezan, ademais disto tamén podes indicarlle en que textarea ten que aparecer co campo id.

Poderás utilizalo na túa páxina web engadindo duas simples liñas de código, entra en NicEdit para copiar o javascript ou para ver os tutoriales de axuda e de como personalizar a ferramenta.

Stylizer é unha aplicación de edición de código CSS que nos permitirá traballar dunha forma moito máis cómoda. As modificacións sobre calquera páxina web irémolas vendo conforme editamos a CSS. Ademais esta aplicación vainos permitir modificar esta de unha forma moi sinxela xa que ten un pequeno formulario co que poderemos seleccionar tamaños, cores, posicións etc dos obxectos.

Probeina desde Wine e funcionoume correctamente polo que se usas Linux non vas ter problemas. O que me gustou deste programa é o tempo que che axuda a aproveitar. Coñecedes algunha aplicación similar open source?

Podeis descargar a aplicación desde Skybound, tamén podes coñecer máis acerca de Styler no artigo “Editar o código CSS directamente desde o navegador” de Kabytes

Non é que sexa fácil como di o título é que borrar calquera objecto con Photoshop CS5 é realmente moi fácil, só teremos que seleccionar o obxeto a eliminar e a aplicación automaticamente encherá o oco deixado.

Como sempre as aplicacións melloran con cada versión que pasa por encima delas pero Photoshop non só aumenta funcionalidades senón que as fai máis sinxelas. Podemos ver un exemplo no seguinte vídeo:

Leer máis …

Tipografías atoparemos miles pola rede pero os deseñadores teñen un afecto especial polas que son elaboradas a man xa que lle dan un atractivo distinto aos seus deseños que se utilizan as fontes comúns.

A caligrafía é a belo arte dos signos onde se pode ver reflectida moitas veces a identidade de cada persoa, é por isto que as fontes realizadas a man déixannos ver de forma moito máis clara o que o deseñador nos quere dar a coñecer.

Kabytes elaborou unha magnifica lista de 10 fontes feitas a man e que poderás descargar de forma totalmente gratuíta.

Ver a listaxe completa das fontes >>

¿Es dos que lle gusta a web en flash a sabendas dos problemas que ten co SEO? Se estás a pensar en crear a túa propia, o usuario str0ngbacker a colgado en Youtube un pequeno tutorial rápido e sinxelo que explica como crear unha páxina web sinxela en Flash.

Este vídeo tutorial aínda que non realice unha web con todo detalle, si realiza todos os pasos básicos que seguro que che servirán para facerche unha idea de como se traballa con CS4 e do labor que ten detrás unha web en flash.

Leer máis …

Lendo o blog de Kabytes atopeime cunha magnífica animación onde tentan dunha forma moi distinta a como se facía a hai anos, estudar fácil e de forma divertida. Como di Tamara de Kabytes”Gustaríame aprender química así.“

Este vídeo foi producido na Ringling College of Art + Design como tese de Christopher Hendryx para o departamento de Animación Dixital. A min encantoume así que vos animo a velo aínda que está en inglés enténdese perfectamente:

Vía: Kabytes

Brl-CAD naceu no 83 polo exército de Estados Unidos para deseñar vehículos de combates, tamén foi utilizado pola Nasa e distribúese baixo a licenza LGPL.  Esta aplicación é unha alternativa bastante boa para os que necesiten usar AutoCAD en 2D e 3D en Linux, tamén como sabedes dispomos de QCAD aínda que menos potente.

Dispomos desta aplicación nun ficheiro .deb polo que poderemos instalalo cun dobre click, ao estar empaquetado en .deb quitámonos un Bug que carrexaba esta aplicación que se chama need-packaging en Ubuntu e Debian.

Descargar Brl-CAD, tamén podes ler o artigo Será brl-CAD a solución CAD para os linuxeros? de Punto Geek

SexyForms é unha libraría en javascript que nos permitirá mellorar o estilo dos formularios xHTML de forma incrible e sinxela. É unha alternativa moi boa ás limitacións que nos atopamos con css neste aspecto.

Para traballar con Sexy Forms teremos que pór na cabeceira da nosa web a css e o javascript:

<script type=»text/javascript» src=»http://ajax.googleapis.com/ajax/libs/mootools/1.2.2/mootools-yui-compressed.js»></script>
<link type=»text/css» rel=»stylesheet» href=»http://www.coders.me/ejemplos/sexy-forms/sexyforms-vista.css»/>
<script type=»text/javascript» src=»http://www.coders.me/ejemplos/sexy-forms/sexyforms.v1.2.mootools.min.js»></script>

Unha vez que teñamos isto engadido á cabeceira engadiremos o seguinte script para cos elementos que queremos embelecer:

$$(«input», «select», «textarea»).each(function(el) {
el.DoSexy();
});

Podemos ver un exemplo na seguinte imaxe:

Podedes coñecer máis na páxina Coders.me

Photoshop converteuse nunha ferramenta indispensable para calquera deseñador ou calquera persoa que teña que facer retoques de imaxes, hai meses a todos abríusenos a boca cando nos mostraron todo o que se podía chegar a facer coa versión anterior desta ferramenta, co novo Photoshop CS5 non se querían quedar atrás e asegúrovos que vos volveredes a quedar sen palabras cando vexades as novas funcionalidades.

No vídeo que vos poño a continuación comprobardes que Photoshop en cada nova versión convértese nunha ferramenta máis sinxela de usar, dunha forma moito máis cómoda e con algoritmos capaces de facer milagres, mellor ver o vídeo:

¿Non che gusta a idea de poder escribir no ordenador coa túa propia letra? FontCapture dános esa posibilidade, poderemos de forma bastante sinxela crear a nosa propia tipografia en 4 sinxelos pasos.

En primeiro lugar o que faremos será descargarnos unha plantilla con recadros que veñen indicados con todos os caráctereres do abecedario e algúns máis, o que teremos que facer unha vez descargada é bastante sinxelo, imprimir e rechear cada cadrado coa letra correspondente a boligrafo, isto teremos que intentar realizalo con coidado para que nos quede a fonte o mellor posible, terminado este proceso, escanearemos o panel a 200 dpi e gardarémola preferentemente en PNG. Finalmente subiremos a imaxe PNG e FontCapture devolveranos nun pequeno tempo a tipografía.

Descargar: Persoal carácteres
Páxina para subir o fichero: FontCapture

Podes ler máis no artigo Fontcapture: Crea unha tipografía coa túa propia letra de Online

Todos sabemos que o contido flash nunca foi moi ben acollido polos buscadores, este feito sempre levou aos SEO a rexeitar as páxinas web en flash, grazas a DosBit decátome de que próximamente poderemos gozar dunha tecnoloxía que igual fai cambiar esta idea, trátase de FluidHtml.

FluidHtml é unha linguaxe de marcas de hipertexto que nos permitirá xerar dinamicamente o contido en Flash, nos permitira construír con bastante sencillez páxinas web con elementos multimedia e animaciones que se serán indexables para os buscadores.

Aínda que non está dispoñible, podemos facernos unha idea vendo algúns exemplos que teñen no home de FluidHtml.

Podes coñecer máis no artigo FluidHTML: Xeración dinámica de contido Flash de DosBit

Na actualidade os deseñadores de páxinas web teñen unha limitación moi grande, as fontes que podemos usar nelas. Lendo o blog de wwwhatsnew atopei esta mañá información acerca de TypeKit unha web que che permite instalando un javascript na túa páxina web, utilizar unha pequena lista de fontes.

TypeKit únese a unha longa lista de aplicacións que nos permiten facer isto sIFR, Flir ou Cufón, nestas o resultado que optiben  de cando en cando non era o desexado, xa comentarei se TypeKit convénceme máis que os anteriores. Aínda que xa pouco queda para que os usuarios usen navegadores con CSS3 onde teremos de novo a propiedade @font-face.

Esta ferramenta de momento só podémola usar con invitación que poderedes solicitar escribindo o voso eMail en typekit.

CSS Type Set é unha ferramenta web que che permite modificar mediante CSS o tipo de letra que vasutilizar para unha web de forma moi intuitiva e sinxela, non necesitas ningún coñecemento de CSS para utilizala.

Para utilizar esta ferramenta web só terás que manexar un menú coas opcións normais que atoparás en calquera editor de textos e tres barras que che servirán para axustar os tamaños así como a distancia entre palabras, letras e liñas. Unha ferramenta magnifica e moi cómoda para calquera, en especial para os maquetadores.

Entra en CSS Type Set e próbao ti mesmo.

Aviary Falcon é un sinxelo editor de imaxes online que nos permitirá modificar as nosas imaxes ou fotografías desde calquera lugar do mundo e sen necesidade de ningunha aplicación local. Para editar calquera imaxe só teremos que seleccionar a imaxe do noso escritorio ou url e subila ou crear unha desde cero.

Nun principio cando accedes á ferramenta verás unha contorna moi intuitiva onde ata o usuario menos avanzado podería recortar redimensionar, rotar, engadir un texto, pintar, engadir objectos, etc …

Se a nosa idea é algo un pouco máis profesional para sacarnos de apuro, podemos pulsar no botón advanced editor onde se nos abrirá un novo mundo no editor con novas ferramentas un pouco máis profesionais, capas, transparencias, selectores, tipografías, ferramenta de lazo … podemos facernos unha idea co seguinte pantallazo:

Aviary Falcon é unha magnífica ferramenta para calquera imprevisto ou ata se non desexas instalar ningún software especial no teu equipo.

Visualizar unha páxina web en distintas resolucións é moi importante para comprobar o correcto funcionamento da mesma e que o deseño non rompa.

Se temos un monitor de grandes dimensións podemos ir probando cambiando a resolución, pero cando a resolución máxima é baixa impídenos testear as altas, ViewLikeUs é unha páxina web que nos vai permitir comprobar como queda a nosa páxina web en diversas resolucións independientemente do noso monitor.

¿Estas farto de usar sempre a mesma fonte? Desde fai anos nos equipos, impresos e páxinas web sempre nos atopamos o mesmo tipo de letra, en especial nas páxinas web onde as fontes quedan limitadas ás máis comúns.

Realmente existen miles de fontes, tan só tes que facer un par de procuras en google para darche conta que os tipos de letra que existen son case incontables. Aos que máis lle gusta xogar cunhas e outras fontes son aos diseñadores onde estas ábrenlle un amplo mundo para crear cousas novas.

Páxinas para descargar fontes hai moitas pero as que máis me gustan a min son:

• FontRiver
• 1001 Free Fonts
• Urban Fonts
• Dafont
• FontSpace
• FontReactor

¿Cales páxinas web parécenvos mellor a vós?

Un dos formatos que máis se usa para aliñar os textos das páxinas web é justify que permite manter o texto en linea co borde da dereita e esquerda aumentando o espazo entre as palabras, un efecto que non é perfecto pero que axuda a manter un mínimo de estética.

Cando estabamos no colexio aprendéronnos a pór guións se a liña no que escribimos non nos permitía escribir a palabra enteira.

Hoxe lendo o feed de Punto Geek atopeime cunha librería Javascript chamada Hyphenator que nos permitirá realizar isto mesmo que todos aprendemos facer no seu día e que coas novas tecnoloxías perdemos toda a practícaa.

Descargar Plugin de WordPress ou librería Javascript de Hyphenator.

Podes coñecer máis no artigo “Divide con guións o texto do teu blog ou sitio web“

A pasada tarde buscaba fondos profesionais para un traballo, como non coñecía moitas páxinas web puxen unha pregunta en Respostas para todo e contestoume un anónimo cunha páxina moi boa, Photoxpress, onde atoparás todo tipo de imaxes de moi boa calidade e magníficas para calquera proxecto ou traballo.

A maioría das páxinas web que conteñen un contido como Photoxpress son de pago, neste caso non é así , podes descargar calquera imaxe ou fondo de xeito totalmente gratuíto.

Entra a Photoxpress.

Como lector asiduo que son de wwwhatsnew, hoxe atopeime cun artigo “PhotoXpress – Banco de imaxes gratuíto de fotolia“ que trataba sobre a mesma web e comentaba que esta banco de imaxes foi lanzado por fotolia e contén máis de 300.000 imaxes

IDEA desenvolveu unha nova posibilidade de armar paletas de cores dunha forma bastante cómoda, movendo e xogando cun rombo 3D á aplicación chamáronlle ColoRotate.

Esta aplicación ademais de poder xogar desde a web permite vincularse con Photoshop CS4, Illustrator CS4, InDesign CS4, Adobe Fireworks® CS4, and Adobe Flash® CS4, unha vez que instalada poderás acceder dende o menú da aplicación.

Na web atoparemos artigos que nos poden ser moi útiles á hora de xerar unha nova gama, tamén paletas de cores xeradas por outros usuarios que poderemos utilizar.

Entra en ColoRotate

Visto no artigo “Elixe a túa paleta de cores en 3D” de Kabytes

MiWebCSS é unha galería de páxinas web con determinadas peculiaridades, en primeiro lugar é das poucas que se atopa en castelán, as páxinas web que aparecen nela están, na seu maior parte, escritas en castelán e teñen un magnifico deseño.

Podemos destacar da web a xeración de fondos aleatorios polo que en poucas ocasións verás a web igual, ademais cárganse catro para que selecciones o que máis che guste, quizá son efectos un pouco pesados para outra web calquera pero para unha páxina de deseño valen a pena.

Se a túa web ten un deseño que cres que vale a pena, podes enviala dende o formulario que atoparás no menú, se realmente estás no certo e é das mellores tes moitas posibilidades de aparecer na WEB DO MES.

Visita MiWebCSS e coñece o mundo do deseño web.