Frontend.lt

interneto projektų apžvalga, sprendimai, technologijos

Frontend.lt

Failo formatas: WWF

Autorius: Petras 2010 12 24, PenktadienisKategorijos: Frontend.lt, Technologijos

wwf-splash-iconNeseniai internete aptikau failo formatą, kuriuo, kaip teigiama, naudodamasi padėsime mūsų planetos žaliesiems Atogrąžų miškams. Esmė labai paprasta: tai naujasis *.wwf failo plėtinys, paremtas visiems gerai žinomu PDF formatu.  Kalbant paprastai, naujasis formatas nuo PDF’o skiriasi keliomis savybėmis:

1.  Pagrindinė savybė – wwf dokumento neįmanoma atspausdinti, o taip yra taupomas popierius ir saugomi medžiai.
2. PDF failo piktograma keičiama į žalią WWF medį.
3. Failo pabaigoje automatiškai sugeneruojamas paaiškinimas įvairiomis kalbomis, kas yra WWF (jį galima ir išimti)

Taip pat šio formato kūrėjai platina nemokamą įrankį, kur bet kokį spausdinamą dokumentą galima išsaugoti į WWF.

Taigi, turbūt įdomu, kuo šis formatas susijęs su front-end? Galiu atsakyti: man asmeniškai teko įgyvendinti daug projektų, kur įvairios ataskaitos, sąskaitos ir pan yra generuojamo PDF ar kokiu kitu formatu, kurį žmonės vėliau gali atsispausdinti. Taigi manau būtų puiki idėja suteikti vartotojams galimybę visus šiuos dokumentus generuoti būtent šiuo formatu (Tiesiog  šalia “Save as PDF” būtų ir “Save as WWF”).

Daugiau informacijos rasite čia: http://www.saveaswwf.com/en/what-is-it.html

Žymos:

Sugrįžimas iš žiemos miego

Autorius: Petras 2010 12 12, SekmadienisKategorijos: Frontend.lt

back-to-schoolSveiki,

Jau senokai apleidome šį blogą ir pastaruoju metu nusprendėme vėl jį atgaivinti, kartu įvesdami kelias naujas temas.

Kadangi pastaruoju metu Web kūrėjai orientuojasi į mobiliuosius įrenginius, bei UX (user expierience) pabandysime parašyti daugiau straipsnių ir naujienų šiomis temomis. Taip pat tinklapyje paleidome apklausą (dešinėje tinklapio pusėje), kurioje atliksime trumpus UX tyrimus ir išvadas paskelbsime pačiam tinklapyje.

Iš esmės tinklapį ketiname papildyti šiomis žymomis:

  • Usability (Pavadinime šią žymą angliškai, nes į lietuvių kalbą išversta frazė netenka prasmės)
  • Mobiliosios platformos
  • UX tyrimai
  • Dizainas
  • Informacijos architektūra
Žymos:

Linksmai: Can You Be a Web Designer?

Autorius: andrius 2009 10 4, SekmadienisKategorijos: Frontend.lt

web_designer_flowchart

SixRevisions.com radau šį dieną praskaidrinusį grafiką. Taigi, ar galite būti Web dizaineriu? :)

Žymos:

Linksmai: You are the CSS to my HTML

Autorius: andrius 2009 10 2, PenktadienisKategorijos: Frontend.lt

Štai kaip jausmus išreiškia HTML ir CSS specialistai:

9GAG_-_Best_Button_Ever-20090926-100359

Et, kad visi taip sugebėtų :) Gero penktadienio, gero savaitgalio! Iliustracija rasta:

Šaltinis

Žymos: , ,

Linksmai: kodėl naudojama IE6

Autorius: andrius 2009 08 26, TrečiadienisKategorijos: Frontend.lt

internet_explorer-6Interneto specialistams dažnai kyla klausimas: “Kodėl žmonės vis dar naudoja tą pasenusią ir visapusiškai negerą Microsoft “Internet Explorer 6″ naršyklę? Argi jie negalėtų naudoti visus standartus atitinkančią “Mozilla Firefox”, “Google Chrome”, “Opera”, ar kitą gerą naršyklę? Juk yra išleistos net kelios naujos ir daug geresnės Microsoft “Internet Explorer” versijos, kodėl jie neatsinaujina?” Atsakymas yra labai paprastas ir puikiai matosi šiame grafike:

ie6-priezastys

(via digg.com)

Žymos: ,

Failų dalinimosi sistema: DropBox

Autorius: Petras 2009 08 12, TrečiadienisKategorijos: Frontend.lt, Projektų kūrimas, Vartotojo interfeisas

dropboxTurbūt sutiksite, kad kartas nuo karto mums visiems tenka dalintis dideliais failais su draugais, todėl naudojame įvairias jų dalinimo paslaugas (failai.in, Rapid share, etc.) Deja visos šios paslaugos nėra pakankamai patogios, o už pilną funkcionalumą dažniausiai dar reikia primokėti, todėl nusprendžiau papasakoti apie DropBox projektą.

DropBox - tai internetinė failų talpykla, kuri savo patogumu pranoksta visas kitas panašaus pobūdžio paslaugas. Didžiausias privalumas yra tai, kad nereikia sukėlinėti failų per naršyklę – tiesiog užtenka atsisiųsti DropBox programėlę, kuri jūsų kompiuteryje sukuria katalogą, į kurį įdedant failus, jie iškarto patalpinami internete.

Dar keli šios sistemos privalumai:

  • Galimybė prieiti prie savo failų iš bet kurio kompiuterio.
  • Galima turėti įvairaus privatumo lygmens katalogus: Viešą, Beveik viešą (pvz.: pasidalinimui nuotraukomis su draugais) ir visiškai privatų.
  • Darbas su direktorijomis.
  • Mini versijų valdymo sistemėlė, kurios pagalba galima valdyti failų revizijas.
  • Patogus darbas su nuotraukomis
  • Saugumas – Prisijungimui naudojamas HTTPS protokolas.
  • 2 GB nemokamos vietos serveryje
  • … ir galų galiausiai labai patogi vartotojo sąsaja – puikus pavyzdys, kaip reikia kurti tokio pobūdžio projektus.

Taigi visko tikrai nepapasakosiu, o tiesiog parekomenduosiu šią sistemėlę išbandyti patiems :)

Taip pat būtų įdomu sužinoti jūsų nuomone, taigi nepatingėkit pakomentuoti.

Ką atliekame prieš paleidžiant svetainę?

Autorius: frontend.lt 2009 07 15, TrečiadienisKategorijos: Frontend.lt, Projektų kūrimas

go-sign_1 Kai baigiama kurti internetinė svetainė, prieš paleidžiant, reikia ją patikrinti. Frontend.lt kolektyvas nusprendė pradėti straipsnių ciklą “Ką atliekame prieš paleidžiant svetainę”. Šis straipsnis yra pirmas  ir apžvelgia pačius elementariausius dalykus, į kuriuos reikia atkreipti dėmesį prieš sukeliant svetainę į serverį ir parodant ją galutiniam vartotojui, arba projekto užsakovui.

Vartotojo interfeisas

Lankytojai į svetainę ateina naudodamiesi įvairiomis www naršyklėmis. Ne visos jos buvo kurtos laikantis standartų (ankstesnės Internet Explorer versijos), ne visos gali juos palaikyti (pvz. per maži įrenginio, kuriame veikia naršyklė, skaičiavimo pajėgumai). Visų naršyklių ir įrenginių, bei operacinių sistemų variacijų išbandyti neįmanoma, o greičiausiai ir nereikia – juk neįmanoma prisitaikyti prie visų. Mes rekomenduojame naujai paleidžiamą svetainę patikrinti su populiariausiomis naršyklėmis :

  • Naujausia Gecko varikliu paremtos naršyklės versija (Firefox)
  • Naujausia WebKit naršyklė (Google Chrome, Apple Safari)
  • Populiariausios Microsoft Internet Explorer versijos (straipsnio rašymo metu 6.0 – 8.0)
  • Naujausia Opera versija

Frontend rekomendacija: svetainę kurti, peržiūrint ją su Firefox, o su IE ją pratestuoti paskutiniame žingsnyje. Taip bus sutaupoma daug laiko nes naudojant Firefox naršyklės priedais, tokiais kaip Firebug, galima keisti išvaizdą, pačioje naršyklės aplinkoje.

  • Patikrinti, kaip svetainė atrodo su skirtingomis vaizduoklio ekrano rezoliucijomis.
  • Žvilgtelėti, kaip svetainė atrodo su mobilia naršykle – vis daugiau lankytojų naudoja mobilius įrenginius.
  • Pabandykite, kaip svetainė veikia išjungus JavaScript, Sausainėlius (Cookies), CSS. Ar įmanoma surasti pagrindinę informaciją, naviguoti svetainėje?
  • Svetainė turi galimybę siųsti elektroninius laiškus? Būtinai patikrinkite, kaip laiškai atrodo su populiariausiomis elektroninio pašto sistemomis:
    • Microsoft Outlook
    • Mozilla Thunderbird
    • Google Gmail
    • Yahoo Mail
    • Hotmail
  • Patikrinkite tokių interfeiso dalių, kaip turinio filtrai, puslapiavimo elementai, formos ir kiti funkciniai komponentai veikimą.

Svetainės turinys

  • Ar svetainės tekstai yra gramatiškai taisyklingi? Pasinaudokite klaidų taisytojais!
  • Ar neliko testinių “Lorem ipsum” puslapių arba straipsnių?
  • Ar paveikslėliai yra optimizuoti internetui, t.y. ne per dideli?
  • Ar paveikslėliai turi alt atributus, aiškiai apibūdinančius, kas pavaizduota?
  • Patikrinkite nuorodas į dokumentus.

Patogumas vartotojui

  • Sukurkite galimybe vartotojui bendrauti su svetainės kūrėju. Taip bus pranešamos klaidos, siunčiami pasiūlymai.
  • Niekada neleiskite, kad elektroninio pašto adresas svetainėje būtų paprastu tekstu.  Frontend rekomendacija: mailto nuorodą iškviesti JavaScript pagalba.
  • Patikrinkite, ar paspaudus ant logotipo pateksite į pradinį puslapį.

Veikimas, greitis

  • Testuokite svetainę su YSlow arba Page Speed. Jeigu rezultatai netenkina, pasinaudokite pateikiamais patarimais.

Technologijos

  • Ar HTML ir CSS kodas atitinka standartus? Pasinaudokite validatoriais!
  • Ar naudojate reset CSS?
  • Ar neįmanoma perkelti CSS kodo į atskiras bylas, kad kraudamiesi puslapiai gauti tik tą CSS dalį, kurios reikia jiems atvaizduoti.
  • Ar negalima perkelti JavaScript kodo į atskiras bylas?
  • Ar JavaScript elementai yra kiek įmanoma žemiau svetainės kode?
  • Jeigu svetainėje yra naudojamos technologijos, reikalaujančios įdiegti papildomas bibliotekas, pvz: Adobe Flash, Sun Java, Adobe Air, Microsoft Silverlight, ar yra pateikiamos aiškios instrukcijos, kaip atsisiųsti ir įdiegti jas savo sistemoje?

Klaidų apdorojimas

  • Ar svetainės klaidų išvedimas yra išjungtas vartotojui? Eiliniam vartotojui tikrai neįdomu, ar įvyko 500 klaida, ar nerasta funkcija, ar bloga SQL sintaksė. Jam greičiausiai įdomus tik pats klaidos faktas.
  • Ar svetainės klaidos yra registruojamos? Rekomenduojama rašyti klaidas į bylą.
  • Ar kritinės svetainės klaidos yra nedelsiant siunčiamos kūrėjui?

Saugumas

  • Ar visi iš vartotojo atėję duomenys yra išvalomi prie naudojant juos (pvz, rašant į duomenų bazę)?
  • Ar slaptažodžiai nėra saugomi paprastu tekstu?
  • Ar tinkamu dažnumu daromos svetainės atsarginės kopijos? Ar veikia atstatymas iš atsarginės kopijos?
  • Ar įvedimo laukai yra apsaugoti nuo spam robotų?

SEO

  • Patikrinkite, ar svetainės adresai yra draugiški SEO atžvilgiu (Nenaudojami dinaminiai adresai)
  • Patikrinkite, ar visi puslapiai turi prasmingas antraštes (title).
  • Pasižiūrėkite, ar nėra nuorodų, sakančių “spausk čia” ir panašiai. Jei taip, pasistenkite jas optimizuoti įdedant reikšmingesnius pavadinimus su raktažodžiais.
  • Ar turite XML žemėlapį? Ar jis “paduotas” paieškos sistemoms?
  • Ar integravote statistikos sistemą? Pavyzdžiui, Google Analytics?
  • Ar naudojate robots.txt? Jis tikrai veikia taip, kaip turėtų?
  • Ar svetainės išdėstymas nėra paremtas lentelės elementu?
  • Ar sesija, vartotojų prisijungimas arba registracija, javascript arba flash technologijomis paremta navigacija neužkerta kelio paieškos robotams aptikti naudingą turinį?
  • Naudojate nukreipimus (redirect)? Ar žinote skirtumą tarp 301 ir 302 nukreipimų?
  • Ar neliko svetainėje neveikiančių nuorodų? Ar yra priemonės stebinčios ir pranešančios apie neveikiančias nuorodas?
  • Ar nuorodos svetainėje yra tekstinės? T.y. ar navigacija svetainėje nėra pagrįsta paveikslėliais, arba Adobe Flash technologija?
  • Ar nenaudojami frame ir iframe elementai?

Login 2009: Front-end įspūdžiai

Autorius: Petras 2009 06 6, ŠeštadienisKategorijos: Frontend.lt

loginTurbūt šią temą jau matote, kas antrame bloge, bet mums būtų žiauri nuodėmė, jei nutylėtume apie Login’ą :)

Taigi, kaip sakoma “alų, midų gėrėm… ;) ” – taip ir mes ten pabuvojome.

Pradžiai papasakosiu apie labiausiai vykusias Login’o dalis :)
Manau populiariausia konferencijos pramoga buvo Blakės live’as ant Didžiosios auditorijos ekrano – tai buvo puiki idėja. Buvo labai smagu chat’inti, uždavinėti klausimus pranešėjams ir žaisti Text Based Counter Strike didžiajame ekrane. Žiauriai smagu, kai gali micro-bloginti live’u ir tavo post’ą iš mato visi konferencijos dalyviai  ;) Už tai didelis ačiū Aurelijui :)

Na o dabar apie pranešimus.. :)
Pirmasis konferencijos pranešimas buvo apie Apple marketingo strategiją. Nežinau ar dėl to, kad jis buvo pats pirmasis, ar dėl to, kad jame buvo įvelta žaidimų auditorijai, bet šis pranešimas padarė didžiausią įspūdį. Steeve Chazin  – marketingo Guru, sugebėjo kalbėti net pusantros valandos ir nei kiek nenuvarginti publikos :) prisipažinsiu buvo tikrai malonu jo klausytis :)  OT: galiu parekomenduoti perskaityti knygą “Apple smegenys”

Sekanti prezentacija kuri buvo verta dėmėsio buvo Šarūno Girdėno ir Justino Beinoriaus “98%” Ši linksma kompaniją iškrėtė visą statistiką apie blogus ir jų “naudojimo” rodiklius. Žinau, kad statistika atrodo booring, bet man, kaip blogeriui ji iš tiesų buvo įdomi.  Beje Justinas (Slave’as) padeklamavo savo kūrybos eilėraštuką, kuris buvo tikrai awesome. :)

Trečiasis labiausiai “užstrigęs” pranešimas buvo Artūro Olšausko “Tavo asmeninis prakės ženklas”. Pagrindinė pranešimo idėja buvo apibendrinti, kaip šiuo metu galima sukurti savo arba įmonės reprezentacinį profilį internete, pasitelkiant socialinius tinklus. Kalbant žmonių kalba – kaip formuoti savo įvaizdį internete. (Beje visiems labai patiko Artūro violetinis megztukas :) )

Manau visų konferencijos įspūdžiu tikrai nespėsiu aprašyti, be to atimsiu visą džiaugsmą skaityti kitų blogerių pranešimus, taigi ties trimis pranešimais ir sustosiu :)

Pabaigai norim visas Frontend kolektyvas norim padėkoti organizatoriams už tokią gerą organizaciją ir linkim, kitais metais daryti nebe konferenciją o festivalį ;)

Žymos: ,

frontend.lt – apie ką, kam ir kaip

Autorius: frontend.lt 2009 03 15, SekmadienisKategorijos: Frontend.lt

seedlingVisi žinome, kad pradėti yra sunkiausia. Tam, kad gerai sektųsi reikia daug stengtis, dirbti nuosekliai ir atsakingai, taigi, pradedame nuo pradžių. Šiame bloge mes daugiausiai rašysime apie interneto technologijas, apžvelgsime jau įgyvendintus interneto projektus, ir patarsime realizuojant naujus.

Nors interneto technologijų srityje neesame visiški naujokai, tačiau savo žiniomis ir idėjomis iki šiol neteko pasidalinti su kitais.
Galbūt ir dabar nebūtume rašę, tačiau apžvelgę Lietuvos internetą nieko panašaus neradome. Tai kodėl gi nepabandžius?
Kažin ar daug rastumėte lietuviškų pamokų interneto technologijų srityje, o tuo labiau patarimų ir pavyzdžių kaip elgtis su CSS ir HTML, nuo ko pradėti kuriant naują tinklapį ar kokią metodiką taikyti jį testuojant. Ar Delfis ir Lietuvos Rytas parašytų jei kas sugalvojo gerą būdą kaip ištaisyti kokią nors IE6 klaidą, dėl kurios jau sukot galvą kelintą dieną? :) Manome kad ne. Tam ir norime rašyti būtent šį blogą, kad Lietuvos interneto dizaineriai, programuotojai bei kiti entuziastai, besidomintys naujausiomis interneto tendencijomis galėtų rasti reikalingą informaciją.
Tik nepagalvokit, kad imsim čia versti visas po ranka pasitaisiusias knygas, bei straipsnius iš kitų panašaus pobūdžio svetainių. Su tuo apie ką rašysime, susiduriame kasdien, tereikia tik viską raštu perteikti jums.

Žymos: