M-am uitat acum două zile pe articolul CSS Code Snippets : 15 Wicked Tricks şi am găsit o serie de mici “trucuri” interesante. Pentru cei care stăpânesc CSS s-ar putea să fie lucruri cunoscute, dar mai ales pentru ceilalţi ar putea fi o invitaţie la a se apropia (mai mult) de CSS. Atâtea lucruri minunate se pot face din câteva linii de cod! M-am jucat cu câteva dintre codurile din articol. De exemplu cel care pune automat (PDF) după linkurile ce conduc spre fişiere PDF. Da, un mic cod CSS şi automat va apare acel text la legăturile spre PDF-uri. Similar se poate face pentru fişiere DOC sau altele. Aţi putea ataşa o imagine, ca să indice vizual spre ce este condus navigatorul.
Iată mai jos codurile folosite. Nu e simplu? Şi sunt doar câteva exemple din articolul amintit.
a[target="_blank"]:before, a[target="new"]:before { margin:0 5px 0 0; padding:1px; outline:1px solid #333; color:#333; background:#ff9; font:12px "Zapf Dingbats"; content: "\279C"; } a[href$="pdf"]:after { margin:0 0 0 5px; font:bold 12px "Lucida Grande"; content: " (PDF)"; } a[href$=".doc"]:after { margin:0 0 0 5px; font:bold 12px "Lucida Grande"; content: " (DOC)"; } p.textul-meu:first-letter{ display:block; margin:5px 0 0 5px; float:left; color:#FF3366; font-size:60px; font-family:Georgia; }
Să mergem mai departe. Dacă cumva vi s-a deschis apetitul pentru CSS, aş mai avea câteva articole recente legate de CSS pe care aş vrea să vi le recomand.
- 11 Useful Tools To Check, Clean & Optimize Your CSS File (din 19 ianuarie)
- Top 50 Best CSS Articles and Resources (din 11 ianuarie)
- 12 Really Handy CSS Framework, Template And Snippet Sites For Smart Web Designer (10 ianuarie)
Desigur, al doilea articol ar putea fi cel mai valoros. Sunt acolo strânse 50 de legături spre diverse articole şi situri. Veţi da acolo de tot felul de lucruri interesante. De exemplu 101 CSS Techniques Of All Time partea I şi partea a II-a. Sau 40+ CSS Generators, Creators, and Makers. Navigare şi documentare plăcută!
0 comentarii