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

Táto splátka prichádza so širokou škálou zdrojov ešte raz. Máme zdroje na inšpirovanie vášho ďalšieho dizajnu vstupnej stránky, dva spôsoby, ako zabraňujú kodérom efekty očividnej obrazovky, plugin na vytváranie webových rozložení pomocou drag and drop, plugin jQuery na sprušenie vašich nástrojov na vyhľadávanie dátumov a množstvo JavaScript knižnice, aby pomohli vývojárom.

Zahrnuté sú aj zdroje na protokole HTTP2, typografické terminológie, stránky s pripravenosťou na prístupnosť a vyhľadávač syntaxe programovacieho jazyka. Pozrime sa na to.

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í.

Landing Folio

Pristávacia fólia je ústredným miestom, kde nájdete príklady návrhov vstupných stránok. Existujú stovky príkladov na stránkach a môžete ich vyregulovať podľa ich kategórie. To je určite stojí za to bookmarking pre web dizajnérov.

Prvky položiek

JavaScript, ktorý vám umožňuje vykonávať Dotaz prvkov. Prvok dotazu je označený ako @element a na rozdiel od toho, @media, @element je si vedomý viacerých podmienok “výška” a “šírka”. Môžete napríklad použiť štýly na základe číselných znakov obsiahnutých v prvku.

HTTP2

HTTP2 je najnovšia špecifikácia protokolu HTTP s významnými zmenami. Sľubuje lepší výkon a efektívny prenos dát. V tomto zdroji nájdete tieto zmeny (podrobne), ich vplyv na bezpečnosť, rýchlosť a skúsenosti používateľov.

Elementor

Elementor je doplnok WordPress, ktorý vám umožňuje vytvárať rozloženia webu pomocou drag-n-drop. Pomocou elementu Elementor môžete vytvoriť pútavejší vzhľad. Je citlivý, plne prispôsobiteľný a užívateľsky prívetivý.

TimeDropper

Tento doplnok je vybavený niekoľkými animáciami, ktoré robia výber stránok na internete viac pôsobivým. Okrem toho sú k dispozícii možnosti na zmenu vzhľadu používateľského rozhrania. Je to doplnok jQuery pre fanúšikov pre výber dátumov.

SyntaxDB

Vyhľadávací nástroj na vyhľadávanie syntaxe programovacieho jazyka. V súčasnosti podporuje množstvo jazykov vrátane jazykov Java, C, Ruby, JavaScript a Pythonu. Toto by mohlo byť konečným vyhľadávacím nástrojom pre vývojárov, pretože databáza a jazyková podpora rastie.

Github Dark UI

Github Dark UI je tmavšia farebná téma pre Github.com. Mohlo by to byť dobrá alternatívna farebná schéma, ak pracujete v tmavom prostredí alebo sa budete musieť dlho pozerať na obrazovku.

ultraľahké

Namiesto zvýraznenia kódu s rôznymi farbami, ako vidíte nižšie, Microlight robí kód “žiara”. Knižnica JavaScript, ktorá zdôrazňuje kód - doslova.

BarbaJS

BarbaJS je knižnica jazyka JavaScript, ktorá umožňuje hladký prechod stránky cez JavaScript History API / pushState. Tento doplnok je dodávaný s metódami, vlastnými udalosťami a niekoľkými rozhraniami API, ktoré prinášajú hladší zážitok pre stránky na vašich webových stránkach. Tu sú niektoré príklady.

TypeTerms

Niekedy sa zaujímalo, čo je medzi týmito rozdielmi “roztiahnutie písmen” a “prekladania” je? TypeTerms je interaktívna prezentácia, kde sa môžete naučiť tieto mätúce typografické terminológie.

Butterbean

Butterbean je nový a sofistikovaný plugin na vytváranie Meta Boxu v programe WordPress. Vytvára sa podľa modernej architektúry API pre WordPress Customizer. To robí budovanie tejto konkrétnej WordPress admin UI elegantnejšie.

Kontrola tému pre deti

Doplnok WordPress na kontrolu vašej témy pre deti v nadradenej téme; skontroluje, či sú aktualizované súbory, na ktoré sa spolieha Dieťa Téma.

CloudFlare UI

CloudFlare UI je kolekcia UI komponenty postavené na vrchole React. Vzhľadom na to, že popularita spoločnosti React rastie, môže existovať niekoľko podobných rámcov používateľského rozhrania.

Lerna

Nevyhnutné je spravovať viacero balíkov a repozitárov vo veľkom projekte. Tento nástroj vám umožňuje zvládnuť túto konkrétnu situáciu a nakoniec zjednodušiť svoj pracovný postup.

Chillout

Chillout je knižnica jazyka JavaScript, ktorá pomáha znížiť používanie procesora. Poskytuje súbor funkcií, ktoré je možné použiť namiesto funkcií nativých pre JavaScript. Môže byť nasadený na bežnú webovú stránku alebo žiadnu aplikáciu založenú na Node.js.

GEL Typografia

GEL Typografia je príručka typografického štýlu BBC. Skvelý zdroj a inšpirácia, ako môžete štandardizovať svoje typografické štýly.

Vzory MIND

MIND Patterns je praktická príručka pre vybudovanie prístupnej internetovej stránky elektronického obchodu. Poskytuje sprievodcov, pokiaľ ide o vytváranie HTML, používanie štítku ARIA a vytváranie štýlov CSS, ktoré sú užívateľsky prívetivé pre užívateľov so zdravotným postihnutím.

Špecifickosť CSS

Zbierka ilustrácií, ktorá popisuje, ako funguje špecifikácia CSS.

CSS Dig

Rozšírenie prehliadača Chrome, ktoré vám pomôže optimalizovať CSS. Zruší vašu stránku a poskytne prehľad, zoznam použitých vlastností, ako sú farby.

Šablóna Stash

Zbierka ručne vybraných šablón, kde nájdete širokú škálu šablón vrátane šablón HTML5, WordPress, Ghost, Bootstrap a e-Commerce.