Tag Archives: css

Eines per al desenvolupament web en LAMP

Eines per al desenvolupament web en LAMP

Aquest és un recull de les diferents eines que utilitzo actualment per al desenvolupament web  en LAMP, en una estació de treball Windows. La majoria són de codi obert i gratuïtes.

Com a navegador Firefox, per descomptat, amb els següents complements:

Com a IDE, Eclipse, amb els següents plugins:

  • PHPEclipse: Per a treballar amb PHP amb Eclipse. Si no et convenç pots provar el PDT com a alternativa.
  • JSEclipse: Per treballar amb JS. Aquest plugin l’ha comprat Adobe, i ara és de pagament. Podeu descarregar-ne una versió anterior i gratuïta.

Per treballar amb el MySQL:

  • MySQL GIU Tools: Eines gràfiques per a gestionar un servidor MySQL
  • MySQL Workbench: Eina visual per a dissenyar bases de dades
  • Navicat (de pagament): Client gràfic per a MySQL amb multitud de funcionalitats

Com a servidor local MoWeS Portable (instal·lació de Apache, MySQL, PHP i d’altres de manera senzilla).

Editors de codi:

  • TopStyle (de pagament): Editor de CSS i HTML. El millor editor de CSS que he trobat fins al moment. Les noves versions les podeu trobar al web de l’autor.
  • Notepad++: Un substitut molt potent per al Notepad

Altres eines:

Problemes amb Firefox 2 i CSS?

Problemes amb Firefox 2 i CSS?

Des de que va sortir la nova versió del Firefox he detectat alguns problemes amb la interpretació del CSS. Codi que funciona bé tant en versions anteriors de FF com en altres navegadors en Firefox 2 em dona problemes. De moment he detectat problemes amb el tractament de margins i paddings així com amb el mida de la tipografia.

Soc l’únic que està tenint aquest problemes o es que se m’ha passat alguna cosa per alt?

Lectures pendents

Lectures pendents

Últimament se m’acumulen força posts per llegir, o que m’agradaria llegir amb més calma. Els he anat guardant com a “clips” al meu compte de Bloglines amb la intenció de llegir-los més endavant. Però he pensat que podria ser interessant compartir aquestes lectures amb vosaltres:

A partir d’ara aniré guardant aquests enllaços al meu blog de Bloglines, així que si a algú li interessa s’hi pot subscriure.

Quick Lookup: documentació a un click

Quick Lookup: documentació a un click

Quick Lookup: Cerca a la documentació de PHP, MySQL, JavaScript i CSS des d’un mateix lloc, de manera senzilla i ràpida. Grandissima troballa gràcies a blogpocket.

I seguint la font original també descobreixo devboi, una extensió per Firefox que també té molt bona pinta.

Terminologia Oberta, practicant amb XSL

Terminologia Oberta, practicant amb XSL

Fa uns dies vaig llegir a a.css que el TERMCAT havia alliberat la terminologia d’Internet i Societat de la Informació. La noticia em va cridar l’atenció degut al format amb què va ser alliberada: XML.

Així que vaig decidir intentar fer quelcom útil a partir d’aquestes dades i alhora aprendre una mica de XSL. El resultat final és aquest: TERMCAT, de XML a XHTML (770 Kb).

A continuació poso a la vostra disposició els diferents fitxers que he utilitzat per a transformar el XML del TERMCAT a XHTML:

  • Dades en XML (idèntic al proporcionat pel TERMCAT però sense Doctype, ja que donava problemes amb l’intèrpret de XSL)
  • Full d’estils XSL
  • Script en PHP que crida a l’intèrpret de XSL
  • Full d’estils CSS

Si us interessa el XSL podeu trobar més informació a Recursos per a iniciar-se al XSL.

Opera 8 beta for windows

Opera 8 beta for windows

Com sempre que estic a la UPF estudiant vaig als ordinadors i instalo l’Opera per una serie de raons, les més importants són els mouse gesturesque no puc viure sense ells i la seguretat.

Tot i ser una beta m’ha sorprès el seu bon funcionament. Les millores en les funcionalitats que he vist a simple vista són que:

  • La barra de progrés s’inclou dins la barra de direccions per defecte.
  • S’eliminen tot tipus de barres inútils i només es mantenen la barra de les pestanyes i la de direccions.
  • Notificació de rss en les webs que tinguin aquest servei, amb possibilitat de subscripció inmediata mitjançant el lector integrat de feeds de l’Opera.
  • Ja es pot utilitzar el Gmail webmail i espero que el POP també funcioni.
  • Opció d’adaptar a la pantalla, per les webs que tinguin scroll horitzontal.
  • Separació de les utilitats de CSS i de les imatges.
  • Accepta comandes per veu

Read the rest of this entry

Especficant l'idioma del contingut XHTML i HTML

Especficant l'idioma del contingut XHTML i HTML

S’acaba de publicar el primer esborrany de Specifying the Language of XHTML and HTML Content, un document que explica com especificar l’idioma del contingut en documents (X)HTML, acompanyat d’algun consell per mostrar els canvis d’idioma amb CSS. El seu contingut és:

  1. Introduction
  2. Definitions
  3. Declaring the language of a page
  4. Documents with more than one primary language
  5. Declaring language changes in a page
  6. Specifying language
  7. Specifying the language of a link destination

Per als qui no ho sapigueu, hi ha motius per a especificar l’idioma.

[Via W3C]

Selectors en CSS

Selectors en CSS

Els selectors en CSS són condicions que ben aplicades donen al element, classe, o identificador l’aparença que nosaltres volguem sense un excessiu nombre de clases. Aquests selectors van del més simple ex. body {color:#333} fins a regles complexes com ex. #contingut div[class=”cos”] > p:first-child:first-letter{font-size:20px}.

Per a fer regles complexes és necesari l’ús de combinatoris com l’espai en blanc, el signe +, i > i/o també l’ús de pseudo-elements com first-child, first-letter…

Els exemples contenen elements, ID’s i classes, que és el que permeten els selectors. Aquests exemples són iguals o similars als que conté paparra.net + evolution.css. Per una informació més completa sobre cada selector visiteu la traducció al castellà de les especificacions del W3C.

Read the rest of this entry