Įrankiai

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ą :)

Pagaliau pradėjo veikti dizainų karpymo paslauga -  div.lt . Svetainėje rasite karpymo darbų pavyzdžius, paslaugų aprašymus bei kainas.

Paslauga skirta įmonėms, kurios neturi savo dizaino karpymo specialistų, arba jų darbų krūviai itin nepastovūs.

Kai kurios Lietuvos IT įmonės jau naudojasi šia paslauga.

Neseniai Dr. Wave’as suteikė mums galimybę prieiti prie ilgai laukto Google Wave, taigi trumpai papasakosiu apie pirma šio stebuklo įspūdį.
Pradžiai turiu pastebėjimą, jog Wave atidarytas ant FireFox naršyklės, naudoja trečdalį mano PC resursų, todėl vienintelis būdas, kuriuo įmanoma normaliai dirbti su Wave, yra naudotis Chrome.
Taip pat, jei norėsite naudotis pilnu Wave funkcionalumu, taip pat teks Naudotis tuo pačiu Chrome, arba įsidiegti Google Gears.

Apie patį funkcionalumą, nepasakosiu, nes jį galite pasižiūrėti šioje prezentacijoje.

Galiu pradėti nuo poros įdomių sprendimų:

1. Visi wave aplinkos blokai yra dinaminiai (Keičiamo dydžio, minimizuojami ir pan. ) Įdomus sprendimas, kad kai blokas yra minimizuojamas, jis pakliūna į įrankių juostą, panašiai, kaip ir Langų mechanizmas operacinėse sistemose. Tą naujove turbūt pavadinti yra sunku, tačiau web srityje šį sprendimą matau pirmą kartą.
2. Darbas su failais, įgyvendintas labai kruopščiai – failą iš savo kompiuterio galiu įmesti tiesiai į naršyklę ir jis iš karto bus nusiųstas į Wave ir tuo pat metu suspaustas į ZIP archyvą.

Kaip jau minėjau visas kitas naujoves galite pažiūrėti Google pateiktoje prezentacijoje.

Kadangi google, skelbiasi, jog wave yra visai naujos kartos komunikacijos ir bendradarbiavimo platforma, teko ją išbandyti su kolegomis. Deja, kol kas funkcionalumu nusivylėme, dėl keleto priežasčių:

• Jeigu bendraujame realiu laiku, wave’as turėtų atstoti Chat’ą, tačiau iki to yra toli gražu: visa bendradarbiavimo sistema veikia nepakankamai greitai ir trūkčioja, net ant greito interneto.
• Norint išsiųsti atsakymą į kolegos postą, turiu su pele paspausti ant po tuo postu esančios, plonos linijos ir neturiu galimybės tai padaryti, naudodamasis vien klaviatūra, todėl dažai sukurdavau įvairių pokalbio šakų to visai nenorėdamas.
• Labiausiai naudojamos funkcijos, tokios kaip “Reply to this message”, “Edit”, “Delete”  yra paslepiamos iššokančiame meniu. Jų daug labiau norėtųsi piktogramų pavidalu, funkcinėje juostoje arba prie paties posto.
• Nėra collapse/expand funkcijų, kurios tikrai pagerintų pokalbio skaitomumą.
• Keblus sprendimas padarytas su blokų slinkties juostomis (ScrollBar’ais) – jie padaryti dvigubi ir labai blaško dėmesį.
• Dar pastebėjau, jog registruodamasis Wave gauni pašto adresą su @googlewave.com galūnę, tačiau jokio pašto į ją siųsti negalimą. Šiuo klausimu, viltingai žvelgiu į ateitį ir tikiuosi, kad toks funkcionalumas bus įvykdytas.

Taigi, apibendrintai galiu pareikšti, jog Google wave yra kur tobulėti, kadangi, juo kaip komunikavimo įrankiu, kol kas efektyviai naudotis tikrai neišeitų. Kadangi aptariau tik “preview” versiją, tikiuosi, kad ateityje šis įrankis tikrai patobulės ir jam šiai versijai skiriu 4,5/10 įvertinimą.

Šiuo metu, nemažai tinklapių yra įgyvendintas dinaminis tinklapio užkrovimas, pvz.: Neperkraunant puslapio, galima naršyti po prekių katalogus. Paprastai toks funkcionalumas vartotojui yra daug patogesnis, nei viso puslapio perkrovinėjimas, tačiau jeigu tokiu būdu reikia užkrauti didelį kiekį informacijos ir serveris veikia lėtai, vartotojas gali būti suklaidintas ir nueiti į kitą puslapį. Kad to išvengti, patariame naudoti krovimosi paveikslėlius “Preloader’ius”, kurie yra rodomi vartotojui, kol yra kraunamas turinys. Pvz.:

Tokius dailius paveikslėlius galite pasidaryti patys, su preloaders.net sistemėle. Joje lengvai susikursite norimą paveikslėlį, nurodydami jo išvaizdą, spalvą, dydį, bei animacijos greitį. Taip pat visi šioje sistemoje sukuriami paveikslėliai gali būti su permatomu fonu, todėl tiks bet kokiame tinklapio dizaine.

Kad ir kaip mes nemėgtume Microsoft Internet Explorer naršyklės senųjų versijų, kuriamus projektus tenka pritaikyti ir joms. To priežastis labai paprasta – nemažai žmonių vis dar naudoja pasenusias, su operacine sistema įrašytas naršykles.

Didžiausia problema yra, kad Windows OS leidžia turėti tik vieną Internet Explorer versiją, taigi reikia papildomų įrankių testavimui. Geriausia turėti kelias atskiras Windows instaliacijas, skirtas būtent testavimui (atskirą tam skirtą kompiuterį, arba virtualią mašiną), tačiau ne visada yra tokios galimybės. Testavimui su skirtingomis naršyklėmis yra kuriamos specialios programos, apgaunančios Operacinę sistemą ir leidžiančios veikti kelioms skirtingoms IE versijoms vienu metu. Seniau sėkmingai naudojau MultipleIEs programėlę. Ji mokėdavo suinstaliuoti IE versijas nuo 3.0 iki 6.0 į vieną kompiuterį. Tačiau buvo ir minusų:

1. Neveikė su naujesne nei Windows XP OS.
2. Komplekte trūksta IE 7 ir naujesnių IE versijų.
3. Naršyklės veikia nestabiliai.

Naršydamas www programuotojų resursus internete užtikau alternatyvą – IETester. Programėlė sulietuvinta, veikia su XP, Vista, 7 Windows versijomis, leidžia testuoti svetaines su IE 5.5, 6.0, 7, 8 ir numatytąja sistemos IE versija. Patogu tai, kad vienu mygtuko paspaudimu galima atidaryti svetainę skirtingomis IE versijomis.

Žemiau pateikiamas pavyzdys, kaip atrodo svetainės testavimas su IETester:

1žingsnis. Spaudžiame mygtuką “Visos IE laidos”:

2 žingsnis. Iššokusioje lentelėje suvedame puslapio adresą ir pasirenkame su kuriomis IE versijomis atidarinėti:

3 žingsnis. IETester kortelėse atidaroma svetainė, galime nagrinėtis skirtumus:

Svetainės vaizdas su IE 6 (frontend.lt lankytojams su senomis IE versijomis pasiūlome atnaujinti naršyklę):

Svetainės vaizdas su IE 7:

Svetainės vaizdas su IE8:

Svetainės vaizdas su numatytąja IE versija, mano atveju su IE8:

Jeigu dažnai prireikia lyginti svetainės išvaizdą su skirtingomis Internet Explorer versijomis, rekomenduoju išbandyti IETester. Kaip svetainės suderinamumą su skirtingomis naršyklėmis tikrinate Jūs?