Acest site este destinat, în primul rând, celor care doresc să facă web-development. Vă puteți familiariza cu materialele de pe site-ul clădirii, de la proiectarea designului, structura și finisarea promovării site-urilor gata făcute. În curând, site-ul ar trebui să devină o colecție vastă de materiale utile, sfaturi, lecții, servicii și linkuri pentru a ajuta atât un dezvoltator web experimentat, cât și un începător.
Citiți mai multe despre acest blog
În curând în blogul meu va fi o serie de articole "Crearea unui site de la zero", "Efectuarea unui blog flexibil, funcțional", "Magazin online pe CMF / CMF MODx" și mult, mult mai mult. Nu treceți.
Urmăriți apariția de articole noi pe site. RSS feed.
prefață
Fiecare dezvoltator are întotdeauna două opțiuni atunci când implementează o anumită funcție funcțională în proiect: scrieți de la zero sau luați o soluție gata și testați implementarea sa pentru a respecta condițiile stabilite. Dacă este vorba despre o decizie foarte individuală, atunci nu există nici o îndoială lăsată să scrie pe cont propriu. Dar, în cazul în care trebuie să adăugați un cip la proiect, pe care deja l-ați întâlnit de zeci de ori pe alte site-uri, va fi util să priviți mai întâi lista soluțiilor pregătite, înainte de a vă scufunda în invenția bicicletei.
De ce nu am găsit-o mai devreme, după ce am căutat mult timp? Răspunsul este simplu: depozitul principal pentru astfel de plug-uri gata făcute este plugins.jquery.com. sa transformat într-un fel de haldă, unde dezvoltatorii din întreaga lume își dau descendenții, nu întotdeauna în minte. Căutarea unui astfel de bun durează întotdeauna mult timp și totuși nu am reușit niciodată (!) Să găsesc o soluție potrivită folosind acest director. Întotdeauna pentru a căuta, a trebuit să utilizați ajutorul unor roboți de căutare mai inteligenți Google și Yandex.
A fost nevoie de destul de mult timp și a existat o mică problemă: ca aproape toate intrările blog sunt „bucăți“ ale plugin-urile absolut diferite scopuri (acest lucru se datorează faptului că, în același timp, în rețeaua nu apare de mai multe soluții pentru punerea în aplicare a anumitor funcții, așa că am a trebuit să se combine foarte diferite script-uri într-o singură notă), apoi cu fiecare nouă selecție pe blog-ul vizitatorii în ce mai dificil de a găsi soluția necesară, comparati-l cu alții, și de a alege dreapta.
Colecție de pluginuri și scripturi
Atenție: toate link-urile se vor deschide într-o fereastră nouă.
Acordeoane și expandoare
Blocuri de extindere / închidere, care pot conține conținut diferit. Aceste blocuri pot fi utilizate în navigare, în glisoare diferite sau doar pentru a ascunde anumite elemente de pe pagina pe care le puteți vedea după ce faceți clic pe link. Există nume diferite pentru astfel de plug-in-uri, dar cel mai adesea ele sunt numite acordeoane sau extensori.
File și file
Soluții excelente pentru furnizarea de informații despre paginile web sub formă de file sau așa-numitele file. Folosirea filelor în dezvoltarea web poate fi cauzată de diverse motive, de exemplu, dacă este necesar, plasați mai multe informații într-un spațiu mai mic sau implementați navigația pe site. În plus față de faptul că astfel de file ajută dezvoltatorii web să fie compacți pentru a plasa informații pe pagină, ei vă permit, de asemenea, să adăugați un efect interesant.
Pop-up modale și casete de dialog
Plugin-uri pentru implementarea modulelor pop-up și a casetelor de dialog utilizând jQuery Mootools și CSS. Ferestrele sunt realizate în diferite stiluri.
Descrieri pop-up pentru imagini
Soluții jQuery pentru crearea de nume pop-up și descrieri de imagine atunci când se deplasează peste mouse. Descrierile apar cu diferite efecte animate.
ponturile
Indicații pop-up pentru vizitatorii site-ului care apar atunci când plasați cursorul peste un element. Astfel de soluții au devenit foarte populare și sunt din ce în ce mai utilizate pe multe site-uri web. Datorită instrucțiunilor pop-up, veți putea explica rapid vizitatorilor noștri scopul unui articol de pe pagină.
Tablouri de ieșire
Buzzers, efecte zoom
Imagini și alte conținuturi media în blocuri pop-up
Caruseluri, rotative și scrollers
Formulare de contact
Soluții interesante și elegante pentru formulare de feedback de design de pe site-ul cu utilizarea de CSS, jQuery si PHP: pas cu formă de formă cu validare „on the fly“ informații de intrare, sfaturi instrument la completarea formularelor, forme cu efecte CSS3 animate, lăsând forma, forma în stil Facebook și alte soluții.
Navigare: mega-meniu
Nota conține soluții pentru implementarea navigației detaliate pe site. Drop-down meniurile verticale și orizontale cu un număr mare de articole sunt ideale pentru site-uri cu structuri complexe sau magazine online. În plus față de elementele din aceste meniuri, puteți plasa un alt conținut în zona drop-down, de exemplu, imagini cu o descriere.
Navigare: meniu-acordeoane
Soluții pentru punerea în aplicare a meniurilor de navigare site-ului sub formă de conducere în jurul valorii într-un stil asa-numitul acordeon: meniuri verticale și orizontale, drop-down la simpla apăsare a unui hover, meniuri pictograma, multi-nivel de meniu acordeoane și alte soluții interesante.
Navigare: drop-down-uri și meniuri asemănătoare copacilor
Navigare în formă de drop-down pe orizontală și pe verticală jQuery, Mootools, meniul CSS: două niveluri, multi-nivel de drop down meniuri, meniuri de copac într-un alt stil.
Navigare: meniuri animate
Înregistrarea butoanelor, a casetelor de selectare și a altor elemente de interfață
Soluții pentru designul minunat al elementelor interfeței utilizator: butoane, casete de selectare, butoane radio, design de formă.
Blocuri plutitoare
Când derulați ecranul, aceste blocuri sunt întotdeauna trase în câmpul vizual al vizitatorului. Ideal pentru afișarea, de exemplu, a meniului de pe site sau a coșului de cumpărături din magazinul online.
Glisoare și slideshow-uri
O colecție mare de plugin-uri CSS jQuery MooTools și script-uri pentru a pune în aplicare glisoarele interesante, imagini și slideshow-uri pe site-uri web: schimbarea automată și manuală de diapozitive cu descrierea de text de diapozitive și fără ea, cursoare, imagini de fundal, miniatură, și fără ele, sladery circulară, 3D cursoare, o mulțime de varietate de efecte de tranziție animate între imagini.
Efecte de text
Efecte diverse de text: gradienți, scalarea textului, efecte de hovering, estompare, strălucire, transfuzie, reflecție și alte tehnici.
Blochează filtrele de informații
Efecte de fundal
Plug-inuri pentru implementarea efectelor de fundal: imagini de fundal scalabile, efectul mutării straturilor de fundal, efectul hover-efect.
Efecte de hover, efecte de hover
Mai multe efecte de hover interesante (efecte de hover) folosind jQuery: schimbarea imaginii și efecte animate.
Efecte animate
Soluții pentru implementarea diferitelor animații pe paginile web folosind jQuery.
Toate cele bune, Efimov Victor.
Trimiteți-le prietenilor: