Web design | 2/2 | Bucur Blog

Google maps responsive

Posted on februarie 14, 2016februarie 24, 2016 by Niculae Bucur Ion

M-am lovit de aceasta chestie si anume de a face google maps responsive pentru un site. Dupa o scurta cautare pe google am gasit urmatoarele coduri care evident functioneaza. Codul de harta se pune intr-un div numit map-responsive. In css avem urmatoarele coduri.

<span class="token selector">.map-responsive</span><span class="token punctuation">{</span>
    <span class="token property">overflow</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span>
    <span class="token property">padding-bottom</span><span class="token punctuation">:</span>56.25%<span class="token punctuation">;</span>
    <span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span>
    <span class="token property">height</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">.map-responsive iframe</span><span class="token punctuation">{</span>
    <span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span>
    <span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span>
    <span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span>
    <span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span>
    <span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span>
<span class="token punctuation">}</span>

.map-responsive{

overflow:hidden;

padding-bottom:56.25%;

position:relative;

height:0;

}

.map-responsive iframe{

left:0;

top:0;

height:100%;

width:100%;

position:absolute;

}

Extensii Chrome pentru designeri

Posted on ianuarie 19, 2016iunie 13, 2017 by Niculae Bucur Ion

Cateva dintre extensii pe care le folosesc pentru Chrome si care ma ajuta dar evident pot ajuta si pe cei care se ocupa de programare sau webdesign. 1.Font Playground. Fiecare designer si dezvoltator vor găsi această extensie de neprețuit. Aceasta extensie vă permite să experimentați cu fonturile locale și întreaga bibliotecă de fonturi Google pe o […]

Plugin de preturi și serviciul de comparare în WordPress

Posted on decembrie 20, 2015decembrie 20, 2015 by Niculae Bucur Ion

Iata cateva pluginuri care va pot ajuta sa adaugati preturi pentru diferite servici pe care le aveti in site. Toate pluginurile au modele diferite; unele sunt orizontale altele sunt verticale, culorile variaza, iar unele chiar accentuiaza un plan anume. Toate acestea se pot dovedi a fi instrumente foarte valoroase pentru a atrage nu numai ochi utilizatorilor, […]

Site-uri de unde poti lua poze cu licenta gratis.

Posted on octombrie 4, 2015martie 14, 2017 by Niculae Bucur Ion

Ori de cate ori am nevoie de poze pentru diferite proiecte sunt cateva site-uri la care apelez pentru a descarca pozele respective. Foarte utile si pozele sunt de calitate. Domeniile pentru care poti descarca poze sunt utile. Unsplash Stocksnap Photogen Freepixels

Responsive CSS Frameworks

Posted on august 9, 2015martie 26, 2018 by Niculae Bucur Ion

Doar cateva responsive CSS Frameworks pe care ai putea sa le iei in considerare cand doresti sa faci un site responsive. 1.Base 2. Bootstrap 3. Kube 4. Foundation 3 5. Skeleton 6. Gumby 7. Proportional Grids 8. Susy 9. Responsive Grid System by Graham Miller 10. Responsive Grid System by Denis LeBlanc 11. Gridiculous 12. Responsive Aeon 2.0 13. 320 and Up

5 Free WordPress Shortcode Plugins

Posted on iulie 12, 2015iunie 13, 2016 by Niculae Bucur Ion

Pluginurile ne fac viata mai usoara in administrarea unui site pe platforma WordPress. Daca vrei sa imbunatatesti un site de prezentare si nu numai un plugin care ofera shortcode este bine venit. Iata 5 pluginuri care te pot ajuta. Shortcodes Ultimate WordPress Shortcodes Shortcoder Easy Bootstrap Shortcode Simple Shortcodes

Interesul pentru web designul responsive.

Posted on mai 16, 2015mai 19, 2015 by Niculae Bucur Ion

Dupa cum se stie Google a anuntat faptul ca, incepand cu data de 21 aprilie, website-urile care sunt mobile-friendly vor fi propulsate in clasamentul motorului de cautare. Pentru a satisface majoritatea utilizatorilor de internet (si in zilele noastre o mare parte dintre ei folosesc device-uri mobile) Google intentioneaza sa le imbunatateasca experienta acestor utilizatori, prin afisarea […]

Cum sa folosesti WooCommerce shortcodes

Posted on mai 2, 2015noiembrie 22, 2016 by Niculae Bucur Ion

Daca esti in cautare de afisare a scurtaturilor (shortcodes – en.) pentru WooCommerce atunci aici vei gasi ceea ce doresti. Iata o lista de shortcode care te poate ajuta sa afisezi in pagina prin editorul WordPress continutul dorit…

Despre Hover.css

Posted on mai 2, 2015mai 2, 2015 by Niculae Bucur Ion

Hover.css este un proiect open source și este pus la dispoziție sub o licență MIT. Multe efecte utilizate caracteristici CSS3, cum ar fi tranziții, transformări și animații. Toate efectele Hover.css se folosesc de un singur element (cu ajutorul unor pseudo-elemente după caz), sunt autonome astfel încât să puteți copia cu ușurință și adaugate acolo unde doriti. Un […]