css

css

css

29/07/2015

cuvinte ()

Meniu cu săgeată pentru submeniu, doar cu CSS

Am scris mai jos o metodă foarte simplă de a marca meniurile care conțin submeniuri, fără a fi nevoie de clase css suplimentare sau de JavaScript. Este foarte utilă în cazurile în care markup-ul nu poate modificat — cum este cazul unor CMS-uri, sau pur și simplu se dorește un markup curat. Toată „șmecheria” se bazează pe un selector și o pseudo-clasă CSS3 — singurul browser care nu le suportă…

16/02/2015

cuvinte ()

Grid CSS flexibil cu Flexbox

Când am mers la Smart Web Conference anul trecut, am aflat că de puțină vreme putem utiliza (relativ fără grijă) css flexbox pentru poziționarea conținutului. Practic, singura problemă este la Internet Explorer (vă miră?). Versiunea 10 acceptă doar ultimul standard, definit în 2012, si doar prefixat cu -ms-. Versiunile mai vechi nu acceptă deloc, dar se poate defini fallback la display: table. Safari (ambele versiuni, desktop sau iOS), la fel…

29/08/2014

cuvinte ()

CSS Gradient flexibil cu Compass

Am avut nevoie recent de un gradient CSS3, pe care l-am generat, ca de obicei, cu Ultimate CSS Gradient Generator. Dar pentru că oricum a trebuit să rescriu o parte din codul Sass obținut (apropo, e un mic bug în mixinul filter-gradient de la Compass), m-am gândit ca poate ar fi mai util să îmi creez propriul mixin, mai ușor de folosit. Și a rezultat ce se vede mai jos.…

24/03/2014

cuvinte ()

Semantic UI

Cine este Semantic UI? Sub headline-ul „lose the hieroglyphics”, Semantic UI se prezintă ca un înlocuitor pentru Bootstrap, mult mai „prietenos” cu semantica umană. Vă puteți convinge încă din primele exemple comparate, în care sunt puse față în față câteva structuri foarte comune de Semantic UI și Bootstrap. Semantic UI <button class="large ui button"> <i class="heart icon"></i> Like it </button&…

20/03/2014

cuvinte ()

Stilizarea input-urilor fără JavaScript

Toți am avut de făcut la un moment dat un formular cu checkbox-uri sau radio. Și, desigur, toți am vrut să schimbăm stilul standard și diferit oferit de browsere cu un design propriu. Au existat, și încă mai există, diferite soluții de „beautification” bazate pe JavaScript, dar odată cu modernizarea browserelor (mai exact, deprecierea versiunilor mai vechi de Internet Explorer), există și soluția bazată exclusiv pe CSS. În markup nu…