Internet Explorer 9

Internet Explorer 9 se lansează cu surle și trâmbițe, se face marketing pe seama lui, spunându-se că este cel mai bun browser IE de până acum, mulți se vor grăbi să-i laude aspectul sau viteza, uitând de capabilități, iar Microsoft o mai împinge puțin.

Vorba unui prieten: “Fă-mă să-ți fac viața grea”. Pentru că, susțin unii, niște lucruri importante pentru dezvoltarea tehnică a internetului nu merg pe Internet Explorer 9, după cum urmează:

  • Cache-ul de aplicație (offline)
  • Web Workers (fire de execuție paralelă în JavaScript)
  • Formulare HTML5 (mecanismul de validare, selectoarele CSS3)
  • Modul (de lucru) strict în JavaScript
  • ForeignObject (includerea conținutului extern în SVG)
  • Animații SMIL (SVG)
  • API (generalizat) pentru fișiere
  • WebGL (3D)
  • Tranziții CSS3 (pentru animații)
  • Umbre la text CSS3
  • Gradienți CSS3
  • Marginea imaginii CSS3
  • Modelul de căsuță (container) Flex CSS3
  • ClassList APIs
  • FormData
  • API Istoric HTML5 (History API)
  • Drag’n Drop de pe Desktop

Sursa

No, după cum vedeți treaba se prezintă mai de grabă nasol. Internetul se bazează în primul rând pe documente, iar noi încă nu avem un model HTML care să permită reprezentarea completă a documentelor, indiferent de editorul în care au fost create.

Umbre la text sau animații simple se fac în editoarele de text încă din anii 1980. Dar web-ul modern nu le poate reprezenta, că este prea greu să implementezi un tag de HTML 5 care să facă exact asta (<shadow>),

Tare mi-e teamă că Internet Explorer 9 e mai mult o chestie de marketing decât un rezultat firesc obținut în urma cercetării și dezvoltării.

68 Comentarii

  1. ocsike 17 februarie 2011 la 08:15 - Raspunde

    Lansările de succes de laMicrosoft , cred eu au fost windof 98, windof xp şi windof 7, IE-urile nu intră în categoria lansărilor de succes.

  2. ocsike 17 februarie 2011 la 08:58 - Raspunde

    Poi nu sunt rău. Zi un IE care a rupt gura târgului, i-a făcut pe utilizatorii de firefox, opera sau chrome sa renunte la browsere pentru că mâncă prea multe resurse, şi să să treacă la utilizarea IE mai mult?
    P.S. Înainte de Firefox eu foloseam Opera ca alternativă la IE.

  3. George Brailoiu 17 februarie 2011 la 11:48 - Raspunde

    Atata timp cat se trage din IE6 nu pot sa zic ca: Ce se naste din pisica soareci mananca.

    • Robin Molnar 17 februarie 2011 la 14:33 - Raspunde

      =)) Bună asta, deși ai uitat un “nu … decât” pe acolo.

  4. Mihai Todor 17 februarie 2011 la 11:51 - Raspunde

    Pfff… Deci mda. E chiar mai naspa decat ma asteptam. Din cauza unor astfel de softuri penibile, internetul evolueaza mult mai incet decat ar trebui. Culmea e ca, in loc sa accelereze, evolutia sa e mai degraba incetinita, o data cu aparitia unei versiuni noi de browser. Nu am sa inteleg niciodata de ce nu se pot intelege toti asupra unui standard batut in cuie.

    In momentul de fata, daca doresti sa creezi un site, trebuie sa te asiguri ca e compatibil cu: Firefox, Opera, Safari, IE6, IE7, IE8 si, mai nou IE9 plus, ca bonus, cateva browsere pentru mobile si tablete. Ca sa fie treaba treaba, fiecare versiune de IE are bug-urile proprii care trebuiesc ocolite prin diverse hardcodari. Noroc ca se presupune ca celelalte browsere se updateaza automat si e suficient sa fie suportata ultima versiune.

    Apai, in conditiile astea, sa nu iti bagi ceva in el web development si sa te apuci de cules capsuni pe Marte?

    • Robin Molnar 17 februarie 2011 la 14:03 - Raspunde

      Da, deci e foarte de că*at să nu suporte CSS3. Îmi vine să înjur de nu mai pot: fac ca trăncălăul curs de CSS3 și mă enervez că nu merge ce văd acolo, iar după ce investighez niște ore să văd ce mă-sa are, îmi pică și mie fisa… De-aia n-am reușit să învăț CSS, că nu e standard. În schimb, la HTML rup malul. Treabă e asta?

      • Mihai Todor 17 februarie 2011 la 16:34 - Raspunde

        Eh, un curs calumea de CSS ar trebui sa acopere selectorii de baza, care sunt prezenti in toate versiunile, si, cel mai important, modul corect de pozitionare al elementelor. Apoi, eventual, poate intra in particularitati legate de CSS3…

        • Robin Molnar 17 februarie 2011 la 17:02 - Raspunde

          Sau așa, da. 😀 Oricum, e foarte enervant să scrii CSS cu IF prin el.

          • Ana 17 februarie 2011 la 20:07 -

            Ce if???????????
            Nu ai nevoie de if-uri.
            Scrii declaratiile pentru celelalte browsere (incluzand IE 9, care acum suporta unele proprietati CSS3, sau nu) si pentru IE (alternativa cu filtre)
            Alte browsere nu recunosc declaratiile pentru IE => le ignora
            pam pam!

          • Robin Molnar 17 februarie 2011 la 20:46 -

            Aia cu ignoratul mă scotea pe mine din sărite rău de tot. =))

          • Mihai Todor 18 februarie 2011 la 01:14 -

            Lumea a găsit tot felul de hack-uri pentru a putea ocoli incompatibilitățile dintre diversele browsere. Unele sunt drăguțe și utile, altele mizerabile de-a dreptul. Problema e că netul a fost poluat cu ele și, din păcate, din cauza asta, apar în continuare site-uri scrise cu picioarele, folosind tehnici de acum 10 ani, pline de HTML invalid, provenit probabil din epoca lui IE < 6. Prea puține site-uri de tutoriale de programare web își updatează conținutul, astfel încât să reflecte prezentul. Ce părere ai de faptul că, în continuare, este dificil să centrezi vertical chestii (fără să folosești table-uri)? Ce părere ai de bugurile mizerabile, gen overflow bug în IE7? IF-urile menționate de Robin pot fi utile fix pentru a încărca selectiv CSS-uri doar pentru IE, astfel încât să ocolească asemenea bug-uri... Să nu mai zic că Muci$oft a implementat aiurea modelul BOX într-unul din mirobolantele sale browsere (parcă în 6). Eu am citit suficient de multe despre CSS și HTML încât să mă descurc să obțin cod valid și, în mare, compatibil cu aproape orice (exclusiv IE6, care sper să ardă în flăcări). Totuși, lovindu-mă de diverse probleme stupide și de multe chestii lipsă la capitolul funcționalități de bază, am ajuns să mă simt frustrat când e nevoie să fac așa ceva și, deci, în principiu, evit pe cât posibil programarea web, referindu-mă strict la partea de user interface.

          • Ana 18 februarie 2011 la 04:13 -

            Na, spamez si eu cu spor… se pot uni comentariile ca sa nu ma mai simt asa… nesimtita?

            Prefer sa folosesc asa ceva in loc de if-uri si fisiere CSS separate pentru fiecare browser. Nu de alta, dar m-am ars cu chestii de genul 😐

            Solutie foarte simpla pentru “the IE7 overflow bug”

            The box model.
            Mi-e lene sa scriu, bag un link.

            Tragand linie. Sunt o multime de probleme. Si nu doar pentru IE. Toate browserele au colectii grasute de probleme. Daca ma apuc sa fac liste, pun pariu ca cel mai bine iese Chrome. Dar stii de ce? Pentru ca eu intai testez pe Chrome si m-am obisnuit sa vad lucrurile asa cum le vede Chrome. Si de aia mi se pare aiurea cum interpreteaza uneori alte browsere acelasi CSS. Daca IE ar fi de baza, poate ca mi s-ar parea in regula felul in care vede IE lucrurile si mi s-ar parea aiurea felul in care le vede Chrome. Totusi… pentru problemele astea exista solutii. Si daca e o chestie pentru care sunt recunoscatoare, e faptul ca in cazul unei probleme de programare (web sau programare in general), nu procedez asa cum procedez in cazul altor probleme. Adica sa-mi iau jucariile si sa plec. M-a luat secretara sefa la faculta anu’ trecut cu “tu ce mai vrei acum?” Am zambit, m-am intors pe calcaie, “o zi buna!” si m-am carat. Da, chiar aveam nevoie de hartia aia nenorocita in ziua aia. A fost o reactie de “I’ll show you, I’ll hurt myself!” asa cum am de multe ori. Dar cand e vorba de programare… caut solutii. Pentru ca solutii exista. Pentru ca imi plac provocarile de genul asta.

          • Robin Molnar 18 februarie 2011 la 09:42 -

            Apăi spamează, că spamezi bine. =))

          • Mihai Todor 18 februarie 2011 la 15:28 -

            Stiu ce zici, dar, progrmator fiind, detest sa fiu nevoit sa scriu cod in stilul asta. Efectiv arata groaznic si fug de asa ceva ca de dracu’ 🙂 Mie-mi plac chestiile bine organizate si structurate 🙂

            Referitor la Chrome, nu sunt sigur daca echivalentul lui Firebug e la fel ca in Firefox, acesta fiind un plugin indispensabil pentru mine. Practic, de cand l-am descoperit, mi-am dat seama ca nu as putea face web development fara el. Efectiv as fi prea ineficient 🙂 In rest, pe PC-ul meu cred ca s-ar misca ceva mai greoi Chrome-ul, dat fiind faptul ca fiecare tab este deschis intr-un proces separat. Da, stiu ar fi cazul sa imi iau un PC nou…

            PS: Stiu ca are si IE un fel de Firebug, dar, din pacate, e plin de bug-uri penibile…

          • Ana 18 februarie 2011 la 04:22 -

            Gosh, I really feel like a dirty spammer now… but I just remembered something.

            Prea puține site-uri de tutoriale de programare web își updatează conținutul, astfel încât să reflecte prezentul.

            Then you’re not visiting the right websites, my son… I’m getting fresh CSS juice daily 🙂

          • Mihai Todor 18 februarie 2011 la 15:31 -

            In mod cert nu ma refer la site-urile vizitate de mine, ci la cele pe care le pune Google in top, cand cauti dupa o anume problema de CSS. Lasand w3schools la o parte, de multe ori am vazut ca apar printre primele site-uri diverse forumuri si balarii din 1900 toamna, cand cauti dupa o anume problema de CSS…

            PS: Suntem oarecum pe subiect, deci avem voie sa “spamam” 😀

          • Ana 18 februarie 2011 la 16:11 -

            Cand caut dupa o anumita problema CSS, dau click in primul pe link-urile de pe prima pagina care duc catre site-urile pe care le cunosc. 🙂 Asa ca n-am probleme. 🙂

      • Ana 17 februarie 2011 la 20:41 - Raspunde

        CSS
        Ianuarie 2009. Nu stiu ce naiba mi-o tunat sa fac o schimbare, nu stiam nici macar sigur in ce directie, ce anume voiam sa schimb la tema de blog.

        Si m-am apucat sa modific CSS-ul. Habar n-aveam ce fac. Numele proprietatilor sunt destul de intuitive. Unde nu m-am prins cum e smecheria doar uitandu-ma la CSS-ul initial, m-am apucat sa “gugalesc” – am dat peste asta, e de baza pentru CSS. N-am prea fost eu incantata, dar na, macar am reusit sa-mi fac o tema noua acceptabila. Nu de la zero, pornind de la alta, dar in fine…

        Apoi am lasat-o balta. Pana prin august, cand m-am apucat sa ma joc cu JavaScript – pe partea de manipulare CSS, prelucrare de feed-uri. Am reusit sa fac cateva widgeturi absolut unice 😛

        Decembrie 2009. Prima tema de la zero. Smechera. Cu semitransparenta, colturi rotunjite. Suferinta ca nu mergeau colturile rotunjite in IE (bine, se poate regla asta din JavaScript, da’ la vremea aia cautam sa fie cat mai mult din CSS chior, JavaScript foloseam in principal pentru inserare/ stergere de elemente).

        Ultimul semestru la poli, mi-am luat un curs de la automatica (de la calculatoare) – programare web. A fost in principal axat pe PHP/ MySQL (asa am invatat si eu PHP de la zero, cea mai grea parte fiind utilizarea vim la lab si instalarea wamp acasa 😛 ) si putin pe jQuery (o noutate pentru mine, eu ma jucasem doar cu JavaScript chior pana atunci). Flash s-a facut un curs si deloc la lab. CSS s-a facut un curs si putin intr-un lab. Oarecum bine pentru mine, pentru ca la partea de CSS nu prea mai aveam ce sa invat la politehnica. Tot respectul pentru prof si laboranti, si-au dat interesul si chiar am invatat o groaza la capitolul PHP de la ei, da’ la partea de CSS nu mai era nimeni la nivelul meu.

        In toamna lui 2010 mi-am facut curatenie in reader. Din peste 400 de bloguri au mai ramas 92. Peste 50 sunt axate pe programare (in special programare web si ciocolata). Nu trece o zi in care sa nu citesc ceva de programare web, sa nu ma uit la un tutorial.

        Mmmm… ce vreau sa spun cu toata chestia asta e ca un curs oficial e bun ca un sut in dos (nu DOS 😛 lol, I guess I’m a geek) ca sa te pornesti. Etapa foarte necesara in cazul meu – a se vedea care au fost cele mai dificile chestii in invatarea PHP pentru mine + cea mai dificila chestie in invatarea Java a fost instalarea si configurarea unui IDE. Partea de scris cod, indiferent ca e vorba de BASIC-S-ul ala de pe HC-urile de odinioara (anyone else remember?), de C, de Java, …., de CSS mi se pare partea usoara, mai ales acum, cand am net. Nu sunt eu autoritatea mondiala in domeniu, asa ca daca am o problema, cu siguranta s-a mai lovit si altcineva de ea inainte. Raspunsul se gaseste cu siguranta pe net. Poate nu asa cum mi l-as dori (adica in unele cazuri e o imbarligatura, in altele aflu ca nu se poate ce vreau eu in felul in care vreau eu). Dar e un raspuns clar.

        • Robin Molnar 17 februarie 2011 la 20:56 - Raspunde

          49 6E 74 65 72 65 73 61 6E 74 2E 1 50 65 1 76 72 65 6D 65 61 1 6D 65 61 1 6E 75 1 73 65 1 66 61 63 65 61 1 70 72 6F 67 72 61 6D 61 72 65 1 77 65 62 1 6E 69 63 61 69 65 72 69 1 69 6E 1 73 63 6F 61 6C 61 2C 1 69 61 72 1 64 61 63 61 1 76 72 6F 69 61 69 1 73 61 1 6F 1 69 6E 76 65 74 69 1 74 72 65 62 75 69 61 1 73 61 1 6F 1 69 6E 76 65 74 69 1 61 63 61 73 61 2E 1 43 65 65 61 1 63 65 1 73 2D 61 1 73 69 1 69 6E 74 61 6D 70 6C 61 74 1 69 6E 1 63 61 7A 75 6C 1 6D 65 75 2E 1 44 65 73 69 67 75 72 2C 1 66 61 72 61 1 69 6D 62 6F 6C 64 75 6C 1 61 63 65 6C 61 1 64 61 74 1 64 65 1 75 6E 1 63 75 72 73 1 70 72 65 7A 65 6E 74 61 74 1 70 72 6F 66 65 73 69 6F 6E 69 73 74 1 69 6E 1 63 61 64 72 75 6C 1 75 6E 65 69 1 69 6E 73 74 69 74 75 74 69 69 1 64 65 1 69 6E 76 61 74 61 6D 61 6E 74 2E 1 44 69 6E 1 70 61 63 61 74 65 2E

          P.S. Uitasem să mai dau un paste. Același text, dar de data nu în hex:

          Interesant. Pe vremea mea nu se facea programare web nicaieri in scoala, iar daca vroiai sa o inveti trebuia sa o inveti acasa. Ceea ce s-a si intamplat in cazul meu. Desigur, fara imboldul acela dat de un curs prezentat profesionist in cadrul unei institutii de invatamant. Din pacate.

          • Mihai Todor 18 februarie 2011 la 01:20 -

            Geek! Și eu care credeam că ai încercat să îți hackerești blogu’… 😛

          • Robin Molnar 18 februarie 2011 la 09:39 -

            Apăi de ce aș face una ca asta? =))

  5. Ana 17 februarie 2011 la 14:19 - Raspunde

    Este intr-adevar cel mai bun browser IE de pana acum.

    gradients, shadows, transitions, multiple backgrounds, reflections – toate chestiile astea merg in browserele IE inca de la versiunea 5.5. Cum? Filtre!

    Sincer, m-am jucat cu ele, sunt dragute, dar crede-ma ca nu-mi doresc sa vad pe toate paginile n-spe mii de efecte doar pentru ca e posibil sa fie adaugate. Desigur, chestiune de gusturi si chiar si asa oricum mi-as dori o standardizare…

    Nu imi place interfata. Nu imi place ca se incarca greu.

    Nu merg:
    – CSS3 multiple columns (nu merg nici in nici una din versiunile de Opera, oricum) column-count/ column-width/ column-gap/ column-rule
    – CSS3 text stroke (nu merge decat pe Chrome/ Safari) text-fill-color/ text-stroke/ text-stroke-width
    – CSS3 border images (merg in cele mai noi versiuni ale tuturor celorlalte browsere intens folosite de lume; desi… nu merg in Opera < 10.5 si stiu destui oameni care inca folosesc Opera 9.x; presupun ca la asta te-ai referit cand ai zis de marginile imaginilor? nu de alta, da' mie mi-e destul de greu sa fac legatura cand vad chestiile astea scrise in romana… 😐 ) border-image
    – CSS3 outline-offset
    – CSS3 resize (nu merge nici in Opera/ Firefox)

    • Robin Molnar 17 februarie 2011 la 14:27 - Raspunde

      Numai cineva care știe CSS la greu putea spune așa ceva. =)) Din păcate, nu știu la ce filtre te referi, dar mi-ar plăcea să ne faci o aplicație demonstrativă. 😀

    • Mihai Todor 17 februarie 2011 la 16:37 - Raspunde

      Filtrele alea sunt utile doar cuiva care vrea sa dezvolte o aplicatie interna, bazata pe IE. Nu cred ca stiu pe nimeni destul de maniac incat sa fie dispus sa implementeze asa ceva doar ca sa “arate bine” in IE…

      • Robin Molnar 17 februarie 2011 la 17:03 - Raspunde

        Ai fi surprins câți nebuni sunt pe lumea asta. =))

      • Ana 17 februarie 2011 la 20:02 - Raspunde

        Ai fi surprins. Eu sunt suficient de maniaca. Si asta n-ar fi nimic, pentru ca eu sunt maniaca punct, nu doar cand vine vorba de programare.

        Dar in toate tuturialele serioase de CSS3, e prezentata alternativa pentru IE (cu filtre).

  6. Ana 17 februarie 2011 la 14:47 - Raspunde

    ahem
    (bineinteles, exemplele cu filtre nu merg decat pe IE)

    • Robin Molnar 17 februarie 2011 la 15:08 - Raspunde

      Nu știam faza cu filtrele, e mișto. Păcat că nu sunt standard.

  7. Trodat 17 februarie 2011 la 14:58 - Raspunde

    asta este strategia vremurilor noastre…
    un produs cu 5% mai bun decat cel vechi dar reclama cum ca e cu 50% mai bun

  8. Dusmanul 17 februarie 2011 la 19:54 - Raspunde

    Filtrele IE nu sunt valide w3c 😀

    • Robin Molnar 17 februarie 2011 la 20:36 - Raspunde

      Evident, doar nu sunt standard. Pentru că folosesc DirectX.

    • Ana 17 februarie 2011 la 20:44 - Raspunde

      Poi daca e sa o luam asa, nici -webkit-box-shadow, -moz-box-shadow, [alte cateva zeci de exemple] nu sunt valide W3C. Si cu ce ramanem din CSS3? Aaa… cu mai nimic?

  9. Ana 17 februarie 2011 la 20:57 - Raspunde

    A nu se intelege gresit. Comentariile de mai sus nu sunt o pledoarie pentru IE. Clar ca si eu mi-as dori o standardizare. Dar din moment ce se pot face o tona de chestii super tari cu ajutorul CSS3 si exista o alternativa pentru a obtine un rezultat care arata cam la fel in IE, de ce sa refuz asta?

    De ce sa nu folosesc rgba() (gradient filter in IE pana la 8, ca IE9 suporta rgba()) in locul imaginii de background de 2px x 2px pentru semitransparenta. De ce sa apelez la imagini cand pot roti textul? (ok, pentru Opera < 10.5 trebuie sa fac asta, ca nu suporta CSS transforms)

    • Robin Molnar 17 februarie 2011 la 21:00 - Raspunde

      =)) Nu, nu s-a înțeles greșit. Cred că oricine își dorește o standardizare.

      • Ana 17 februarie 2011 la 21:06 - Raspunde

        😀 Ce bine ar fi!
        In loc de:
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -khtml-transform: rotate(-5deg);

        as avea de scris doar:
        transform: rotate(-5deg);
        😀

        • Robin Molnar 17 februarie 2011 la 21:09 - Raspunde

          😀 Da, ar fi perfect. Și simplu. Și ar putea înțelege toată lumea.

        • Ana 17 februarie 2011 la 21:09 - Raspunde

          Ah, am uitat un rand, ala pentru IE <=8 (-ms-transform e pt IE9 doar, pt versiunile anterioare trebuie un matrix transform filter)
          😛

  10. Ana 17 februarie 2011 la 21:13 - Raspunde

    In alta ordine de idei, sper ca IE6 sa moara curand. Eu fac tot ce pot in directia asta: refuz cu incapatanare sa imi fac draci doar pentru ca sa fac un site sa arate decent in IE6. Ce dracu’, pentru cine vrea IE, exista 9 sau macar 7 sau 8…

    • Robin Molnar 17 februarie 2011 la 21:15 - Raspunde

      Eu sper să moară și 7-le, sincer.

    • Dusmanul 17 februarie 2011 la 23:12 - Raspunde

      if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
      {
      var ieversion = new Number(RegExp.$1)
      if (ieversion <= 6))
      alert ("Upgrade your browser or get the fuck off the Internet!")
      }

      • Robin Molnar 18 februarie 2011 la 09:33 - Raspunde

        =)) E bună asta. Îmi place.

        Non-geek: într-un anumit context, codul respectiv se execută pe computerul vizitatorului iar dacă are un browser de tipul Internet Explorer 6 sau mai vechi, un mesaj de alertă este afișat pe ecran: Upgrade your browser or get the fuck off the Internet!

  11. Ana 18 februarie 2011 la 03:18 - Raspunde

    Centrat vertical – exista solutii pentru anumite situatii:
    1) div (id=”ext”) in div (id=”int”), div-ul exterior are inaltime fixa
    a) folosesti display:table-cell;

    #ext{
    height:300px; /* dupa W3C cica merge si cu min-height */
    padding:20px;
    display:table-cell;
    vertical-align:middle;
    border:solid 1px #000;
    }
    #int{
    border:solid 1px #000;
    }

    b) folosesti absolute positioning

    • Robin Molnar 18 februarie 2011 la 09:41 - Raspunde

      Aia cu absolute positioning nu prea e drăguță. 😀

    • Mihai Todor 18 februarie 2011 la 15:13 - Raspunde

      “div-ul exterior are inaltime fixa” – Nu mersi…
      “folosesti absolute positioning” – Hell, no.
      “folosesti display:table-cell” – Daca nu ma inseala memoria, nu e prea bine implementata chestia asta in toate IE-urile…

  12. Ana 18 februarie 2011 la 03:30 - Raspunde

    Ahhhh, is dobi, am dat click pe buton inainte sa termin de scris 😐
    deci continuare: pentru div-ul interior ai position:absolute;top:50%;
    tot pentru div-ul interior pui margin-top cat minus jumatate din inaltimea lui (a div-ului interior)
    2) vrei sa centrezi pur si simplu un text scurt intr-un div
    setezi height si line-height la aceeasi valoare;
    3) solutia lenesului: folosesti JavaScript ca sa manipulezi CSS-ul dupa cum iti doreste sufletelul;

    • Robin Molnar 18 februarie 2011 la 09:42 - Raspunde

      Dezavantaj: trebuie să știi JavaScript…

      • Ana 18 februarie 2011 la 13:51 - Raspunde

        Daca vrei sa faci programare web la modul serios, eu cred ca e necesar sa stii JavaScript.

        [Ana se concentreaza sa incerce sa explice in romana, da’ nu garanteaza ca n-o sa-i iasa o romgleza totala…]

        Inainte de toate, afirmatia de mai sus nu vrea sa spuna ca JavaScriptu’ tre’ sa inlocuiasca partea de… server-side. In nici un caz! Sunt pentru “always have a server-side fallback in case JavaScript fails 😉 ” Dar mi se pare aiurea sa tot reincarci (imi suna asa de aiurea fata de reload) toooaaaaata pagina doar pentru ca ai modificat o gargarita.
        Ajax, please!
        Nota pentru cine s-a gandit la produsul de curatare care eu nu mai tin minte ce draci curata: nu, nu e vorba de Ajaxu’ ala; si nici de clubul de fotbal; si nici de nenea din Legendele Olimpului; si nici de masina si nici de cal… E vorba de asta – e explicat frumos cu poze acolo ce-i cu Ajaxu’ 😉 Si aici is si exemple 😉

        • Robin Molnar 18 februarie 2011 la 15:16 - Raspunde

          😀 Acum am ce citi!

        • Mihai Todor 18 februarie 2011 la 15:38 - Raspunde

          Si mie imi place foarte mult AJAX-ul 🙂 Chiar acum lucrez la un proiect care a necesitat sa invat jQuery (eram obisnuit cu Prototype & scriptaculo.us). Chiar usureaza foarte mult munca 🙂

          Alt PS: Nu vreau sa par negativist la faza cu CSS-ul. Intr-adevar, este un mecanism foarte elegant de manipulare a layout-urilor, dar, din pacate, nicicum nu il pot proiecta astfel incat sa reflecte modul meu de a scrie cod (am renuntat de mult sa mai scriu aplicatii dintr-o functie, fara namespace-uri, interfete, clase, abstractii etc etc etc)

          • Ana 18 februarie 2011 la 16:17 -

            Ah, da, aplicatii intr-o singura functie… primele lectii de C din anul I.

            Java mi-a schimbat modul de a gandi 🙂 Mi se pare foarte normal sa ma folosesc de clase, de functii care fac o chestie precisa (usor refolosibile) si nu n-spe mii de chestii.

            But this doesn’t stop me from liking CSS 🙂

    • Mihai Todor 18 februarie 2011 la 15:18 - Raspunde

      De multe ori am patit sa doresc sa centrez un bloc intr-un alt bloc (div-uri) si chiar nu exista o solutie buna din CSS pentru dimensiuni dinamice.

      Referitor la manipularea din JS, prefer sa regandesc layout-ul decat sa apelez la asa ceva, din simplul motiv ca, de obicei, alinierea va fi realizata dupa ce se incarca pagina, iar asta e o chestie care imi provoaca draci si spume, cand o vad.

      • Ana 18 februarie 2011 la 15:55 - Raspunde

        Poti sa il pozitionezi initial in partea de sus si apoi, dupa ce se incarca pagina, sa-l faci sa alunece pana unde trebuie cu un scriptulet minuscul. Sau sa-l lasi sa alunce pana jos dupa care… bounce pana unde trebuie.

        Personal, am avut doua situatii in care mi-a trebuit sa centrez vertical ceva
        1. un meniu lateral (avand position:fixed)
        2. titlul paginii, scris in lateral si rotit la 90 grade (bineinteles, cu transform:rotate() pentru Chrome, Safari, Firefox >=3.5, IE9, Opera >=10.5// filtre pentru IE <=8// remove element and add background image with the rotated title for Firefox <3.5, Opera <10.5)

        • Mihai Todor 18 februarie 2011 la 16:10 - Raspunde

          Cute, but still, eu vreau sa functioneze asa: position: parent-center sau ceva de genu’ 🙂

  13. Ana 18 februarie 2011 la 16:08 - Raspunde

    Na, eu prefer modalitatea aia pentru ca am avut probleme folosind conditional comments. Si pentru mine e frumos structurat 🙂

    Mie imi place Developer Toolsu’ lu’ Chrome. Mai mult decat Firebug, mai mult decat Developer Toolsu’ care vine la pachet cu IE.
    Bine, acum cred ca depinde pentru ce il folosesti. Presupun ca tu te referi la debugging.

    Eu il folosesc strict ca sa ma holbez in cod. Eu nu stiu sa fac debugging. Indiferent ca e vorba de C, Jav(r)a, MatLab whatever else. Nu pot sa inteleg cum se face debugging . Nici dupa ce mi-au aratat altii, nici dupa tutoriale. E al dracului de bine facut tutorialul ala, doar ca mie nu imi merge ce imi arata ei acolo…

    • Mihai Todor 18 februarie 2011 la 16:33 - Raspunde

      Debugging-ul ajuta foarte mult. Daca te vei angaja in domeniu, vei vedea ca e o ustensila indispensabila 🙂 Cand codul sursa ocupa de la 1 GB in colo, deja nu se mai pune problema de a te “holba in cod” 😀

    • Mihai Todor 18 februarie 2011 la 16:44 - Raspunde

      Nu stiu cum arata acel “Developer Tools” de la Chrome, dar daca nu functioneaza la fel ca Firebug cand vine vorba de navigat prin elemente HTML si editat CSS/HTML on the fly, nu ma ajuta 😀

      • Ana 18 februarie 2011 la 16:58 - Raspunde

        te referi la asa ceva?
        background:red; in atributul style l-am adaugat eu 🙂 Poti sa faci modificari in fereastra Developer Tools si vezi in browser imediat ce efect au.
        In momentul in care selectezi un element in fereastra Developer Tools, in browser iti e incadrat intr-un chenar albastru cu un fel de masca semitransparenta albastra peste. Si in partea de jos iti zice ce e (p, div, …) si dimensiunile.

        • Mihai Todor 18 februarie 2011 la 17:22 - Raspunde

          Da’ asa ceva are? 😀 (inclusiv acel meniu de “computed layout”)

          • Ana 18 februarie 2011 la 18:05 -
          • Mihai Todor 18 februarie 2011 la 19:14 -

            Pai da, dar sa imi si incadreze vizual elementul respectiv, cu liniar & stuff, in functie de cum plimb cursorul pe acolo prin dreapta pe acele dimensiuni 🙂 Ma rog… Mofturi 😛

  14. Ana 18 februarie 2011 la 17:57 - Raspunde

    La buton te referi? Nu (sau oare o fi lupa din partea de jos cu “Select an element in the page to inspect it?” 😕 n-am folosit niciodata butonul ala), in momentul in care te duci cu cursorul peste un element in fereastra Developer Tools, il evidentiaza in browser, dupa cum am spus mai sus.

    Inca o poza. Are Computed Style (care iti arata valorile calculate, de unde le-a scos, fisierul si randul – cu link care te duce unde trebuie in fisierul respectiv – poza). Si Metrics (echivalentul lui Layout)

    • Mihai Todor 18 februarie 2011 la 21:29 - Raspunde

      Mda, acum am văzut partea cu Metrics. E ok și probabil m-aș putea obișnui rapid, dar momentan nu găsesc vreun motiv de a renunța la Firefox în favoarea lui 🙂

      Poate, după ce îmi iau și eu un PC nou, îl voi instala în paralel, așa, din curiozitate, să văd dacă nu cumva începe să îmi placă mai mult 🙂

  15. Marius 20 februarie 2011 la 20:03 - Raspunde

    Pare interesanta partea Developer tools de la Chrome. Urmeaza sa o testez si eu. Multumesc de pont.

Lasa un raspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Vreau să fiu părtaș la faptă. Poți, de asemenea, să fii părtaș și fără martori.

Acest sit folosește Akismet pentru a reduce spamul. Află cum sunt procesate datele comentariilor tale.