Sfaturi pentru scrierea CSS

  • Scrieti HTML semantic rational si folositi denumiri logice pentru proprietatile class sau id
  • Pastrati-va curat codul CSS
  • Folositi refactoring ori de cate ori este nevoie
  • Stergeti imediat codul CSS de care nu mai aveti nevoie
  • Alegeti un stil pt CSS si folositi-l consecvent
  • Evitati definirea aceluiasi lucru de doua ori(de exmplu, intr-un a si a:hover)
  • Daca ati facut ceva un pic mai inteligent scrieti un comentariu pentru a explica(altcineva ar putea edita acest lucru in viitor)
  • Definiti cea ce puteti pe cel mai larg selector cu putinta si apoi fiti din ce in ce mai specific pe masura ce inaintati in structura de HTML.
Vezi articol

Flux slider

Efectul de intoarcere a paginii este unul din multitudinea de efecte care pot fi gasite in proiectul gratuit si pe open source Flux Slider(joelambert.co.uk/flux). Flux este o biblioteca JavaScript/CSS3 nemaipomenita care vine impreuna cu multe tranzitii 2D si 3D uluitoare. Daca doriti sa vedeti o gama de posibilitati existente datorita noului CSS3, atunci uitati-va la galeria de tranzitii de pe site: ofera un material demonstrativ pentru fiecare dintre tranzitiile disponibile.

Foarte la indemana, Flux se ocupa de asemenea de munca grea de a face tranzitiile sa functioneze pe mai multe platforme. Daca doriti sa scapati de complicatiile testarii intr-o varietate de browsere, este o optiune buna sa incercati Flux...

Vezi articol

Pur si simplu JavaScript

Aruncand o privire peste secventele de cod pentru acest tutorial, veti observa ca vechea si familiara functie $ din jQuery este de negasit. Ca majoritatea dezvoltatorilor de front-end, am luat contact pentru prima oara cu JavaScript prin intemediului jQuery. Frameworkul jQuery a fost primitor datorita familiaritatii oferite in privinta codului CSS si a sintaxei abordabile, care a permis novicilor ca mine sa inceapa sa se joace cu DOM. Pe masura ce am aflat mai multe despre JavaScript, am incercat sa ma dezvat sa mai folosesc frameworkuri. Nimic nu este in neregula cu ele. Dar renunarea la ele in favoarea unui cod JavaScript curat are avantajele sale.

Dimensiune: jQuery minimazat are 30 kb. Comparati dimensiunea cu cei 8 kb de script de tutorial, necomprimat. Diferenta este balast la care s...

Vezi articol

Ce este un zui?

ZUI provine de la zoomable user interface. Termenul ar putea fi o noutate, dar modelul de design prin zoom este un concept popular. Zoom-ul este direct legat de manipularea dimensiunilor: modul in care dimensiunile elementelor de interfata se compara una cu cealalta. Interfete ZUI pot fi gasite peste tot in peisajul digital.

In forma sa cea mai apropiata de concept poate fi gasita in aplicatii vectoriale, cum ar fi Illustrator sau aplicatii 3D ca Sketch-up Google, cazuri in care zoom-ul se traduce prin apropierea privirii de obiectele mai mici. Pe web, exemplul cel mai comun este dat de site-urile cu harti precum Google Maps sau MapQuest. O multime de aplicatii desktop au posibilitatea folosirii zoom-ului...

Vezi articol

Despre sistemele de grile

Grilele tipografice sunt in uz de multi ani, de la manuscrise la cuvinte tiparite. Insa ceea ce cunoastem ca sistemul modern de grile a fost dezvoltat la inceputul anilor 1950 de catre designerii europeni, in special Josef Muller-Brockmann in cartea sa Sistemele de grile in designul grafic.

Desi grilele sunt o parte importanta a designului pentru tiparituri, limitarile CSS au facut dificila implementarea grilelor complexe pe web. Totusi, a existat un interes crescut in ultimii ani, popularizat de designeri precum Khoi Vinh si Mark Boulton. Acesta a fost insotit de o multitudine de frameworkuri CSS care au facut grilele mai usoare. Luati de exemplu , 960 grid system(960.gs) care contine de asemenea template-uri pentru software ca Adobe Fireworks...

Vezi articol