2011 Kovas

Kaip žinia, dirbama prie naujos HTML kalbos specifikacijos. Anksčiau ji buvo vadinta HTML 5, dabar atsisakyta skaičiuko ir liko vien HTML.

Įdomi dalis yra HTML formos. Buvau nustebęs kiek specifikacijoje daug visko numatyta, nekantraudamas laukiu, kada bus galima viską drąsiai imti ir naudoti.

Pristatau įdomų įrankį, leidžiantį vizualiai susipažinti su naujųjų HTML formų savybėmis ir esama realizacija naujausiose naršyklių versijose: The Current State of HTML Forms.

Projektuose esu naudojęs El.pašto įvedimo lauką <input type=”email” />, nuorodos įvedimo lauką <input type=”url”> ir paieškos frazės įvedimo lauką <input type=”search” />, bei atributą, skirtą įvedimo lauko prasmės paaiškinimui placeholder. Džiugu, kad šie elementai jau veikia naujausiose Firefox ir Chrome versijose. Senesnėse nemoderniose naršyklėse, naujų žymenų veikimą tenka imituoti, pasinaudojant kitomis priemonėmis: JavaScript, CSS gudrybėmis, dizaino elementais, tačiau, manau, kad verta naudoti kuo daugiau semantiškai prasmingo žymėjimo HTML kode.

Rekomenduoju visiems Web sąsajos kūrėjams susipažinti su standartais ir jų galimybėmis ir, jeigu tik yra sąlygos, imti juos naudoti savo projektuose.

Kokias naujas HTML (“HTML5″) žymas ir atributus naudojate Jūs? Laukiame komentarų, bei balso dešinėje esančioje apklausoje. Ačiū! :)

Programuojant web HTML šablonus, prieš pradedant dažniausiai tenka atlikti nuobodų ir mechaninį darbą – pasiruošti šablonų išdėstymą,  įtraukti skriptus, sudėlioti “fix’us”, bei daug kitų dalykų, kurie paprastai pasikartoja visuose projektuose. Turbūt nesuklysiu pasakydamas, jog dauguma web programuotojų turi pasiruošę vienokius ar kitokius bazinius šablonus, kuriuos naudoja.

Nesenai atradau vieną visiems prieinamą šabloną HTML5 BoilerPlate: http://html5boilerplate.com/, kurį čia norėjau pristatyti. Šio šablono esmė, priversti senesnes naršykles palaikyti HTML5 žymas. Nors kol kas tai nėra itin reikalinga funkcija, šiame šablone yra daug įvairių dalykų, dėl kurių jį verta naudoti:

• Iš karto paruošta failų struktūra ir įtraukti reikalingi išoriniai skriptai, su “fallback’ais” į lokalius skriptus. (yra netgi Google Analytics :) )
• Optimizavimas mobiliesiems įrenginiams
• Senesnių naršyklių palaikymas ir visi reikalingi fixai (net IE6)
• .htaccess direktyvos (www peradresavimas, duomenų kompresija)
• Optimizuoti spausdinimo šablonai

Geriausias dalykas yra tai, jog iš šio šablono galima pasiimti tik funkcijas kurių reikia, bei papildyti savo paties naudojamą šabloną :)

IE6 countdown – atrodo eilinė interneto kūrėjų iniciatyva prieš visokeriopai pasenusią naršyklę. Tačiau už šio projekto stovi pati IE6 kūrėja “Microsoft”. Džiugi iniciatyva, nuoširdžiai linkime, kad greičiau būtų pasiektas užsibrėžtas tikslas – mažiau nei 1% interneto naršytojų besinaudojančių IE6. Iš žemėlapio matome, kad didžiausia bėda yra Kinijoje, o Norvegija ir Suomija jau yra pasiekusios tikslą!

Info ir paveikslėlis iš Engadget “Microsoft kicks off effort to rid the world of Internet Explorer 6“