FloatLeft http://floatleft.ro "Foi cu stil" Fri, 25 Feb 2011 22:07:05 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 WordPress plugin – MMN http://feedproxy.google.com/~r/floatleft/xFJl/~3/kEEWTGMpKJ0/ http://floatleft.ro/2011/wordpress-plugin-mmn/#comments Fri, 25 Feb 2011 22:01:01 +0000 Victor http://floatleft.ro/?p=124

Maintenance Mode Notify

Lucrand in zona de front end, de multe ori se intampla sa lucrez pe aceeasi instanta care este verificata de client (uneori in ritm destul de alert :) ). Bineinteles ca acesta surprinde momente in care interfata arata nu tocmai in ordine, de aici rezulta cerinte care peste putin timp nu isi au rostul.

Pornind de la acest gand, am zis ca ar simplifica lucrurile o “notita” afisata in pagina, care informeaza ca se lucreaza la site.

Acum cateva zile mi-am facut cont si am “rezervat” loc la WordPress – Plugin Directory pentru Maintenance Mode Notify  (a durat un pic pana am primit “verde” pentru svn access)

Azi am petrecut cateva ore sa aduc acest plugin la versiunea 2.0 (care, fata de prima versiune, este functionabila inainte de toate)

Presupun ca scopul cu care va fi folosit acest plugin va fi acela de a anunta vizitatorii ca site’ului (construit pe wordpress) i se aduc niste modificari la un moment dat.

Pluginul poate fi descarcat de aici: http://wordpress.org/extend/plugins/maintenance-mode-notify/
Tot acolo gasiti informatii despre plugin, screenshots, FAQ…

Multumesc pentru atentie!

Va urez un weekend cat mai odihnitor!

]]> http://floatleft.ro/2011/wordpress-plugin-mmn/feed/ 1 http://floatleft.ro/2011/wordpress-plugin-mmn/ Ei sunt colegii mei http://feedproxy.google.com/~r/floatleft/xFJl/~3/s29tuC5fCiE/ http://floatleft.ro/2011/ei-sunt-colegii-mei/#comments Wed, 02 Feb 2011 10:28:11 +0000 Victor http://floatleft.ro/?p=111 Lateral

Technology With Passion

Ma mandresc cu noul aspect al site-lui LATERAL.

“Cireasa de pe tort” este pagina ABOUT US. Se pare ca aceasta a furat privirile multor vizitatori  si a creat minute intregi de joaca si pentru unii si pentru altii.

Oamenii de acolo sunt colegii mei si va zic – este o placere sa lucrez cu ei in fiecare zi.

]]> http://floatleft.ro/2011/ei-sunt-colegii-mei/feed/ 0 http://floatleft.ro/2011/ei-sunt-colegii-mei/ De ce ar fi timpul sa nu mai optimizam pentru Internet Explorer 6 http://feedproxy.google.com/~r/floatleft/xFJl/~3/ApYMbD5WOBQ/ http://floatleft.ro/2010/sa-nu-mai-optimizam-pentru-internet-explorer-6/#comments Fri, 10 Dec 2010 10:04:03 +0000 Victor http://floatleft.ro/?p=98 Internet DestroyerMulti programatori web (mai multi decat as fi crezut) inca petrec foarte mult timp optimizandu-si lucrarile pentru Internet Explorer 6.

Acest proces a fost necesar pana acum cativa ani cand IE6 detinea o parte importanta din cota de piata, aproximativ 20% – 30%, acum insa a devenit un lucru care nu aduce valoare si care consuma timp.

Ultimile statistici (actualizate in Noiembrie 2010), arata ca cel mai popular browser este Internet Explorer cu o cota de 29% (si anume IE8 – 17,6% si IE7 – 6,5%) iar Firefox cu 44%. IE6 detine aproximativ 4%, ceea ce inseamna ca la fiecare 100 de oameni care viziteaza un site, doar 4 din ei ar putea sa nu se bucure de experienta maxima in timp ce navigheaza.

Doar pe parcursul acestui an Internet Explorer 6 a pierdut cam 6% din cota de piata (de la 10.2% in ianuarie la 4.1% in noiembrie). Aceasta tendinta e un indice clar ca acea mica parte dintre utilizatori care inca folosesc IE6 incepe sa dispara rapid. Nu din intamplare Google (pentru unele din serviciile sale), YouTube si Facebook au eliminat suportul pentru IE6 in luna martie si respectiv august ale acestui an.

Fiti de acord cu mine – Internet Explorer 6, in pofida popularitatii sale si din cauza nerespectarii standardelor,  a fost un browser teribil. Sa-l lasam sa moara! :)

]]> http://floatleft.ro/2010/sa-nu-mai-optimizam-pentru-internet-explorer-6/feed/ 5 http://floatleft.ro/2010/sa-nu-mai-optimizam-pentru-internet-explorer-6/ Din [select] in [ul] – jQuery plugin http://feedproxy.google.com/~r/floatleft/xFJl/~3/cujqLaYW8rs/ http://floatleft.ro/2010/din-select-in-ul-jquery-plugin/#comments Thu, 04 Nov 2010 05:28:12 +0000 Victor http://floatleft.ro/?p=37 SelecToUl este un plugin jQuery care “transforma” un <select> intr-o lista neordonata (<ul>).

Implementare

Includeti in sectiunea <head> fisierul css, jQuery (ultima versiune) si plugin-ul SelecToUl

<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/jquery.selectoul.js" type="text/javascript"></script>

In sectiunea <body> a documentului, codul html ar trebui sa arate asa:

<select id="id1" class="convertToUl" name="name1">
  <option value="nothing">Choose a country</option>
  <option value="Romania">Romania</option>
  <option value="Moldova">Moldova</option>
  <option value="Russia">Russia</option>
</select>

Nota: specificati id, name si clasa convertToUl

Apelati convertorul

$(body).selectoul();

Puteti folosi parametri speciali

$(body).selectoul({
selectClass: "convertToUl", //clasa SELECT-ului care va fi "convertit" [select]
ulWrapClass: "fancyDrpDwn", //clasa pe elementul care va contine lista generata [div]
ulClass: "exSelect", //clasa pentru lista generata [ul]
selectedItemClass: "selectedFromList" //clasa elementului activ [span]
});

Vezi demo aici.

Descarca demo.

In exemplul meu, plugin-ul converteste un numar nelimitat de selecturi in aceeasi pagina. Pe undeva au fost observate niste defecte (bug’uri) insa.

Atunci cand imi permite timpul, mai lucrez la imbunatatiri. Versiunea urmatoare promite a fi mai buna si mai fara “gandaci” (aka “bug”-uri) :-)  Altfel, orice contributie (benefica) este binevenita din partea oricui!

]]> http://floatleft.ro/2010/din-select-in-ul-jquery-plugin/feed/ 0 http://floatleft.ro/2010/din-select-in-ul-jquery-plugin/ Harta Romaniei html/css (v1.0) http://feedproxy.google.com/~r/floatleft/xFJl/~3/DsQqoOZ_BB4/ http://floatleft.ro/2010/harta-romaniei-htmlcss-v1-0/#comments Wed, 03 Nov 2010 18:47:53 +0000 Victor http://floatleft.ro/?p=31 Harta RomanieiPoate s-a intamplat (poate nu) sa ai nevoie de harta Romaniei care sa nu fie una “google” si sa nu fie una “flash”.  Eu am avut nevoie si am facut una “html/css”.

Aspectul i se poate modifica usor si mai sunt unele lucruri care trebuie zise despre ea:

1. Pentru a schimba iconitele, foloseste una din clasele predefinete pentru span: effect, snow, acBlue, acOrange
2. “Activeaza” un judet aplicand clasa ocupat pe li

Bineinteles, poti crea si folosi iconite proprii (dimensiuni: 27×25 px)  :-)

Aceasta versiune include modelul gri si orange (necesita jQuery pentru interschimb).

Vezi demo aici.

Descarca HartaRomaniei-CSS-v1-0.zip.  E gratis!  :-)

]]> http://floatleft.ro/2010/harta-romaniei-htmlcss-v1-0/feed/ 2 http://floatleft.ro/2010/harta-romaniei-htmlcss-v1-0/ Border, valori implicite http://feedproxy.google.com/~r/floatleft/xFJl/~3/Yi8wmEsOkBo/ http://floatleft.ro/2010/border-valori-implicite/#comments Wed, 03 Nov 2010 14:07:28 +0000 Victor http://floatleft.ro/?p=21 Deobicei, cand definesti regula border vei specifica un stil, o culoare si o grosime (nu conteaza in ce ordine). Cu toate acestea, valoarea solicitata este doar stilul.

Astfel, daca vei scrie doar

border: solid;

pentru culoare si grosime se vor aplica valorile implicite si anume: pentru grosime – valoarea medium (care este echivalentul a 3 – 4px) iar culoarea va fi aceea a textului din interior.

Daca grosimea si culoarea sunt cele dorite, specificati doar stilul borderului :-)

]]> http://floatleft.ro/2010/border-valori-implicite/feed/ 0 http://floatleft.ro/2010/border-valori-implicite/