Editar estils css amb drupal

Si el css no és el teu fort i necessites tocar coses concretes d’un tema desenvolupat amb drupal, t’hauràs trobat amb la sensació que estàs més estona intentant trobar quin div, quina zona o quin element és el que vols tocar que modificcant-lo en sí.

Personalment, tinc una còpia local del lloc que vull editar, i amb el firebug, cssedit i alguna altre eina més acostumo a ensortirme’n.   Avui però he trobat una utilitat que pot facilitar encara més aquest procès.

Es tracta del mòdul sweaver (http://drupal.org/project/sweaver), el qual d’una manera visual permet editar paràmetres i aspectes css del teu lloc “en calent”, o sigui sense haver de pujar/baixar els fitxers css afectats per els teus retocs.

A més, a la web del projecte faciliten un parell de videotutorials per tenir més visió del que es pot fer:

http://www.vimeo.com/15106873 integració drush i sweaver

http://www.vimeo.com/13281932 dissenya el teu theme per drupal en 10 minuts.

dreamweaver i drupal

Ara que surt la versió CS5 de Dreamweaver, veig que realment incorpora funcionalitats que caldrà valorar si es compra o no. Bàsicament per què permet per fi editar de manera “visual” els CSS, i sobre tot per què segons comenten a la web d’adobe s’integra també en diferents CSM com drupal.  Genial.

Doncs avui trobo també de casualitat una pàgina web on han desenvolupant una extensió per dreamwever (mxp) que incorpora tota la api de drupal directament a dreamweaver.   Vamos, que ja no hi ha excusa per fer-los treballar conjuntament. A part d’aquesta extensió hi ha d’altres totes elles interessants.  Enllaç per no perdre’l: http://xtnd.us/

Easy CSS Styler

easycssstyler1 Interessant editor CSS on-line (http://www.combine-lab.com/styler/). Per resoldre dubtes ràpids o per anar visualitzant un ID o un bloc concret sense haver de partir de zero. Molt interessant per què a més et permet copiar el codi generat o descarregar-lo. Qui no modifica un css és ja per mandra, no per falta d’eines disponibles a la xarxa. Personalment faig servir el CSSEdit al mac però potser serà qüestió de començar a considerar aquesteines per fer proves de manera més ràpida sense afectar a llocs en producció.

Generar Favoicon

Si necessites generar un Favoicon i en aquest moment no disposes de cap editor d’imatges que et permeti la exportació a bmp, no t’enrecordes del tamany que ha de tenir (16x16pixels)… o simplement estàs mandròs com jo aquesta web va de conya: http://chuano.net/chuano/util/favicon/ pujes una foto i te la retorna a punt per establir-la com el teu favoicon de la teva pàgina web.

Guies de referència per dissenyadors webs

M’ha fet gràcia trobar dues guies de guies. O sigui una guia amb un recull d’enllaços amb informació interessants per a dissenyadors webs.   El primer  (http://reencoded.com/2008/04/01/42-must-bookmark-resources-for-web-designers/) recull 42 enllaços amb contingut d’interès per a dissenyadors webs, i el segon  (http://reencoded.com/2008/03/22/free-online-photoshop-and-more-photoshop-tutorials/) recull video-tutorials gratuits de photoshop (recull prop de 100).

Enllaços d’aquells per no perdre, però que després quan necessites no saps realment on els vas deixar anontat.

PD: si la web és un recull de reculls, aquesta què és exactament?

Crear pàgina web a partir d’una plantilla on-line

Ahir parlava de com crear una pàgina web i aprofitar part de còdi font d’altres pàgines webs, o bé de la pàgina web d’exemple.

Si amb la web d’ahir no en tenim prou, sempre podrem fer una visita a www.dotemplate.com i amb pocs clics de ratolí tenir tota la estructura i disseny bàsic per tal de tenir la nostra pàgina web operativa.   Serà una estructura molt senzilla, però totalment vàlida de codi i els pilars on començar a adaptar i modificar el codi per construïr el site del nostres somnis. 😛 això hem recorda que hauria d’anar-li fent una pensada al disseny d’aquest weblog i fer-li alguna personalització.

retalls de codi css

La paraula snippets no sabria com traduïr-la.  Però el que sí sabria és donar la explicació pràctica de per què es fa servir.

Hi ha tot un seguit de programari que fa servir aquesta paraula per emmagatzemar petits fragments de codi font que poden ser reutilitzables o útils amb petites adaptacions en diferents situacions.

Navegant per internet, m’he trobat amb una pàgina web (konstruktors.com) on ofereixen un seguit de retalls de codi css per tal que es puguin aprofitar com a estructura bàsica alhora de montar un disseny css per a una pàgina web.  No es que siguin espectaculars els retalls però sí que potser tremendament útil quan vols fer una cosa que ja està inventada i no vols trencar-te les banyes tornant a fer proves per crear el codi de zero.

Formularis on-line

Navegant pels feeds habituals, avui hephpform trobat un enllaç que crec que serà útil i que anirà bé no perdre. A la web http://www.phpform.org/  es poden realitzar formularis on-line fàcilment.   Una web amb una aplicació 2.0 amb totes les de la llei.  Pots escollir entre una sèrie de plantilles de disseny i un cop això podràs afegir tots elements que vulguis amb les diferents opcions que permeten els elements d’un formulari htm.  Un cop finalitzat, només caldrà descarregar-ho i acabar de personalitzar-ho/integrar-ho a la nostra aplicació o llenguatge de programació segons necessitem.

Enllaç per no perdre.