Saptamana trecuta m-a chinuit talentul si am mesterit (in) vreo 2-3 zile la un… site. Initial vroiam sa fac ceva doar (sau mai ales) de aspect, sa mai invat niste design and stuff. In final am ajuns sa fac si ceva programare la el. In primul rand (sau… intr-un rand acolo…) i-am dat de cap cu un design cum trebuie, ca la carte. Nu zic ca arata fain sau ceva, aici e… in the eye of the beholder, ci ca teoretic e facut… well, regulamentar. Si, mai ales (sau pe langa acestea de mai sus), este complet “tableless”. In plus, este primul proiect pe care il fac in Dreamweaver (in proportie de mai bine de 90%), cel putin pana la partea de programare mai serioasa unde am revenit la good old notepad++. Este plin de facilitati si ajutoare pentru design (ca doar pentru asta s-a facut el…). Codul html contine (pe langa elementele de baza – html/head/body) doar cateva div-uri, restul fiind tratat doar in CSS, fapt pentru care, printre altele, pagina are inaltimea variabila, in functie de continut, doar header-ul si footer-ul avand dimensiuni fixe (like a blog or so). Cand o sa (mai) invat wordpress-ul, poate o sa transform proiectelul asta (si) intr-o tema de WP, dar mai e de munca pana atunci si nu am… timp/chef acum sa lucrez in directia asta. Last but not least (legat de design cel putin), lucru care face aspectul sa fie corect si compatibil cu toate browserele, sau macar alea care conteaza (Firefox, IE, Chrome, Safari, Opera), este un cod verificat si facut valid, atat html (dupa standardul xhtml 1.0 transitional) cat si css (dupa standardul css2.1), desi (yes, I know) nu am pus validare CSS pe pagina pentru ca designul prezinta si cateva elemente CSS3 plus un filtru de opacitate (script) care nu e compatibil CSS2.1 dar care se comporta bine in browsere. Filtrul este de… efect, are cod simplu si creeaza un impact mai puternic atunci cand trecem peste poze (thumbnails), deoarece ne obisnuim initial cu pozele translucide, iar cand ele devin opace (on hovering) par mult mai intense. Other than that, the css is also valid (dupa standardele w3c).

“Pachetul” contine urmatoarele:

- core.php (zipped) – the brains of the project, fisierul pe baza carora se creeaza paginile/categoriile pentru poze;

- style.css – the looks of the project;

- index.php – index file, incarca prima pagina (home) si “cere” header-ul si footer-ul;

- header.php – “capul de afis”, contine header image(s) si menu bar, prezent in fiecare pagina;

- footer.php – “piciorul” site-ului, contine footer image (si un mic disclaimer), prezent in fiecare pagina;

- images/bg.jpg – background-ul pentru inteaga pagina (ce se vede in toata fereastra browser-ului);

- images/top.jpg – imaginea header-ului, cu link catre home (index.php);

- images/top_hover.jpg – imaginea header-ului la selectarea cu mouse-ul (adicatelea trecut peste) sau cand e link activ;

- images/bottom.jpg – imaginea footer-ului;

- images/pictures/home.jpg – imaginea (din continutul) paginii principale (index.php);

Proiectul arata in felul urmator:

PicView – in general si cum a plecat (si mai ales unde a ajuns) ideea de baza, cu cateva poze/exemple. Il puteti descarca de aici.

PicView base(files) – acelasi lucru doar ca fara nici un exemplu si fara imaginile componente facute/alese de mine. Pentru cine vrea (si stie) sa se joace cu codul (mai ales in html/css dar se poate modifica si in partea de php, dupa preferinte). Il puteti descarca de aici.

4 Seasons – bazat pe PicView si personalizat/particularizat pentru poze cu anotimpurile and stuff (si cu ceva modificari de design). A bit of a warning: am integrat si o melodie in flash asa ca recomand sa aveti un flash blocker in browser… daca nu, veti fi enervati cu o melodie faina .

(Ca fapt divers, doar vreo 5-10 poze din ce vedeti acolo imi apartin… restul sunt de pe net… saru’mana lu’ aia de le-au facut).

Cum se face:

- dupa ce ati descarcat PicView (link-urile de mai sus), indiferent de varianta, se urca pe un server web/hosting/something (sau ceva local pentru teste si joaca cu el);

- se extrage “core.php” din arhiva (arhiva se pastreaza acolo (sau in alta parte) ca nu incurca cu nimic) si se redenumeste cu “nume.php”; numele e de preferat sa fie cat mai relevant si nu prea lung (ca… nu are sens); daca are mai multe cuvinte, puneti “_” (underscore) intre ele; in afisarea numelui in menu bar, programul converteste “_” in spatiu si apoi capitalizeaza prima litera din primul cuvant (daca sunt mai multe cuvinte), restul caracterelor ramanand la fel (case);

- se merge in “images/pictures/” si se creeaza acolo un folder cu numele nume, adica exact acelasi nume (cae sensitive!) ca si “nume.php” (mai putin extensia, desigur);

- in directorul creeat la punctul anterior se urca poze dupa bunul plac (desi ma gandesc ca nu ar strica sa aiba legatura cu denumirea/categoria respectiva );

- se repeta cei doi (trei) pasi anteriori pentru alte categorii;

- in caz de director gol (sau lipsa) pentru categoria in cauza (curenta), se afiseaza un mesaj de avertizare; de asemenea se afiseaza un mesaj de avertizare si in cazul unui link cu un index invalid (mai mare decat numarul de poze din director, sau zero sau negativ);

- dupa adaugarea de noi fisiere/categorii, se reincarca browserul, de preferat cu Ctrl+F5 (pentru a nu incarca ceva din cache);

Contraindicatii:

- numarul de categorii e limitat de un anumit numar de cuvinte (sau caractere)… nu am numarat cate, dar puteti adauga categorii noi pana se umple menu bar; dupa aceea aspectul o ia razna;

- nu stergeti sau redenumiti sau modificati locatia fisierelor de baza (inclusiv imaginile de home/header/footer etc) pentru ca nu va mai arata sau chiar functiona cum trebuie (sau deloc)… d’oh!

- nu adugati aiurea in tramvai fisiere in direcotrul de baza/radacina; tot ce nu face parte din fisierele de baza este citit si adugat ca si categorie in menu bar! de asemenea, in directoarele create pentru categoriile respective, nu adaugati alte fisiere decat imagini/poze (orice format compatibil cu un browser – jp(e)g/bmp/gif/png si multe altele), in caz contrat in paginile categoriilor respective veti avea link catre ceva care nu e poza si va arata… aiurea;

- well… cam atat imi vine in minte acum; toate (sau mai bine zis cat mai multe din) problemele de mai sus voi incerca sa le rezolv in versiuni ulterioare…

That’s about it… pentru intrebari, lamuriri, indicatii, observatii, etc. etc. etc. ma gasiti pe aici… Enjoy!

PS1: nu am folosit “directory separator” pentru accesul la fisiere and stuff (de lene… si pentru ca am uitat) asa ca s-ar putea ca in Linux sa nu mearga codul (dar nu sunt sigur)…

PS2: las distractia la o parte pentru o perioada si ma intorc la proiectul cu reductorul meu minunat si la invatat pentru examenul de organe de masini… lovely …

One may think that… the delusional loonies who follow Scientology would have a website – a great tool for promotion and propaganda – that has a bit more… “science” into it, besides the “logos”, or actually the lack of it (more like “aburealos”).

“htmlspecialchars”? Ce face alea?

…

Nu-i nimic… punem si cu, si fara.

Am adaugat in top/menu bar o pagina, Daylight Hours Explorer, cu un flash care arata cat tine ziua si noaptea in functie de perioada din an si latitudinea pe glob… adica blog. Nu, glob. In concluzie, si totodata pentru ca nu mai era loc in bara, am mutat pagina de Kaleidoscopes la chestii mai generale, in Stuff.

Apoi… am terminat si urcat si aici magazinasul virtual. E functional in proportie… foarte mare, nu stiu sa mai aibe probleme dar e posibil sa imi fi scapat cate ceva, nu le stiu nici eu pe toate (far from it). Designul (si… tot proiectul) l-am dus la ceea ce am numit v1.2 si e foarte probabil sa nu mai continuu sau sa avansez in directia asta, vreau sa ma apuc de altele acum. Magazinul (mai mult decat) virtual il gasiti aici (nu, nu vand nimic din ce e acolo). Cei care stiu php mi-au atras atentia asupra a ce nu era ok cu el si ce nu mergea cum trebuie, si m-au facut sa realizez si remediez niste scapari si greseli. De asemenea au apreciat aspectul lui. Cei care nu stiu php au zis ca arata ok-ish spre crappy, dar “daca face ce trebuie, e bine”. Well… I guess it depends on how you look at it… Oricum, nu ma supar sau ceva, criticile sunt binevenite mereu (cele constructive mai exact). I’m kinda new and learning in this field, si astept oricand pareri de orice fel. Site-ul arata cel mai bine in Firefox, are vreo 2-3 glitch-uri in IE, Chrome si Safari, iar in Opera are o bubita mai mare careia nu i-am dat de cap, but I heard that whoever isn’t using Firefox, his dick will fall off… Ar mai fi ceva de adaugat, si anume ca, spre deosebire de comportamentul de pe localhost, pe web hosting paginile care au un POST + submit in ele si care apoi fac header redirect catre aceeasi pagina (un fel de refresh after submit) nu functioneaza, asta cuprinzand mai exact sters/modificat/adaugat din/in baza de date. Sau… mai bine zis functioneaza, dar pare totul in reluare, cu un pas in urma, din cauza a ce am precizat mai sus. Nu stiu daca e o chestiune de apache (sau de mysql sau php) pe care o are hosting-ul fata de ce am eu sau pur si simplu e o faza aiurea sau e ceva gresit la cod si se comporta asa la distanta. Daca o sa ma pind candva, voi remedia problema. In rest citirile (select) din DB merg cum trebuie. Ca sa (se) faca actualizarile… in timp real, am modificat redirect-ul de dupa submit si l-am orientat catre alta pagina decat cea de pe care pleaca (nu una total pe langa oricum, ci in genul buy -> cos sau cos -> buy, list -> admin), insa nici asa nu a mers. Anyway, ata ete…

Cam atat cu modificarile pe blog si proiectul-magazin. M-am apucat de un nou layout/template de vreo doua zile, ceva simplu si fain in acelasi timp, de efect si destul de interesant zic eu (deh, fiecare cioara isi lauda puiul). Are o tema(tica) de toamna… ca deh, sunt inspirat din cale afara se pare (not) si visez cai verzi pe pereti in ianuarie… but anyway, I’ll let y’all know more when I’m done with it.

A bit… Din ciclul “cand romanasii se ajunta intre ei”, in cazul de fata cu niste cod php la liber, link-ul “Random Post” (din bara de sus), cel de care am zis acum vreo luna aici, functioneaza cum trebuie si merge de fiecare data acum. Asta cu ajutorul plugin-ului Random Post Link, adopdand astfel o metoda “proper” care se folosete de DB pentru posturi si tot ce mai trebuie. In plus, seteaza si un cookie pentru a marca posturile vizitate astfel incat sa nu mai “land-uiesti” pe ele din nou cand “browse-uiesti” prin posturi random (ma doare limba). Eu am mai facut in folder-ul ‘random’, care exista deja, un index.php cu un redirect catre ‘http://www.weegee.ro/?random’, link-ul care la randul sau redirectioneaza catre un post aleator. Suna incurcat insa altfel nu puteam sa il pun asociat unui link in bara de sus (blog page) ci doar cu un link integrat undeva intr-un fisier template, din tema blogului.

Cam atat… Now I should be calculating some parameters in the train’s suspension and, besides that, writing tons of text by hand, but this looks more fun . Happy exploring.

Like… LOL and WTF… the daddy of spam messages

Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version here. You also need to have JavaScript enabled in your browser.

Am facut o pagina noua – Random Post – al patrulea… index din bara de meniu de deasupra, care acceseaza un post la intamplare de pe blog. Ideea e creatza iar solutia e foarte simpla, mai ales in varianta actuala, care mai da si rateuri (cam 1 din 5 in medie, dupa un test cu 50 de accesari). Pentru cine e rookie sau newbie (ca si mine) si e interesat, this is how it’s done:

- se creeaza un folder cu numele “random” in radacina blogului (sau in orice alta parte) pe serverul web;

- se creeaza o pagina noua in blog (Dashboard -> Pages) cu numele “Random Post” sau ceva relevant, iar permalink-ul paginii sa trimita catre folderul nou creat (in cazul meu http://www.weegee.ro/random/);

- in folderul numit “random” se creeaza un fisier cu numele “index.php” (sau ce nume principal este setat in DirectoryIndex-ul serverului web) care sa contina urmatorul cod:

unde:

1) in loc de http://www.weegee.ro se scrie adresa blogului vostru;

2) in loc de 4 respectiv 4160 se scrie indexul primului respectiv ultimului post al blogului vostru. Mai exact, fiecare post are un index. Cel mai bine se vede la blogurile care au lasat “permalink settings” pe default, iar posturile au adrese de genul http://www.weegee.ro/?p=123, insa index au chiar si posturile care au un nume bazat pe zi/luna/nume/titlu sau vreo combinatie intre ele (cum e si la mine). Astfel, in functie de setarile permalink-urilor, accesarea unei adrese de genul http://www.weegee.ro/?p=123 redirectioneaza vizitatorul spre o adresa… in genul celor ale posturilor mele, rezultatul final fiind… cel care se vede in navigation bar-ul browser-ului. Ma rog, multa teorie aiurea… Last but not least, pentru a afla indexul primului si ultimului post, se merge in editarea posturilor cu pricina si se citeste in navigation bar (browser) cifra/numarul din coada linkului.

…si asta este… it should work. De mentionat cateva… observatii:

- e lesne de inteles ca operatiunea asta merge doar pe bloguri self hosted… asa ca daca aveti blog la wordpress.com… tough luck;

- rata de succes este de ~80%, pe incercate. In caz ca nu merge, programelul “cheama” pagina de eroare 404 si da “page not found”. Ce nu imi explic este urmatorul lucru: eu am 4160 de indecsi si 427 de posturi (nu am inteles de ce sare numere intrucat nu am stat sa inteleg sistemul lui de indexare… probabil ca in range-ul ala de numere indexeaza si categoriile si tag-urile si tot ce misca), ceea ce ar insemna, matematic si statistic, ca rata de succes ar trebui sa fie undeva pe la 11%, departe de ce se intampla de fapt. De ce se intampla asta… nu stiu… some things elude me… si probabil e mai mult decat o simpla chestiune de matematica si statistica.

- ca rata de succes sa fie 100% programelul ar trebui sa caute si selecteze din tabela cu posturi a bazei de date doar intrarile cu indecsi… valizi ai posturilor. Mai am ceva de rumegat si invatat pana acolo but I’m working on it… Deocamdata merge decent si asa.

Cam atat… daca sunt intrebari si/sau nelamuriri sau chiar completari si sfaturi (binevenite) le astept aici.

Ha… Just click on the picture…

…cand ramane fara bani SI fara AdSense? Isi trage un… marketing afiliat… widget thingy… So… if you wanna buy stuff from eMAG, y’all know what to do from now on .
K, thanks, bye, move along now…

Gugle mi-a luat “averea”… cica pe motiv CA COntul prezinta risc pentru ‘advertiseri’… si ceva click-uri abuzive sau asa ceva… nu stiu exact, pentru ca nu am nervi sa citesc un kilometru de motive petru care au luat aceasta decizie asa cum nu am nervi sa citesc 5 km de ‘Terms and Condtions’ pentru cei circa 10 dolarei pe luna (teoretici, bazat pe rezultatele din primele 2 saptamani). Ce e ciudat e faptul ca mai mult de 2-3 clickuri pe ele nu dadeam pe zi… si nu vad de ce ar numara in nestire daca vin din aceeasi… directie… ba mai mult, de 2 zile nu am mai intrat pe blog decat de 2-3 ori… sunt la casa nr. 2 si nu am avut chef de blog, de netul sau de calcu’ de aici in general. Ma rog… or stii ei mai bine ce si cum. Poate ca nu merita sa isi bata capul cu mine, avand trafic mic and stuff… dunno. Nu plang dupa ~30 de RON pe luna, mai ales ca e vorba de bani pe care nu ii aveam si nu erau ai mei in primul rand… (u know, spre deosebire de producatorii de soft si alte cele, care declara pierderi din cauza pirateriei, de parca toti cei care pirateaza ar si cumpara, in cazul in care pirateria ar fi zero… as I said, crying over lost money they didn’t have in the first place), sunt doar intrigat putin legat de… politica lor. But fuck it and fuck google also.

Iata cu ce m-am delectat in dimineata asta… mostly from Russia. Click on pic.

Seria, daca ii pot spune asa, “Ce face blogger-ul cand ramane fara bani” am vazut-o pe la bloggerii aia “mari si tari”, si cum in seara asta (si nu numai) sunt lipsit de originalitate, mi-am insusit si eu acest… motto, daca vreti. Situatia mea cu particularitatile ei este insa una originala. Astfel, raspunsul la aceasta intrebare in cazul lor era ceva de genul “isi mai pune un banner”. Cine are cu ce… are. Nu e si cazul meu, obviously. Ba mai mult, nu ma simt nici blogger in sensul ala… profi (daca o exista), I’m just a dude with a blog, which is different in my opinion. Si, in plus, nu am ramas fara bani. Pur si simplu nu i-am avut niciodata.

Asa deci, am decis sa reactivez contul and stuff de AdSense. Cam uitasem de el… l-am facut cand mi-am tras super mega fotoblogul insa, pe vremea aia, nu am reusit sa il integrez in blog pentru ca, pe de o parte, template-ul la blogger.com mi s-a parut mereu cam shitty, si, pe de alta parte, ma uitam la html cam ca vitelul la poarta noua. Asa ca acum mi-am tras codul/script-ul intr-un widget si l-am pus “pi dreapta”, la vedere. Nu voi face rugaminti si implorari aici ca sa dati click-uri pe el sau ceva, e la latitudinea voastra daca vreti sa dati cate un click din cand in cand, ca sa ma “imbogatiti” si pe mine. Pot doar sa va zic ca, daca nu veti da click-uri pe adsense, o sa va cada puta sau o sa vi se dezumfle tatele, dupa caz. Mi-a spus mie un securist. Serios vorbind acum, daca deranjaza pe cineva acest… tupeu al meu, you can fuck off now, am vrut sa vad daca chiar se aduna ceva pe termen lung, that’s all. Daca fac cat sa imi acopar hosting-ul pe un an, inseamna ca blogul se va autofinanta si tot am facut ceva.

Last but not least (and later edit 2), am scos widget-ul “F1 Minute” din sidebar intrucat ducea la timpi mai mari de incarcare a paginii principale. Nu dura mult oricum, in principiu, dar asa e si mai rapid si e mai bine. Pentru “F1 Minute” am facut astfel pagina dedicata (nu vreau sa renunt de tot la plugin) pe care o puteti gasi aici, sau dand click pe link-ul din topbar. Feedjit ramane pe pagina principala intrucat altfel nu mai “capteaza” nimic… Over and out.

Desi nu am mai cautat si nu am mai vazut de multicel niste demo-uri, mi-au placut mereu diversele realizari ale meseriasilor din demoscene. Iar “tatal lor”, dupa parerea mea, sau cel putin din ce am vazut eu, ramane grupul german Farbrausch. Ar fi oarecum multe de spus insa o sa fiu cat se poate de succint – grupul s-a remarcat la un demoparty in 2000 cu un demo interesant, frumos, poate nu cel mai tare ca aspect si… elaborare, dar care avea o abordare… altfel, si anume optimizare si eficienta. Demo-ul “The Product” are animatie, fly-by camera, grafica, 3D stuff, toate cele si, pe deasupra, o muzica/melodie superba (if you are into electronic music at least), dureaza 11 minute si, cel mai important, are 64 de kilobytes!!! Yep, you heard it right. And I finally found it on youtube (de fapt… nici nu m-am gandit sa caut…). So, here it goes:

- “the product” il puteti descarca de aici; alte demo-uri si produse de la Farbrausch gasiti aici.

- melodia din demo o putei descarca de aici; alte melodii din demourile lor gasiti aici.

- .theprodukkt, o divizie (sau asa ceva) a grupului (well… about the same dudes), au facut si un joc (3D shooter), intitulat .kkrieger; demo-ul (jocul) il gasiti aici (sau direct aici); jocul este foarte basic, si da, nu e tocmai Crysis, insa si acesta este… special – are 96 KB, which is amazing… ca o comparatie, Doom (primul) are 5.6 MB (si e si mai slab… chair daca a fost facut cu multi ani inainte…).

Acestea fiind spuse (si daca nu aveti chef de incercat link-urile de mai sus si exe-urile and stuff), enjoy the video (of the demo). Merita!

Am lansat la apa marelederby.ro, blogul tovarasului Vladone, un fel de v2.0 (deoarece el a exitat si inainte) si, dupa cum se vede, e facut… dupa chipul si asemanarea mea – my theme, modificata un pic (la cererea “beneficiarului”) prin partile esentiale (culori, logo-uri, stuff) – in rest arata cam ca al meu (ca doar i-a placut omului si l-a vrut si pe al lui la fel…ish) si e gazduit separat de wordpress.com, spre deosebire de varianta anterioara, deci va fi mai customizabil. Continutul este al domnului mai sus mentionat, all sorts of football related stuff and… other things. Cam atat… in rest… stick around… for whoever wants to.

LOL?

“Microsoft tried to torpedo the success of the Japan Linux Symposium by launching their Windows 7 product that same day. They even had setup a big promotion booth across the street from the conference center. During a break, we decided to make some fun of Microsoft and dragged Linus over there. When we arrived there, Linus was sold immediately on the product as you can see in the picture. At least that’s what the sales guy thought. He obviously had no idea who he was dealing with. But in the end Linus surprisingly did not buy a copy. Wise man!“.

via.

Interesting video and concept. Possibly the future of peripherals and computer-human interaction?

More details here.