Čerstvé zdroje pre návrhárov webových stránok a vývojárov (február 2016)

Rok 2015 bol skvelým rokom pre web: webové technológie boli prijaté v mnohých formách faktory mimo budovania webovej stránky alebo webovej aplikácie. Mnoho mobilných a desktopových aplikácií je teraz postavených pomocou HTML, CSS a JavaScript. To je možné prostredníctvom prenositeľnosti webových technológií a knižníc, ako sú napríklad React.js, Angular a Node.js.

Takže v dnešnej splátke tejto série sme vytvorili niekoľko knižníc jazyka JavaScript a CSS.

Kliknite na položku Ďalšie zdroje

Nájdite našu celú zbierku odporúčaných zdrojov a najlepšie dostupné nástroje na návrh a vývoj webových aplikácií.

Plochý posuvník

Funkcia jQuery UI je vybavená kolekciou spoločného webového rozhrania vrátane posuvníka - používateľského rozhrania, ktoré umožňuje používateľovi vybrať rozsah číselných hodnôt. Plochý posuvník je webový nástroj, ktorý prispôsobuje štýl jQUery UI, ktorý bol kedysi veľmi skľučujúcou úlohou, oveľa jednoduchšie.

Nástroj Open-type

Nástroj Open-type je kolekcia drop-in tried do používať pokročilé typografické funkcie služby CSS také písacie ligatúry, malé veľké písmeno a oveľa viac. Oni v podstate dávajú najlepšie čítanie skúsenosti pre svojich užívateľov v jemných detailov. Pekne sa degraduje v starších nepodporovaných prehliadačoch.

ResponsifyJS

Jeden z notoricky známych obmedzení citlivých obrázkov čelí, je to zvyčajne mierka obraz správne, ale to presmeruje hlavné ohnisko obrazu, keď je zmenšený na veľmi malý výrez veľkosť.

ResponsifyJS je ľahká JavaScriptová knižnica, ktorú môžete použiť nastavte súradnice na zachovanie zaostrenia obrazu pri zmene veľkosti.

lineárne

lineárne je aplikácia pravítka pre Mac. Môžete použiť pravítko na meranie webových stránok, zistiť veľkosť prvku bez nutnosti otvárania nástroja DevTools alebo zistiť, či je prvok dokonale centrovaný. Môžete mať viac pravítok a prepnúť jednotku z PX na EM.

StickyStack

StickyStack je doplnok jQuery na vytvorenie skúsenosti s posúvaním zásobníka, keď sa panel dostane do hornej časti výrezu, drží sa tam, zatiaľ čo ďalšie posúvanie stiahne ďalší panel. Jedná sa o ľahký plugin s niekoľkými možnosťami na konfiguráciu kontajnera stránky, sekcie zásobníka, rovnako ako box-tieň komínov. Pozrite sa na demo.

divák

divák je plugin jQuery pre obraz lightbox - obľúbený populárny spôsob zväčšovania obrázkov na webe. Plug-in prichádza s ohromnými možnosťami, ktoré vám umožňujú prispôsobiť každý bit svetelný box rozhranie.

Zásuvný modul tiež poskytuje súbor API a vlastných udalostí na úplnú kontrolu nad svetelný box reakcie a správania. Navyše funguje až na Internet Explorer 8.

DeviceMock

DeviceMock je knižnica JavaScript, ktorá vám umožňuje vytvárať rámčeky zariadení alebo modelky napríklad telefón, tablet a pracovnú plochu. Podobne poskytuje knižnica možnosti nastavenia farby tému rámca, veľkosti a orientácie rámčeka.

To môže byť dobrá alternatíva k prezentácii vášho webu a aplikácie namiesto používania Photoshopu.

Clrs

Clrs je iniciatívou predefinujte predvolené farby webu na modernejší farebný tón, ktorý je oveľa šetrný. Okrem toho odporúča súbor farebných kombinácií pre lepšiu dostupnosť. Tieto farby môžete nasadiť pomocou farebných vzoriek NPM, Gem (Ruby) a Photoshop a Illustrator.

Colorify

Colorify je veľmi ľahká knižnica JavaScript (3kb minimalizovaná) na extrahujte dominantné farby z obrázka s množstvo API na manipuláciu s farbami. Vytiahnutú farbu môžete použiť ako zástupný symbol pri čakaní na úplné načítanie obrázka, generovanie gradientového pozadia alebo úpravu susedného rozhrania tak, aby zodpovedala farbe obrazu.

BookBlock

BookBlock je plugin jQuery vytvorte brožúru s efektom flip stránky. Je to krásna alternatíva na zobrazenie viacerých obrázkov na vašich webových stránkach, najmä ak existuje sekvencia alebo tok, ktorý chcete prezentovať.

Tu sa môžete pozrieť na demo a získať predstavu o tom, ako BookBlock funguje.