Arhiva pentru categoria 'XHTML & CSS'

Cea mai detaliata si la zi referinta online despre CSS, dupa spusele celor de la SitePoint, merita cel putin un bookmark. sursa: http://reference.sitepoint.com/css

The Art & Science of CSS

O noua carte de la SitePoint care promite ca

te va ajuta sa construiesti situri care nu doar funtioneaza pe toate browserele, si sunt foarte accesibile, dar sunt deasemenea visually stunning.

Cateva aspecte tratate in carte:

  • Formatearea calendarelor, meniurilor si a cuprinsurilor folosind CSS.
  • Crearea sistemelor de navigare de tip orizintal, vertical, drop-down si pe tab-uri folosind CSS.
  • Crearea colturilor rotunjite cu CSS.
  • Prezentarea citatelor si a listelor intr-o maniera atragatoare vizual.

Un cuprins puteti gasi aici.

sursa: http://www.sitepoint.com/books/cssdesign1/

CSS Naked Day '08

Idea in spatele acestui eveniment este de a promova Web Standards. Pur si simplu.

Include utilizarea corecta a (x)html, marcajele semantice, o ierarhie bine structurata, si bineinteles, un joc de cuvinte… “It’s time to show off your <body>.”

Pentru a participa completeaza formularul de participare, iar situl tau va fi inclus in lista oficiala in cateva ore.

Cu cateva luni in urma am lansat tema Foliage Mod pentru WordPress care includea in header un bloc de navigare style-uit sub forma unui Cuprins (Table of Contents – TOC). Un articol recent in ScriptyGoddess mi-a sugerat sa postez tutorialul si fisierele spre download, ceea ce veti si gasi in continuare aici. Cu doar de [...]

Daca sunteti curiosi ca si mine ce va contine si ce nu va contine HTML 5, lista HTML5 Elements and Attributes creata de Simon Pieters va va ajuta sa urmariti cum evolueaza lucrurile.

Iata cateva elemente noi interesante:

HTML 5 (a.k.a. Web Applications 1.0) este un proiect in desfasurare, asa ca lucrurile se pot schimba de la o zi la alta. Totusi, am observat ca elementul div a fost inclus in sepecificatii dupa ce a disparut misterios (a fost adaugat pe 2006.12.21).

Fisierul de baza, YUI Reset CSS creeaza un teren de manevra nivelat general valabil pentru toate browser-ele de clasa A si furnizeaza o fundatie solida peste care poti sa-ti exprimi clar intentile. Normalizeaza modul de afisare default a tuturor elementelor HTML, de exemplu defineste margin, padding si border la 0, italic si bold devin normal, [...]

Spatiul in arta tipografica este ca si timpul in muzica. Este divizibil la infinit, dar doar cateva intervale proportionale pot fi mai folositoare decat toate cantitatile arbitrare in numar nelimitat. Asa spune Robert Bringhurst typographer, si cum folosirea regulata a timpului produce ritmul in muzica, asa folosirea regulata a spatiilor produce ritm in arta tipografica, [...]

Exista multe metode pentru a-ti structura CSS-ul. Acest articol incearca sa descrie metoda pe care o folosesc eu. Eu o numesc “metoda arborescenta”, deoarece structrureaza CSS-ul… exact, ca si o structura de arbore. Vreau sa subliniez ca nu este inventia mea, eu doar o descriu si argumentez regulile.

Oricine care a construit un site mai mare sigur s-a confruntat cu situatia in care CSS-ul devine in scurt timp un haos. Clase si id-uri peste tot prin fisier, si ca sa localizezi o anumita clasa esti nevoit sa folosesti functia de cautare pe care ti-o ofera editorul. Pe de alta parte, din CSS in HTML e si mai dificil, nici macar nu sti in ce fisier este definita o anumita clasa. E o mizerie totala.

Metoda arborescenta incearca sa structureze CSS-ul in blocuri logice, blocuri luate din HTML. De asemenea se doreste sa fie usor de inteles pentru oricine. Fara coduri secrete sau scheme de ordonare complicate.

Este destul de comuna situatia in care creatorii de CSS considera avertismentele raportate de Validatorulul de CSS erori. In special in cazul avertismentelor “You have no color with your background-color” si “You have no background-color with your color”. Acele avertismente in special, sunt acolo din motive de accesabilitate si sa-ti aduca aminte ca trebuie sa [...]

Unul din criteriile Accessites.org pe care insistam cand analizam un site, este de a avea strict DOCTYPE. Unii s-au intrebat de ce insistam pe treaba asta. Unul din raspunsuri ar putea fi “e situl nostru, regulile noastre”. Acesta nu e un raspuns satisfacator, prin urmare de ce am folosi strict DOCTYPE? Avem patru argumente: unu, [...]