Svježi resursi za web-dizajnere i razvojne programere (veljača 2016.)

2015. bila je sjajna godina za web: web tehnologije su bile usvojeni u mnogim oblicima, osim za izgradnju web-mjesta ili web-aplikacije. Mnoge mobilne i stolne aplikacije sada su izgrađene pomoću HTML-a, CSS-a i JavaScripta. To je omogućeno prenosivošću web tehnologija i knjižnica kao što su React.js, Angular i Node.js.

Dakle, u današnjem izdanju ove serije sastavili smo nekoliko JavaScript i CSS knjižnica.

Kliknite za više resursa

Pronađite cjelokupnu zbirku preporučenih resursa i najbolje dostupne alate za web dizajn i razvoj.

Ravan klizač

JQuery UI dolazi s zbirkom uobičajenog web sučelja uključujući klizač - korisničko sučelje koje korisniku omogućuje odabir raspona numeričkih vrijednosti. Ravan klizač je web-alat koji prilagođavanje stila korisničkog korisničkog sučelja jQUery, koji je nekad bio vrlo težak zadatak, sada postaje mnogo lakše.

Utility Open-type

Utility Open-type je zbirka nastavnih razreda u primijeniti napredne CSS tipografske značajke takve fontne ligature, malo veliko slovo i još mnogo toga. Oni u osnovi daju najbolje moguće iskustvo čitanja u vašim detaljima. Loše se pogoršava u starijim, nepodržanim preglednicima.

ResponsifyJS

Jedna od notornih ograničenja koja se odazivaju na slike je da obično ispravno skali sliku, ali to preusmjerava glavnu žarišnu točku slike kada je smanjena na vrlo malu veličinu prikaza.

ResponsifyJS je lagana JavaScript biblioteka na koju možete koristiti postavite koordinate kako biste zadržali fokus slike dok se mijenja veličina.

linearan

linearan je aplikacija za ravnalo za Mac. Možete koristiti ravnalo za mjerenje web stranica, saznati veličinu elementa bez otvaranja DevTools ili shvatiti je li element savršeno centriran. Možete imati više ravnala i prebaciti uređaj s PX na EM.

StickyStack

StickyStack je jQuery dodatak za stvaranje iskustva s pomicanjem stog, kada ploča dosegne vrh prozora, on se zadržava tamo, dok daljnje pomicanje povlači sljedeći panel. To je lagani dodatak s nekoliko mogućnosti za konfiguriranje kontejnera stranica, odjeljka stog, kao i kutije sjena stackova. Pogledajte demo.

Preglednik

Preglednik je jQuery plugin za sliku lightbox - fancy popularan način za zumiranje slika na webu. Dodatak dolazi s nevjerojatnim mogućnostima koje vam omogućuju prilagodite svaki dio svjetleća kutija sučelje.

Dodatak također nudi skup API-ja i prilagođenih događaja za potpunu kontrolu nad svjetleća kutija odgovor i ponašanje. Štoviše, radi na Internet Exploreru 8.

DeviceMock

DeviceMock je JavaScript biblioteka koja vam omogućuje stvoriti okvire uređaja ili makete kao što su telefon, tablet i radna površina. Isto tako, knjižnica nudi opcije za postavljanje boje teme okvira, veličine i orijentacije okvira.

To može biti dobra alternativa za prikazivanje weba i aplikacije umjesto korištenja Photoshopa.

Clrs

Clrs je inicijativa za redefinirajte zadane boje weba u suvremeniji ton boje. Osim toga, zagovara skup kombinacija boja za bolju dostupnost. Ove boje možete primijeniti pomoću NPM, Gem (Ruby), i Photoshop i Illustrator uzoraka boja.

Colorify

Colorify je super lagana JavaScript biblioteka (umanjena 3kb) izdvojiti dominantne boje sa slike s mnogo API-ja za upravljanje bojama. Izvučenu boju možete upotrijebiti kao rezervirano mjesto dok čekate da se slika u potpunosti učita, generirate pozadinu gradijenta ili prilagodite susjedno sučelje da bi se zadovoljila boja slike.

BookBlock

BookBlock je jQuery dodatak stvorite knjižicu s efektom flip-a. To je prekrasna alternativa za prikaz više slika na vašoj web-lokaciji, osobito ako postoji niz ili tok koji želite prikazati.

Ovdje možete pogledati demo kako biste dobili predodžbu o tome kako BookBlock funkcionira.