de ce? blog » CSS

Internet explorer 10?!?

de ce? — Tue, 18 Jan 2011 14:32:42 +0000

Am primit ieri un email de la un client cu un bug report în Internet Explorer 10. Am rămas cu gura căscată. IE10???

Din ce știu eu în septembrie 2010 a apărut IE9 beta, iar pe la mijlocul lui noiembrie a mai apărut un Platform Preview, numărul 7, ca să fiu mai exact.

Tot ce am găsit despre IE10 pe site-ul Microsoft a fost un post despre o infecție.

Deci nu, IE10 nu există, iar IE9 nu merge decât pe Vista SP2 si Win7.

Citeste si:

De ce e nasol sa te bazezi doar pe imagini, fara alt-tag

de ce? — Fri, 12 Mar 2010 17:45:53 +0000

Pentru ca risti sa derutezi utilizatorul

Imagine din The West

Citeste si:

Cand am uitat toti de a:visited ?

de ce? — Tue, 24 Nov 2009 14:16:32 +0000

In afara de Google si cateva site-uri cu torrenti pe niciunde nu se mai foloseste stilizarea unui link visited si nu inteleg de ce.

Toti cei care scriu CSS au uitat subit de pseudo selectorii pentru ancore?

a:link
a:visited
a:hover
a:active

LoVe / HAte, da?

Citeste si:

Inca un test de accesibilitate trecut – cel pe culori

de ce? — Sun, 12 Jul 2009 15:16:24 +0000

Sunt un tip pasionat de internet si de lucrurile foarte bine facute. Sunt pasionat de standardele W3C (chiar si in gluma), asa ca tot ce creez pe web respecta (cam) toate principiile de accesibilitate. Ce inseamna asta? Paginile scrise de mine pot fi vazute in conditii excelente de (cam) toti utilizatorii de internet, indiferent de particularitatile lor de navigare (browser folosit, sistem de operare folosit, viteza conexiune, javascript/flash instalat, rezolutie ecran etc.).

De astazi, alaturi de validarea XHTML 1.0 strict, CSS 2.1, Section 508 etc. deceblog.net “valideaza” si din punct de vedere al culorilor, adica poate fi citit fara probleme si de cei cu anumite dizabilitati vizuale.

PS: cred cu tarie ca daca mai multa lume ar respecta standardele – internetul ar fi un loc mai bun si.. mai fumos :)

Citeste si:

Google, te rog, nu ne lua CSSul!

de ce? — Tue, 07 Jul 2009 17:20:56 +0000

Acum 2 saptamani aparea pe canalul GoogleWebmasterHelp un video in care Matt Cutts sustinea ca e mult mai bine ca pentru afisarea logo-urilor sa fie folosita o imagine cu un alt-tag, in loc sa se foloseasca CSS Image Replacement, o tehnica prin care un text in HTML e inlocuit de o imagine cu ajutorul CSSului (textul e trimis practic undeva mult dupa maginea ecranului cu text-indent:-9999em; si imaginea afisata ca background).

Am ramas cu gura cascata cand am auzit, mai ales ca, asa cum observa si Yoast, Google foloseste o tehnica similara pentru logo. Mai mult chiar, Google foloseste un text + o imagine in codul html, dupa care textul e ascuns prin CSS!

Deci, webmasterilor, luati si va minunati:

Citeste si:

Cele mai misto 7 imbunatatiri in Firefox 3.5

de ce? — Wed, 01 Jul 2009 16:48:56 +0000

Firefox-ul a reusit intr-un final sa ajunga la mult asteptata versiune 3.5, dupa (cred) cea mai lunga perioada de beta pe care a avut-o vreo versiune a iubitului browser open-source. Noul Firefox vine cu o multime de facilitati noi, dintre care cele mai importante ar fi:

1. Suport pentru HTML 5

Datorita suportului pentru HTML 5, Firefox 3.5 trateaza fisierele audio si video in formatele Ogg Theora, Ogg Vorbis si WAV ca parte componenta a paginii, premitand o mai buna “contopire” intre suportul video si text.

Ca sa nu fie destul, noul Firefox aduce pentru developeri inca o facilitate draguta, si anume suportul pentru regula CSS @font-face. Practic pot fi folosite si alte fonturi decat cele standard, pot fi folosite fonturi care nu exista pe calculatorul utilizatorului!

Baietii de la TechCrunch au realizat un clip interesant cu ce se poate face cu Firefox 3.5 si HTML 5.

2. TraceMonkey – un nou motor Javascript

In Google Docs sau Gmail se observa cel mai bine rapiditatea noului motor JavaScript. Daca inainte eram de multe ori tentat sa trec pe versiunea HTML simpla datorita timpilor mari de asteptare intre modificari prin casuta de mail de la Google, cu Firefox 3.5 merge totul lin si relativ repede. … (click pentru continuare…)

Citeste si:

Citatul zilei despre CSS

de ce? — Wed, 15 Apr 2009 13:24:20 +0000

CSS is like a girlfriend. No matter how hard you try, she will always interpret it a different way.

De aici, alaturi de alte definitii amuzante ale CSS-ului.

CSS-ul fiind Cascading style sheets…

Citeste si:

Sa invatam impreuna: ce e CSS-ul si ce NU este el

de ce? — Tue, 17 Mar 2009 15:01:11 +0000

Stiu ca invii cai posibil morti, dar Buddha a dat-o rau de tot in balarii vorbind despre CSS si SEO intr-un articol si azi mi-am amintit de el. Hai sa-i explic si lui si altora (care pur si simplu vor sa stie) ce e cu CSS-ul asta.

CSS inseamna Cascading Style Sheets (foi de stil in cascada – in romana) si foloseste pentru a “stila” mai usor (a se citi “repede”) paginile web, continutul HTML sau XML, care este el.

CSS-ul a fost inventat prin 1996, acum e la versiunea 2.1 (din 2005), dar se lucreaza la standardul 3.0 (din 1998 se lucreaza la el, cool, huh?).

CSS-ul NU a fost adoptat datorita SEO-ului (Search Engine Optimisation – optimizare pentru motoarele de cautare), in schimb limbajul semantic si microformatele sunt folosite (au fost inventate) pentru ca masinile sa inteleaga mai bine codul.

CSS-ul chiar NU are nicio legatura cu SEO, serios. … (click pentru continuare…)

Citeste si:

De ce nu avem internet de calitate?

de ce? — Thu, 05 Feb 2009 05:41:38 +0000

Pentru ca, spre exemplu, Consiliul Judetean Timis a dat 40.000 de euro pentru un template default pe propriul site.
via dojo

Ori poate pentru ca la polul opus Anca Badiu si-a relansat siteul cu o tema de wordpress vanduta in masa pe 70 de dolari, singura modificare fiind poza din header.
via monden

Deci de ce nu avem internet de calitate? Pentru ca nu avem habar de valori.

Citeste si:

deceblog pentru mobil in versiune beta

de ce? — Sat, 10 Jan 2009 10:20:31 +0000

Incepand de ieri, odata cu feedul integral, am lansat si o versiune mobila pentru deceblog. A fost in lucru pana acum 10 minute, acum o pot numi gata, dar beta.

m.deceblog.net

Ce contine

In principiu prezinta cate un fragment din ultimele 4 articole, linkuri pentru prima pagina, categorii, arhiva si blogroll cu accesskey si optiunea de a vedea blogul in versiunea standard.

Prima pagina e extrem de mica, sub 10KB, cu tot cu javascript-uri (daca browserul stie), se incarca in mai putin de 2 secunde prin 3G, iar in afara de logo-ul de ce? blog nu contine imagini. … (click pentru continuare…)

Citeste si:

Me on welovewp.com

de ce? — Wed, 29 Oct 2008 12:38:48 +0000

Hihihi, am aparut cu tema de pe blogul asta pe WeLoveWP.

Si printscreen-ul de rigoare cu prima pagina:

Me happy.

Thx Gonzo pt atentionare.

Citeste si:

Un furt mic de CSS

de ce? — Sun, 05 Oct 2008 16:19:24 +0000

Ca tot mi-am amintit in postul anterior de un mare om din Canada, Cristi abuzatul/agitatul, ‘prieten’ vechi de-al meu, omul care penaliza abuzuri, furturi si magarii online, plus conspiratii mentale indreptate impotriva lui, am zis sa-i pun un link, dar pentru asta trebuia sa si intru pe site la el.

Intru si ce vad acolo? Bai, cam seamana sidebarul asta cu ceva cunoscut. Ma uit in footer sa vad credite. “Original WordPress Theme”, hmm, numai original nu arata sidebarul ala. Hai sa-mi arunc un ochi in CSS, sa vad acolo credite. Nimic, tema originala zice. Ma intriga si ma enerveaza deja.

Ma tot uit prin CSS sa recunosc ceva si intr-un final ma prind: Subiectiv. El avea sidebarul asa pana nu demult, acum a mai schimbat layoutul pentru headinguri un pic. Ma uit si in CSS-ul lui. Da, de acolo e copiat. Dar nu asa, cu nesimtire:

Print screenuri pentru eternitate (original vs furt): … (click pentru continuare…)

Citeste si:

Floggerul – un hot mic si prost

de ce? — Sun, 10 Aug 2008 17:34:02 +0000

Floggerul, un pustiulica cu buletin proaspat, care face post spam pe forumul blogoree in sectiunea “hello”, dar vrea sa fie mare blogăr (si-a cumparat un .info, iar aum urla pe forum sa-i dea cineva hosting moca), s-a gandit ca ar fi bine daca mi-ar fura tema vizuala de pe blog.

Mersi Vlad pentru atentionare

Pentru ca … (click pentru continuare…)

Citeste si:

Internet explorer 6 si 7

de ce? — Thu, 29 May 2008 17:31:40 +0000

Are cineva vreo idee cum se pot instala ambele versiuni de Internet Explorer – IE6, si IE7 – pe acelasi calculator? (acelasi OS, e de inteles)

Am nevoie pentru “browser validation”. Simulatoarele de pe internet care randeaza si trimit poze clacheaza uneori :)

Citeste si:

Blog Update

de ce? — Fri, 08 Feb 2008 14:33:03 +0000

Un mic update de blog.

Am trecut pe WordPress 2.3.3 – vezi aici de ce.

Am optimizat (ieri) afisarea blogului in versiunea pentru print prin adaugarea unui css special. E afisat doar continutul (fara comentarii, sidebar, linkuri etc.), dar intr-o maniera clara si lizibila. [cu un print preview din browser se observa forma noua]

De ce? Am constatat de curand ca e util, din cand in cand iti mai vine sa tiparesti ceva, un post etc, iar blogul meu (ca multe alte siteuri si bloguri) arata ca o cizma tiparit…

O sa vina pe tutorial un post despre cum sa faci css pentru tiparire. :)

Citeste si:

Simplu ghid CSS 2

de ce? — Wed, 09 Jan 2008 13:49:17 +0000

Noroc cu Napster, mi-am amintit ca incepusem o traducere dupa un simpatic ghid CSS scris de Dave Shea acum mai bine de un an.

Continuarea pentru Ghidul CSS de bune practici:

Divide et Impera: un principiu vechi aplicabil in CSS – transforma bucati mari de CSS in comentarii.: Principiu aplicabil in cazul fisierelor mari cu continut mai putin cunoscut. Imparti CSS-ul in doua bucati, comentezi prima jumatate (/* la inceput si */ la sfarsit). Daca problema cu care te confrunti inca apare inseamna ca este in jumatatea celalta de CSS. O imparti la randu-i in alte doua bucati – din care una comentata. Repeti procesul pana ajungi sa reduci cautarea la un bloc mic de css, in care e simplu de investigat ce e rau.
Linkurile si principiul “LoVe/HAte”.: Expresia “LoVe/HAte” a fost inventata pentru a retine mai usor pseudo-clasele linkurilor in ordinea utila pentru folosire: Link, Visited, Hover, Active. Daca nu sunt definite in aceasta ordine, nu o sa functioneze cum trebuie. De asemenea, nu trebuie sa uitam de :focus inainte de hover – util uneori. Propun LVHFA de retinut in genul "Liga Visatorilor Harnici Face Afaceri" :)
Tine minte principiul care “TRansforma BLocuri”.

The New Blogoree

de ce? — Thu, 13 Dec 2007 18:59:03 +0000

Blogoree si-a schimbat fata, main page-ul e din nou bligg, de asta data powered by Drupal. Conceptul e realizat de eugen, micul drac al retelei nimic.org.

Se misca bine, dar inca nu arata extraordinar de frumos.

Pentru atractivitate mai mare exista bine inteles si un concurs (e la moda): pentru fiecare articol publicat utilizatorul primeste 2 puncte, la sfarsitul saptamanii se trage linie si cei mai harnici 2 postatori primesc cate un banner.

Citeste si:

Sa navigati bine!

de ce? — Mon, 10 Dec 2007 03:07:19 +0000

Rearanjat un pic elementele de pagina, in special sidebar, scapat de cateva elemente (usor) nefolositoare, butoane noi pentru feed, re-organizat ce parea bun de re-organizat, fonturile noi in post, culori un pic afectate si excerpt pentru posturile ‘cu legatura’. Totul pentru o navigare mai buna prin site – sper eu. Eh, cum e blogul? … (click pentru continuare…)

Citeste si:

Best Blog Design

de ce? — Tue, 06 Nov 2007 08:36:10 +0000

Pe ideea nu mor caii cand vor cainii, nu se catiga concursuri doar pe baza de popularitate, ori “de ce naiba roblogfest-ul a avut sectiune de design fara sa existe juriu avizat”, Manafu vine cu o noua initiativa cu posibil viitor impact in “piata designului de blog”, daca exista una – Best Blog Design.

Regulament, da; juriu, da; premii, da. Ce poti dori mai mult? Inspiratie.

PS: particip si eu cu o tema modificata si una originala. Apar in cateva zile, inca nu sunt online blogurile respective :)

Citeste si:

S-a dat Lucky Strike-ul

de ce? — Sun, 26 Aug 2007 14:31:49 +0000

Cititorii mai vechi probabil ca stiu ca prezentasem pe blog o parte din temele de wordpress pe care le-am facut. Ei bine, una din ele, pe nume Lucky Strike, tocmai s-a dat. A iesit in categoria de teme free pentru a placut cuiva si a cumparat-o. Tema e redesenata, personalizata si partial re-codata.

Vizibila de acum doar pe blogul lui shocs.

Citeste si:

Inca un template de blogger

de ce? — Wed, 15 Aug 2007 17:40:04 +0000

City Tree. Template de doamne si domnisoare, dar din alea sofisticate :p

Se poate downloada si se pot citi mai multe despre el aici.

PS: daca tot am facut site-uri, am si schimbat putin de tot designul la blog (pe tema go naked 2) – in Firefox se vede foarte frumos, in Internet Explorer e doar ok :p (e vina mea ca nu stie alpha blending si a trebuit sa folosesc gifuri?)

Citeste si:

Design tvr.ro sau cum sa faci usor 10000 de euro

de ce? — Tue, 24 Apr 2007 03:31:28 +0000

Noul design al TVR a fost facut in scarba de hambar18 (design + layout care a costat 10000 de EURO)… Ei sunt foarte multumiti de ce au realizat, eu nu. … (click pentru continuare…)

Citeste si:

Apollinaire – sezonul 2, redesign

de ce? — Sat, 14 Apr 2007 11:51:38 +0000

Curat Murdar a intrat in sezonul doi cu texte un pic mai serioase decat ne-am obisnuit, Apollinaire a intrat in acelasi sezon secund cu o tema mai zambitoare (facuta de mine – da, am castigat aparatul foto :P ).

Plecand de la ideea ca trebuie sa fie ceva unic, ceva care sa nu semene cu restul blogurilor, ceva care sa nu arate a tabel si de la ideea unei forme asimetrice am ajuns la noul design al lui Apollinaire. Am rupt si de asta data standarde ale layout-ului. Tema vizuala nu are headerul cu care s-a obisnuit toata lumea prin WordPress sau Blogspot, chiar mai mult de atat, asezarea e pe trei coloane, widgetizate, dar pozitionate invers, in partea stanga.

Zambitorul din colt e chiar el… “intelegi, pisi?” :P

Citeste si:

Go Naked 2

de ce? — Mon, 19 Mar 2007 12:57:45 +0000

Am terminat o alta tema din seria go naked, cea curenta are o tenta un pic mai serioasa decat prima.

Cum arata? Cum se comporta? Ceva buguri? :)
… (click pentru continuare…)

Citeste si:

Asa cum e?

de ce? — Mon, 26 Feb 2007 08:04:19 +0000

Sugestii, injuraturi, felicitari despre noul layout al paginii? … (click pentru continuare…)