Twitter Bootstrap adaptabil pentru orice rezoluţie

Formidabilul framework numit mai pe scurt Bootstrap permite să realizăm webaplicaţii responsive, adică din acelea care îşi adaptează designul automat după rezoluţie. Informaţii mai multe veţi găsi mergând aici. Eu doresc doar să ofer mai jos un cadru simplu de la care se poate porni (de fapt e cadrul standard oferit de Bootstrap, tradus pe ici pe colo şi pregătit pentru a fi responsive). Aşa după cum veţi vedea din cod, magia presupune două rânduri: linia 5, respectiv linia 10 din codul pus mai jos. Cel mai bine e să deschideţi exemplul de aici într-o fereastră nouă şi să vă jucaţi cu ea.

imagine

În ce sens să vă jucaţi? Redimensionaţi fereastra. Veţi observa că meniul …


VectorsLand: o altă resursă de imagini vectoriale

Am văzut de-a lungul timpului mai multe motoare de căutare pentru imagini vectoriale. De exemplu Vector.us, Vector-Finder.com sau Pixabay.com. În aceeaşi familie se înscrie şi VectorsLand.com, care din nou nu deţine la propriu nici un vector, doar le cataloghează şi te trimite apoi spre o pagină de unde poate fi descărcat, de pe alte situri. Rămâne în sarcina Dvs să evaluaţi cu atenţie licenţa sub care imaginile sunt puse la dispoziţie: poate că toate sunt gratuite, dar nu toate şi pentru uz comercial.

imagine

Aşa cum ne-am aştepta, motorul ne ajută să ajungem rapid la imaginea dorită, fie că este vorba de un căţel, o pălărie, un gest, un fundal, o decoraţiune. Există şi …


Reclame Windows (8+Phone)… stranii

Huh… Cam ciudate şi… poate le-aţi văzut şi prin alte părţi. Sau poate nu. Primul e un clip ce promovează Windows Phone dând în fanii Apple şi Samsung. Mai apoi două clipuri cu adevărat ciudate, de undeva din Asia, care vor să promoveze Windows 8. Toate se vor comice şi sunt în parte comice dar, cred că veţi fi de acord, au în comun stilul cel puţin ciudat de a face reclamă. Chiar dacă nu pricepem exact ce spun – mă refer la clipurile asiatice – nu vom avea problemă cu mesajul.


Columnizer: plugin jQuery pentru pus textul pe coloane

Poate unii vor considera comic un astfel de subiect: păi CSS3 nu permite aşa ceva fără plugin jQuery?! Ba da. Am văzut şi un generator care ne ajuta să avem un text pe coloane în câteva secunde, care, pe atunci (era 2011, cred că foloseam IE 9) nu mergea corect sub IE. Acum însă, sub IE10 merge bine. Cei care nu vor să îşi bată capul cu care navigator cât de bine suportă facilitatea numită coloane din CSS3, vor prefera o soluţie jQuery, chiar dacă şi ea, întorcându-ne înapoi în timp sub navigatoare din epoca de piatră, nu e perfectă.

imagine

Am folosit recent Columnizer, un plugin atât de uşor de folosit încât ajunge o singură linie de …


Videoclipurile Epipheo

Acum câteva luni am remarcat pe mai multe situri un clip intitulat “The Power of Habit”. Mi s-a părut interesant, dar nu l-am pus la DePe.net în acel moment. Acum am văzut un alt videoclip şi am constatat sursa comună: canalul YouTube numit Epipheo. Dacă veţi merge pe respectivul canal – acum cine ştie YouTube cum va mai schimba şi reschimba şi reschimba designul în timp – veţi vedea un clip de prezentare, pentru a prinde ideea celor din spatele la Epipheo. Nu spun că cu toate cele vehiculate de ei veţi fi de acord, dar cu siguranţă au şi elemente interesante şi credibile.

Iată şi clipul apărut ieri, “What the Internet is Doing to Our Brains”, pe care probabil nu îl vor gusta prea mulţi… cel puţin la prima vizionare. E un semnal de alarmă de neignorat. …


Managerul de proiecte în WeBuilder

Unii îşi amintesc poate că WeBuilder se poate cumpăra pe nimica (3euro) din România (via SMS), chiar dacă preţul lui real este de 10 ori mai mare. Eu mi l-am cumpărat acum un an, dar nu l-am folosit, supărat în special pe problema legată de ANSI/Unicode. L-am cumpărat din nou (versiunea 2014) luna trecută – vezi aici – şi am început să îl folosesc. După mai multe săptămâni de folosinţă pot spune ceva clar: nu simt neapărat nevoia să mă întorc la phpMyDesigner, mult mai scump, dar categoric şi mai bun. Şi am să încep cu aspectul negativ legat de WeBuilder.

imagine

Dacă mă supără ceva în WeBuilder este semnalarea mult mai proastă a greşelilor din PHP decât în phpMyDesigner …


Tapeturi pentru mai şi multe altele

Huh, e timpul recuperărilor şi pe frontul tapeturilor. Vă amintiţi că SmashingMagazine realizează colecţii de tapeturi lună de lună, utile în fapt oricând, pentru că sunt nu doar în rezoluţii variate ci şi în variantă cu şi fără calendar. Mai mult, mai nou oferă şi pachet cu toate temele pentru Windows 7/8. Iată colecţiile sărite în acest an: pentru luna mai (pachet Windows), aprilie (la pachet) şi martie (la pachet). M-am bucurat să văd că în mai şi martie reapar şi românii, dar din nou cu greu găsesc tapete care să îmi placă.

imagine

Şi ca să fie paleta mai largă, iată din semnele de carte strânse tot în ultimele 2-3 luni.

Hongkiat.com:


Lazors pentru Android şi iOS

Unele jocuri te sperie cu grafica lor, parcă întorcându-te în timp cu 20-30 de ani (când unii dintre cititorii noştri nici nu erau născuţi). Şi totuşi, Lazors (pe care îl găsiţi şi pentru Android şi pentru iOS) este genial în felul lui şi parcă în cele din urmă grafica lui nici nu este atât de urâtă! Sau faptul că jocul te prinde îţi face grafica gri mai acceptabilă? Trebuie spus clar şi de la început că acesta este un joc de logică, deci mai departe merită să citească doar fanii genului. Şi nu e de glumă: unele niveluri sunt de-a dreptul criminale, dar până la ele puteţi trece prin pachete mai acceptabile.

imagine …


SkyFonts îţi ţine la zi pe calculator fonturile Google

Fonturile Google sunt minunate şi eu am început să mă folosesc tot mai des în diversele proiecte web, pentru simplul fapt că oferă alternative mai frumoase pentru text decât paleta standard de fonturi. Nu m-am folosit de ele pe calculator, ci doar online, deşi să fie clar că Google permite aceasta… cred că de la început. De aceea m-a mirat anunţul Google Download Google fonts to your desktop, de la începutul acestei luni, care spune că “starting today, you can download these fonts for offline access on your desktop”. Păi şi până acum se puteau descărca… Ce e nou atunci?

imagine

Nu ştiu de ce Google a considerat că e dificil să descarci fonturile şi să le “instalezi” (versiunile …


Twitter Bootstrap cu alte culori

Am scris în ianuarie pentru prima oară despre Twitter Bootstrap şi au urmat apoi câteva articole mai în detaliu… dar m-am oprit. Însă nu m-am oprit din a folosi acest framework deosebit. În fapt am avut două proiecte deja scrise cu el şi sunt foarte mulţumit! Dacă nu mă înşel, un comentariu al unui cititor spunea cândva ceva de genul: “dar cu Bootstrap nu vor arăta toate siturile la fel?” Ei bine, nu. Bootstrap ne permite chiar din pagina oficială să afectăm în primul rând culorile, dar puţin şi unele dimensiuni (de la fonturi, la elemente, precum înălţimea la nabar).

imagine

Ce trebuie să facem este să pornim de la pagina Customize. Desigur, dacă vrem să reducem dimensiunea framework-ului vom …