2009 Birželis

interneto projektų apžvalga, sprendimai, technologijos

Birželis, 2009

Patarimas: JavaScript bibliotekų užkrovimas

Autorius: andrius 2009 06 20, ŠeštadienisKategorijos: Patarimai

frameworks5trisDarbui su JavaScrip palengvinti yra naudojamos įvairios bibliotekos. Paruošėme receptą, kaip supaprastinti jų užkrovimą – naudotis paslauga Google AJAX Libraries API, kuri padeda patogiai naudoti tokias JavaScript bibliotekas, kaip:  jQuery, jQuery UIPrototypeDojoScriptaculousSWFObject, MooTools, Yahoo! User Interface Library, Ext Core  ir kitas. Pilnas sąrašas pateikiamas dokumentacijoje.

Kodo pavyzdys jQuery 1.3.2 bibliotekos užkrovimui, tačiau su minimaliomis modifikacijomis pritaikomas ir kitoms:

  1. <script src="http://www.google.com/jsapi"></script>
  2. <script type="text/javascript">
  3.     google.load("jquery", "1.3.2");
  4. </script>

Šis būdas yra geras tuo, kad:

  1. Bibliotekos versiją įterpti ir atnaujinti yra lengviau ir greičiau – nereikia siųstis naujausios versijos į savo kompiuterį, išpakuoti, sukelti į serverį, atnaujinti kelius iki bibliotekos bylų svetainės kode. Vienintelis pakeitimas – versijos numerio atnaujinimas HTML kode.
  2. Taip yra greičiau – naršyklės riboja lygiagrečių JavaScript failų siuntimų skaičių iš vieno serverio, šiuo atveju kodas yra siunčiamas iš Google serverių.
  3. Taupote resursus – bibliotekos saugomos Google serveriuose, naudojamas srautas.

Kursoriai ir CSS

Autorius: Paulius 2009 06 19, PenktadienisKategorijos: Technologijos

pointerGana retai kas užsimano, kad puslapyje atvaizduojamas kursorius būtų koks nors įmantresnis, bet būna visko.  Nieko tokio, kai tai tik kitokia rodyklė, kurią galima pasirinkti iš jau leistinų, tačiau kai prireikia kažko visiškai unikalaus, tenka gerokai paplušėti, kad viskas atrodytų gerai.

Pagal viską CSS parametras cursor turi nemažai numatytų reikšmių, kurios palaikomos pagrindinėse naršyklėse. Aprašomas ir parametras url(), kuriame nurodžius jūsų pasirinktą paveikslėlį, jis bus atvaizduotas vietoj kursoriaus.

Nors ir skelbiama, kad IE6+ puikiai atvaizduoja kursoriaus paveikslėlį jei jis .cur formato, man to pamatyti nepavyko. Bandant su FF, G Chrome bei Safari atvaizduojama tvarkingai. Išbandžius FF neprieštaravo net jei buvo naudojami .gif paveikslėliai. Verta paminėti, kad nenurodžius alternatyvaus kursoriaus po kablelio, nei vienoje naršyklėje nieko nepamatysite, taigi rekomenduotinas toks formatas:

cursor: url(cursor.cur), default;

Vietoj default gali būti pointer, text, help ir kiti numatyti kursoriai.

Žymos:

Objektiškai orentuotas CSS (OOCSS)

Autorius: Paulius 2009 06 17, TrečiadienisKategorijos: Technologijos

oocssApie objektinį programavimą turbūt teko girdėti kiekvienam IT srityje besimokančiam ar dirbančiam. Sunku ir įsivaizduoti kaip seniau buvo galima dirbti be to. Tačiau objekto sąvoka HTML bei CSS srityje – naujas dalykas.

Tokios idėjos esmė CSS selektorių hierarchija. Kuriamos kuo bendresnės klasės, kurios tarsi išplečiamos pagal poreikį (sakau “tarsi”, nes css neturi tokio dalyko kaip extends). Taip susikūrę kelias pagrindines klases blokams, sritims ir kitiems dažnai pasikartojantiems ir mažai besiskiriantiems elementams, juo vėliau patiksliname pagal poreikį pridėdami konkretesnes klases. Pavyzdžiui turime bendrą klasę block, kurią prireikus dekoruojame ir pritaikome pridėję klasę side_block.

Objektinio mąstymo CSS/HTML srityje  pradžia  galime laikyti CSS framework’us – CSS klasių bibliotekas leidžiančias greitai ir struktūriškai kurti svetainės išdėstymą.

Kokia iš to nauda? Ogi tokia, kad prireikus kažkokį elementą panaudoti dar kartą nereikės jam rašyti naujų stilių grandinės, užteks atkartoti HTML kodą ir priskirti tą pačią klasę. Verta paminėti, kad tokiu būdu projektuojant CSS žymiai patogiau ankstesniuose projektuose sukurtas klases panaudoti naujuose, nes jos išdėstytos objektiškai ir nėra priklausomos nuo tėvinių elementų.

Susidomėjusiems įdėja siūlau pažiūrėti video prezentaciją apie OOCSS. Ji ilgoka (~45 min), bet įdomi.

Žymos:

Google baudos – ban, penalty

Autorius: andrius 2009 06 16, AntradienisKategorijos: Projektų kūrimas

banned

Turite svetainę, paieškos sistemos atveda lankytojus, kurie neša pelną. Vieną dieną verslas sustoja. Imate ieškoti to priežasties. Randate – lankytojai neateina, nes jūsų neberanda paieškoje. Tai išmetimas (ban) iš Google, arba Google bauda (penalty). Pirmuoju atveju jūsų svetainė visiškai nerandama, antruoju, jūsų rezultatas toli – toli, kokiame 50-tame paieškos rezultatų puslapyje. Panagrinėsime kokios gali būti šio reiškinio priežastys. Pirmieji punktai yra paimti iš oficialaus Google gido, skirto užtikrinti kokybišką turinį svetainėse, tolimesni rasti kituose šaltiniuose internete.

  1. Pasikartojantis turinys (Duplicate content) – pas jus skelbiama informacija kartojasi kitur internete. Nesvarbu, ar autorius jūs, ar tiesiog “pasiskolinote” turinį iš kolegos rašančio panašia tema.
  2. Raktažodžių spamas (Keyword stuffing) – turinyje piktybiškai kartojami raktažodžiai.
  3. Paslėptas turinys, nuorodos (Hidden text and links) – turinyje yra nuorodų ir teksto, kuris nematomas svetainės lankytojui, tačiau matomas paieškos vorams.
  4. Skirtingas turinys lankytojams ir paieškos robotams (Cloaking) – Google pozicija yra tokia: svetainės yra kuriamos žmonėms, o ne paieškos robotams.
  5. Viirusai, šnipai ir kitoks kenkėjiškas kodas svetainėje (Badware) – reikia nepamiršti, kad kenkėjiškas kodas nebūtinai yra įdėtas jūsų pačių. Įmanoma, kad jūsų svetainę piktybišku kodu užkrėtė virusas jūsų kompiuteryje.
  6. Nuorodos į prastos reputacijos svetaines – pavyzdžiui, randamas kenkėjiškas kodas, yra uždraustos, arba nubaustos.
  7. “Mini tinklai” – svetainėje gausu nuorodų į giminingus (to pačio savininko) puslapius.
  8. IP dalinimasis su prastos reputacijos svetaine – kaimynus rinkis atsargiai. Rimtam projektui rekomenduojamas atskiras IP adresas.
  9. Nelegalus turinys – nerekomenduotina talpinti nelegalaus, įstatymais uždrausto turinio.
  10. Juodasis SEO (Black-hat SEO) – gerų rezultatų paieškos sistemose siekimas nelegaliais būdais.
  11. Nuorodų pirkimas arba pardavimas.
  12. Nuorodos iš prastų svetainių – patariama vengti nuorodų iš PageRank 0 svetainių.
  13. Trumpalaikė domeno registracija – jeigu jūsų domenas yra nupirktas 1 metams, Google gali įtarti, kad jį naudosite negerais tikslais.
Žymos:

Ką turi žinoti front-end architektas (Naudingos nuorodos)

Autorius: andrius 2009 06 11, KetvirtadienisKategorijos: Technologijos
importantIlgą laiką įdomesnės nuorodos buvo žymimos įvairiose sistemose: uždedant žvaigždelę arba paspaudžiant mygtuką “Share” Google Reader kliente, įkeliant žymę į Deliciuos sistemą, išsaugant žymę naršyklės nuorodų saugykloje. Laikas bėga, nuorodos sensta, o jomis naudojuosi (beveik) aš vienas. Nesąžininga. Taisau klaidą ir dalinuosi geriausias (mano subjektyvia nuomone) nuorodas, kurios gali būti naudingos frontend.lt skaitytojui:

SEO

„Google“ paieškos sistemos optimizavimo pradedančiųjų vadovas – sukurtas naudoti kompanijos Google viduje, tačiau vėliau nuspręsta, jog ten surašytos mintys bus aktualios visiems. Rekomenduojame.

List of Best and Worst practices for designing a high traffic website – sąrašas svetainės savybių, įvertintų balais, pagal tai, kiek tai yra (ne)naudinga kuriant puslapio įvaizdį paieškos robotams (Google, Yahoo!, Microsoft).

Search Engine Ranking Factors – 47 geriausių Pasaulio SEO specialistų išrinkti ir balais įvertinti faktoriai, lemiantys Jūsų svetainės SEO įvertinimą. Straipsnyje pateikiama informacija gali būti kiek pasenusi, tačiau esminiai dalykai tikrai galioja ir galios dar ilgai.

HTML

10 HTML Tag Crimes You Really Shouldn’t Commit – pateikiama 10 dažniausiai pasitaikančių nusikaltimų HTML kalbai. Turėtų kas nors bausti nusikaltėlius!

10 HTML Tags that are Overlooked but Should be Used – iš div elemento, CSS pagalba sugebame padaryti bet ką, tačiau galbūt neverta išradinėti dviračio, o imti jau pagamintas žymes ir naudoti savo kode?

What Beutifull HTML Code Looks Like – pavyzdys, kaip turi atrodyti geras HTML kodas.

CSS

53 CSS-Techniques You Couldn’t Live Without – kasdien sutinkamos situacijos ir žavūs jų sprendimo būdai.

WordPress

40 Exceptional “CMS Enabling” WordPress Plugins – reikia papildyti standartinį WordPress funkcionalumą? Prieš einant “googlinti”, žvilgtelėkite čia.
10 Wordpress Plugins Guaranteed to Save You Time – galbūt padės optimizuoti savo darbą su WP.

Apie viską

31 nuoroda, kuri padės sukurti bei plėtoti tobulą tinklapį – lietuviško blogo webdunulis surinktas sąrašas. Rasite tikrai gerų nuorodų!

15 Essential Checks Before Launching Your Website – esate pasiruošę “paleisti” svetainę? Minutėlę! Patikrinkit šitą sąrašą!

20 Websites That Made Me A Better Web Developer – 20 svetainių, kurių atnaujinimus verta sekti visiems tikriems, arba norintiems tokiais tapti, www programuotojams. Galbūt dar ne apie visas esate girdėję?

60 More Places to Get Design Inspiration – Online and Off – reikia įkvėpimo? Semkitės į sveikatą iš nuostabių pavyzdžių!

For Web Designers – nuorodų rinkinys visomis su svetainių kūrimu susijusiomis temomis.
Web-developer’s Handbook – dar vienas nuorodų rinkinys visomis temomis.

Ultimate Web Development Cheat Sheet Guide – dar nenaudojate paruoštukių (cheat sheet)? – Būtinai pabandykit! Jau naudojat? – gal rasit dar neturėtų!

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: ,