Despre mine
www.marianbucur.com

Salut! Numele meu este Bucur Marian, sunt freelancer (web developer), iar acesta este site-ul meu personal unde puteti vizualiza portofoliul meu, afla cateva lucruri despre mine, citi fel si fel de posturi bla bla... Bine v-am gasit si sper sa mai reveniti! :)

citeste tot

Ultimele lucrari
Links
People I know
Arhiva pentru categoria "Things I use"
1AugCare este cea mai buna bere

In categoriile: Parerea mea, Things I use

In acest moment de gandire profunda, in minte mi`a rasarit o intrebare filosofala: care este cea mai buna bere? Sunt atatea marci si arome incat o decizie este greu de luat :-??

So, what do you say people?

19 comentarii , ultimul scris de Bughy

24JulTutorial de stilizare a formularelor utilizand css

In categoriile: Parerea mea, Things I use, Tutorials, Web

Pentru ca mi`au adus unele acuzatii rautacioase (dar pe buna dreptate), greseli cauzate de neatentia mea, m`am hotarat sa repar aceste buguri (intalnite in IE) si sa fac acest tutorial, pe care sper sa`l gasiti util!

Cei de la Adobe scriu asa pe aceasta pagina:

Problem

IE6-7 incorectly scrolls an applied element background with background-attachment: scroll; when the user scrolls a textarea field or overflows an input field. This is incorrect behavior as the element background should only scroll with regards to the viewport.

Solution

No known solution or workaround, however this is only visible when the input element background consists of a pattern or an image.

Ei bine, nu exista nici o solutie incercand sa reparam aceasta problema legandu`ne strict de textarea sau de input, insa exista vreo cateva rezolvari pentru acest bug.
Metoda folosita de mine este una destul de simpla si nu implica folosirea de elemente in plus cum ar fi dl, ul sau orice altceva, in afara de elementele normale unui formular: label-urile.

Sa zicem ca vrem un formular in care textul este in stanga inputurilor.
Incep cu structura HTML (strict legata de inputuri, fara butoane si alte elemente):

PLAIN TEXT
HTML:
  1. <form action=“” method=“post”>
  2.     <label><input type=“text” value=“Scrie ceva lung… “/>Bad!</label>
  3.     <label class=“text”><input type=“text” value=“Scrie ceva lung… “/>Good! : )</label>
  4. </form>

Am pus input-urile inaintea textului pentru ca atunci cand atribuim float:right inputurilor acestea se vor alinia in dreapta textului.

Iar acum codul CSS:

PLAIN TEXT
CSS:
  1. /* Atribuim ce width dorim form-ului, acelasi width atribuindu-l si label-urilor, carora, de asemenea, le vom da "float:left", pentru ca fiecare sa fie pe un singur rand. */
  2.  
  3. form {
  4. width:300px;
  5. }
  6.  
  7. label {
  8. width:300px;
  9. float:left;
  10. }
  11.  
  12. /*
  13. Atribuim un background pentru inputul care va fi cel problematic in IE.
  14. De asemenea suma width-ului + padding-ului este egala cu latimea imaginii care va fi pe fundal. 180 + 20 care este totalitatea padding-ului din dreapta si din stanga = 200 (Sunt bun la mate, nu?).
  15. Acelasi lucru este valabil si pentru inaltime.
  16. Desi nu era necesar, am adaugat padding, o culoare si o marime pentru text doar pentru a infrumuseta un pic input-ul atunci cand se introduce continut.
  17. Dupa cum am scris si mai sus, atribuind "float:right" input-urilor, acestea se alineaza in dreapta textului.
  18. Deoarece adaugam o imagine de fundal, vom inlatura si border-ul care nu mai este necesar.
  19. */
  20.  
  21. input {
  22. width:180px;
  23. height:18px;
  24. padding:3px 10px;
  25. background:url(../wp-content/themes/mb/images/input3.png);
  26. border:0;
  27. float:right;
  28. color:#323232;
  29. font-size:15px;
  30. }
  31. /*
  32. Atribuind background-ul label-ului in locul input-ului evitam acest bug, pozitionand-ul in locul acestuia cu "right top".
  33. */
  34. .text {
  35. background:url(../wp-content/themes/mb/images/input3.png) no-repeat right top;
  36. }
  37. /* Facem background-ul input-ului, care va fi fara probleme, transparent, imaginea de fundal fiind atribuita label-lui in care se afla, acest input fiind total transparent, vazandu-se doar textul  */
  38. .text input {
  39. background:transparent none;
  40. }

That`s all folks!
Easy, uh? :)

Rezultatul final poate fi vizualizat aici.

PS: pentru cei care nu si`au dat seama, este vorba despre un bug de internet explorer, deci pentru a vedea despre ce este vorba intrati cu internet explorer.

14 comentarii , ultimul scris de Marian Bucur

25MarWindows Vista & BSODs

In categoriile: Software, Things I use

Am renuntat la Windows XP si mi`am instalat Windows Vista de max o saptamana si vreau sa zis ca lucrurile naspa si vechi nu au fost eliminate… Ma refer la “dragutele” BSOD-uri (Blue Screen of Death - ecranul ala albastru cu scris pe ele si tot felu de cifre [pentru necunoscatori]) … am patit`o deja de doua ori sa primesc blue screen-uri…

Cand n`o sa mai vedem asa ceva !? :(

8 comentarii , ultimul scris de Marian Bucur

12FebPHP to Javascript Project: php.js

In categoriile: Cu ochii pe net, Things I use, Web

Cautand o functie in javascript care sa fie asemanatoare cu explode din php am dat peste un site foarte foarte interesant, si anume PHP to Javascript Project: php.js. Momentan libraria include 98 de functii cu exemplele si documentatia necasara.

Inca de la prima vedere mi`a placut foarte mult aceastea librarie. Ramane de vazut cat de utila va fi pe viitor :D

Enjoy! b-)

6 comentarii , ultimul scris de ionutz

3FebWindows Vista

In categoriile: Parerea mea, Software, Things I use

Fiind din ce in ce mai curios, aseara am zis sa instalez si eu Windows Vista sa vad cum este. Zis si facut, m`am pus pe instalat (in partitia D: [o chestie pe care am observat`o este ca Vista a facut din D: - C:, dar in Windows XP apar normal partitiile] ) dupa care m`am mai uitat eu putin pe ici pe colo si m`am reintors la Windows XP. Asta avand ceva mai mult timp liber am zis sa butonez mai mult la Vista. Am instalat Winamp (fara muzica nu pot sa stau) si ce sa observ ?! La sistemul meu 5.1 se auzeau doare boxele din fata. Sunetul era configurat pe 5.1, iar daca testam boxele se auzeau toate, insa atunci cand vreau sa ascult o melodie se aud doar 2… Ain’t that cute? (daca gasiti o rezolvare la problema asta please let me know!). O alta chestie care m`a nemultumit este faptul ca sunt consumate prea multe resurse. In XP, CPU-ul este folosit doar in proportie de 0 pana la 5 % (avand deschise: Winamp, Firefox, Google Talk, uTorrent si Yahoo Messenger), pe cand in Vista este folosit aproape 20 la sute din procesor. Cam atatea am remarcat la prima vedere pentru ca m`am enervat si m`am reintors pe XP (unde pot sa ascult si eu muzica ca omu`).

Am avut sperante in Vista, dar m`a cam dezamagit. In afara de o interfata frumoasa (poate cam prea incarcata si care incetineste calculatorul) nu am vazut mai nimic in plus care sa`mi placa. Sper ca viitoarele fixuri sa mai repare din buguri si poate sa mai optimizeze consumul resurselor. Oh well… long live XP!

Ce parere aveti despre Windows Vista?

View Results

Loading ... Loading …

Nici un comentariu

12JanAdd-on-uri Firefox utile pentru web developeri

In categoriile: Things I use, Web

Firefox este un browser excelent (poate cel mai bun), fara indoiala. Rapid, sigur… insa nu numai astea sunt motivele pentru care il folosesc. O fac datorita add-on-urilor sale pentru web development. Iata topul celor mai importante si mai folosite de mine:

1) Firebug (acesta este cel mai important dintre toate).
2) Html Validator (foarte util, mai ales pentru cei care se ocupa de xhtml)
3) Web Developer

Alte add-on-uri pe care le folosesc sunt: Extended Statusbar, Dummy Lipsum, MinimizeToTray, Minimize To Tray Enhancer, Save As Image, Download Statusbar (nu toate au legatura cu web development,dar sunt utile).

Nici un comentariu