Cautare in site

Blog

Articole din categoria Responsive Web Design

Unitatile de masura in CSS

Unitatile de masura in CSS

Pentru a defini proprietatile in CSS, cum sunt: width, margin, padding, font-size, border-width, etc se folosesc diferite unitati de masura. Acestea pot fi absolute (ex: px) sau relative (ex: em). Mai jos detaliem cum se calculeaza fiecare si care sunt avantajele pentru adaptarea la rezolutia ecranului dispozitivului. Cea mai cunoscuta unitate de masura in CSS [...]
CSS3 FlexBox

CSS3 FlexBox

Ce este Flexbox Este un model de layout in CSS3. Are scopul de a oferi un mod mai eficient pentru realizarea layout-urilor web, de a alinia si distribui spatiul intre elemente inauntrul unui container chiar si atunci cand dimensiunea nu este cunoscuta sau este dinamica. Intr-un layout construit cu flexbox proprietatile elementelor (largime, inaltime, ordine [...]
Visual Composer pentru WordPress – noutati versiune 5.3

Visual Composer pentru WordPress – noutati versiune 5.3

Cel mai cunoscut plugin Page Builder pentru WordPress, Visual Composer, a ajuns la versiunea 5.3. (lansata in 15.09.2017). Aceasta versiune aduce o noua optiune importanta pentru personalizarea elementelor incluse in plugin, si anume: Design Options. Cu noua schema de culori plugin-ul isi schimba si numele in WPBakery Page Builder. Pe langa personalizarea culorilor elementelor incluse [...]
Ce curs de Web Design sa alegi?

Ce curs de Web Design sa alegi?

Cea mai frecventa intrebare a celor care vor sa inceapa sa invete web design. Acest articol propune o descriere a principalelor tehnologii disponibile pentru crearea de site-uri web. Vom face o comparatie intre sistemele CMS (printre care WordPress este cel mai utilizat) pe de o parte si crearea de site-uri web scriind markup-ul de la [...]
Introducere la Bootstrap

Introducere la Bootstrap

Framwevork-ul dezvoltat initial de Twitter permite realizarea de site-uri web responsive, care se adapteaza la orice rezolutie de dispozitiv: desktop, tablete si telefoane mobile. Versiunea stabila este momentan 3; versiunea 4 a Bootstrap se afla in faza de testare. Este in momentul de fata cel mai utilizat framework pentru dezvoltarea interfetelor web responsive devenind foarte […]

Site-uri web Responsive vs. site-uri web Mobile

Site-uri web Responsive vs. site-uri web Mobile

In ultimii ani am asistat la un boom in ceea ce priveste utilizarea dispozitivelor (smartphone, tablet) pentru navigarea pe internet. Recunoscand acest trend, dezvoltatorii s-au axat initial pe realizarea site-urilor dedicate pentru telefoanele mobile. Succesiv s-a trecut la realizarea site-urilor web care se adapteaza la orice rezolutie de ecran si anume site-urile web responsive. In […]

Realizarea unui meniu de navigare responsive

In acest tutorial vom vedea cum sa configuram de la zero, in foarte putine randuri de markup, un meniu de navigare ce se adapteaza la orice rezolutie a ecranului. DEMO MENIU DE NAVIGARE RESPONSIVE DESCARCA DEMO MENIU DE NAVIGARE RESPONSIVE Codul HTML Markup-ul este foarte simplu. Aici am inserat un simplu tag “nav” care contine […]

7 Tendinte in Web Design pentru 2016

7 Tendinte in Web Design pentru 2016

Ca la fiecare inceput de an este momentul potrivit pentru a vorbi despre ce ne putem astepta de la 2016 in materie de tendinte in design-ul web. 1. Navigarea mobile aplicata la desktop Suntem deja obisnuiti ca in vizualizarea site-urilor web pe dispozitive mobile sa vedem iconita specifica numita si “hamburger”. Insa simplificarea navigarii pentru […]

Imaginile in format SVG

Imaginile in format SVG

Imaginile SVG – utilizarea imaginilor vectoriale in site-urile web SVG (Scalable Vector Graphics) este un format de imagine bazat pe vectori si generat prin intermediul unui fisier XML. Imaginile svg se utilizeaza pentru grafica bidimensionala si pot fi integrate in codul paginilor web fiind compatibile cu bowserele moderne (nu sunt compatibile cu versiunile Internet Exporer […]