Úvodná » Vzhľad stránky » Čerstvé zdroje pre návrhárov webových stránok a vývojárov (jún 2015)

    Čerstvé zdroje pre návrhárov webových stránok a vývojárov (jún 2015)

    Môžete sa domnievať, že táto séria beží už takmer 3 roky? V tomto krátkom čase sme uviedli najmenej 30 zoznamov najčerstvejších zdrojov pre webových dizajnérov a vývojárov. A my to budeme držať s novou kompiláciou pre jún.

    V tejto kompilácii sa budeme zaoberať niekoľkými knižnicami jazyka JavaScript, ktoré zobrazujú posúvače, hladšie posúvanie pre tabuľky s údajmi, efekt chladného výťahu pre tlačidlo posúvania nahor a ďalšie.

    Pozrime sa na to.

    Potvrdenie stredného štýlu

    Spoločnosť Medium bola ocenená za svoj dizajn. usporiadanie a užívateľské rozhranie sa zdá byť dôkladne premyslené. Navyše to tiež inšpiruje vývojárov webových stránok, aby vyvíjali buď knižnice JavaScript alebo CSS na replikáciu používateľského rozhrania. Potvrdenie stredného štýlu je jedna knižnica JavaScript, ktorá sa podobá kontextovému oknu alebo dialógovému oknu v aplikácii Medium.

    tučniak

    Penguin je nový front-end rámec, ktorý môžete použiť ako základ pre vaše webové stránky. Pomocou nástrojov, ako sú Grunt a Sass, môžete jednoducho pridať alebo odstrániť knižnice alebo CSS, ktoré nepotrebujete z rámčeka, čo je čo najľahšie. Je to tiež dobrá alternatíva pre Bootstrap a Foundation.

    Elevator.js

    Videli ste toto tlačidlo na webovej stránke, ktorá vám umožňuje posúvať sa na začiatok stránky? Väčšina tlačidiel vás privedie na vrchol, ale s výťahom.js dostanete posuvný akceleračný efekt podobný výťahu, hudbe a “znieť!” zvuk po dosiahnutí najvyššieho poschodia. Veľmi pekné!

    X-Instagram

    X-Instagram je vlastný prvok polyméru, ktorý vyťahuje a zobrazuje obrázky z značky Instagram podľa značky. Tento prvok uľahčuje celý proces. Jednoducho pridáme element rovnako ako obyčajný prvok HTML a špecifikujeme kľúčové slovo tagu ako atribút prvku.

      

    A nechajte kúzlo začať!

    CamanJS

    CamanJS je skvelá knižnica JavaScript pre manipuláciu s obrázkami. Dodáva sa s funkciou, ktorú by ste obyčajne našli v editore obrázkov. Môžete obrátiť rozmazanie obrazu, čiernobiele a dokonca zvýšiť kontrast.

    ClusterizeJS

    Clusterize.js je knižnica JavaScript, ktorá zvýši výkon pri práci s množstvom údajov v tabuľkách. Keď prechádzate stôl so zoznamom, napríklad 5000 v zozname, zvyčajne sa tento zážitok zmení. Tieto knižnice jazyka JavaScript sa budú zaoberať touto otázkou, čím sa posúvanie bude plynulo plaviť celú cestu.

    Vyskúšajte test

    Vyskúšajte test je zbierka otázok na posúdenie vašich schopností a znalostí v oblasti CSS3, HTML5 a JavaScript. Každý test má niekoľko otázok a obmedzený čas na dokončenie všetkých týchto otázok. Je to dobrý zdroj na zistenie, aké dobré sme s týmito jazykmi skutočne.

    Šípky HTML

    Toto je zbierka špeciálnych nativých symbolov Unicode, ktoré môžete vložiť do HTML a CSS. Medzi tieto znaky patria šípky, mena a interpunkčné znamienka. Zistíte, že niekedy nepotrebujete ikonu písma na zobrazenie týchto znakov.

    FlickIt

    Flickity je knižnica JavaScript na zobrazenie kolotočov, galérií alebo posuvníkov na vašich webových stránkach. Je optimalizovaná pre dotykovú obrazovku. môžete bez problémov posúvať kolotoč prstom alebo trackpadom, ak ste na notebooku. To tiež prichádza s banda možností, ktoré umožňujú úplné prispôsobenie akýmkoľvek spôsobom sa vám páči.

    Typeslab

    Typeslab je užitočný nástroj na vytvorenie plagátu typu Slab. Jednoducho napíšte obsah a vyberajte písmo, Typeslab okamžite vytvorí plagát. Môžete si ho stiahnuť alebo zverejniť v Imgur.

    MatchMedia

    Matchmedia je knižnica, ktorá replikuje mediálne dopyty CSS. Knižnica nie je skutočne čerstvá, ale je to naozaj užitočná knižnica, ktorú som sa rozhodol zaradiť do zoznamu. Ak potrebujete urobiť skriptovanie na základe veľkosti okna alebo typu média používateľa, ide o požadovanú knižnicu.

    Nasledujúci príklad slúži na spustenie skriptu vo veľkosti výrezu 320 pixelov a nižšie:

     if (matchMedia ('iba obrazovka a (max-width: 320px)').) 

    Sass Burger

    Sass Burger prichádza s Mixin, ktorý vám umožní vytvoriť “hamburger” ikonu a premeniť ho na krížovú značku s menšími ťažkosťami.

    Marx

    Marx je kolekcia pravidiel štýlu CSS, aby sa štýl prvkov stal konzistentnejším. Je prispôsobiteľný (s technológiou Sass), ľahký a pracuje mimo krabice. Dobrá alternatíva k už populárnym CSS reset nástrojom ako Normalize.css.

    CSS.js

    CSS.js sa používa na analýzu súborov CSS pre deklaráciu štýlu. Knižnica bola pôvodne používaná pre tím v spoločnosti Jotform, aby vytvorila WYSIWYG skúsenosť s editáciou formulára pomocou CSS. Teraz majú otvorené zdroje pre to, aby sme ich všetci mohli používať. Stojí to za úspory, len ak to budete potrebovať neskôr.