Cautare in site

Articole

Categorii Articole

Efectul de Smooth Scroll in CSS

Efectul de Smooth Scroll in CSS

Ce este efectul de Smooth Scroll? Cum ii sugereaza si numele creaza un efect de scroll lent al paginii web. Comportamentul de scroll ca si setare de default este abrupt, fiind setat pe “auto”. In exemplul de mai jos o exemplificare a efectului. Your browser does not support the video tag. Cand este util? Pentru [...]
Curs jQuery – lectia 9 – Selectorul :hidden – aplicarea functiei .toggle asupra unui element initial ascuns

Curs jQuery – lectia 9 – Selectorul :hidden – aplicarea functiei .toggle asupra unui element initial ascuns

In articolul trecut am introdus cuvantul cheie “this” in jQuery si am vazut cum putem imbunatati functia .toggle prin schimbarea textului pentru butonul ce genereaza animatia (aratarea si ascunderea detaliilor). In exemplul din articolul trecut detaliile erau initial vizibile, iar clickand pe buton le puteam alterna vizibilitatea DEMO Dar in cele mai multe cazuri va […]

Curs jQuery – lectia 8 – Cuvantul cheie “this” si schimbarea textului pentru declansatorul functiei .toggle

Curs jQuery – lectia 8 – Cuvantul cheie “this” si schimbarea textului pentru declansatorul functiei .toggle

In articolul trecut am introdus actiunea .is cu ajutorul careia am ascuns si aratat informatii utilizand-o impreuna cu actiunile .show si .hide din jQuery. Deasemenea am vorbit despre actiunea .toggle, foarte utilizata de catre dezoltatorii jQuery, functie ce incorporeaza cele doua actiuni: .show si .hide. In acest articol vom face un pas in plus in […]

Curs jQuery – lectia 7 –Evenimentele in jQuery, instructiunile .show / .hide sau .toggle

Curs jQuery – lectia 7 –Evenimentele in jQuery, instructiunile .show / .hide sau .toggle

Dupa ce in lectia trecuta am vazut cum putem manipula vizibilitatea cu ajutorul metodelor .addClass si .removeClass in acest articol vom vedea cum putem utiliza aceste metode impreuna cu evenimentele din jQuery (Event). Event-urile sunt acele actiuni realizate de catre utilizatori sau de catre browser. Cand am vorbit despre functia $(document).ready am introdus primul eveniment in […]

Curs jQuery – lectia 5 – Proprietati multiple cu functia .css utilizand un obiect “literal”

Curs jQuery – lectia 5 – Proprietati multiple cu functia .css utilizand un obiect “literal”

In lectia trecuta am vazut ca putem aplica o proprietate css prin intermediul functiei jQuery .css asupra selectiei randurilor din tabel obtinute cu ajutorul selectorilor : even si :odd. Proprietatea css aplicata in lectia trecuta viza culoarea de fundal a randurilor. In practica insa avem nevoie sa aplicam mai multe reguli css deodata. In acest […]

Curs jQuery – Lectia 3 – Instructiunea document ready si specificarea selectorilor

Curs jQuery – Lectia 3 – Instructiunea document ready si specificarea selectorilor

Dupa ce in lectia trecuta am vazut care este semantica instructiunilor jQuery si care este alias-ul folosit, in aceasta lectie vom vedea care este scopul utilizarii instructiunii document ready si cum putem specifica selectorii din pagina. Instructiunea document ready Inainte ca documentul HTML sa poata fi manipulat de catre JavaScript trebuie sa verificam starea incarcarii […]

Curs jQuery – Lectia 2 – Alias-ul, semantica instructiunilor si inserarea lor in documentul HTML

Curs jQuery – Lectia 2 – Alias-ul, semantica instructiunilor si inserarea lor in documentul HTML

Dupa ce in lectia trecuta am facut o introducere la libraria jQuery vom merge mai departe cu analiza noastra vazand ce este alias-ul si care este semantica instructiunilor in jQuery. Alias In jQuery pentru a chema functiile disponibile in librarie utilizam ca o prescurtare acest simbol $. Instructiunea jQuery = $. In interiorul codului nostru […]

Curs jQuery – Lectia 1 – Introducere,  Download / CDN si plasare in documentul HTML

Curs jQuery – Lectia 1 – Introducere, Download / CDN si plasare in documentul HTML

Ce este jQuery? Este cea mai utilizata si stabila librarie JavaScript cu ajutorul careia putem adauga efecte si comportamente elementelor ce alcatuiesc DOM-ul (Document Object Model) paginii web si putem crea cereri Ajax. Avantaje – Sloganul jQuery este „Write less, do more” deci scrierea este cu mult comprimata in comparatie cu utilizarea limbajului de programare […]

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 [...]