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

Je načase, aby sme zdieľali ďalší skvelý zoznam zdrojov pre našich webových vývojárov. Naposledy sme uviedli niekoľko referencií, aplikácií a niekoľko knižníc jazyka JavaScript.

Vzhľadom na to, že existuje veľa knižníc jazyka JavaScript, ktoré sme v tejto sérii ešte nezaujímali, táto časť bude obsahovať viac doplnkov jQuery a niekoľko odkazov na zlepšenie našich zručností ako vývojárov webu. 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í.

jQueryMy

jQueryMy je a jQuery plugin na spracovanie údajov v reálnom čase. Je kompatibilný s natívnymi ovládacími prvkami alebo vstupmi prehliadača, ako aj s knižnicou UI, ako je jQuery UI. Je vybavený validáciou, podmieneným formátovaním a komplexným spravovaním závislostí, ktorý sa zdá byť skvelým - ale ľahším - alternatívou k rámcu MV * ako sú Backbone.js, Ember.js a Vue.js

hlava

Zvyčajne hlava tag obsahuje nadpis značka, odkaz značka smerujúca na štýl a skript tag pre načítanie súboru JavaScript. Toto repozitár ukazuje, že je oveľa viac, čo môžeme zahrnúť do hlava štítok. Zoznam obsahuje všeobecné odkazy a metaznačky na jednu konkrétnu konkrétnu platformu.

SmoothState

Rozvíjanie a hladký prechod stránky môže byť skutočne bolestivé. Musíme premýšľať nad manipuláciou s podporou prehliadača pre históriu API, ukladanie do vyrovnávacej pamäte, preloading a animáciu, aby sa zabezpečilo, že funguje hladko a rýchlo. SmoothState prichádza so všetkými v jednom balení, čo nám umožňuje získať skúsenosti v prevádzke za menej času.

SketchRunner

Stručne povedané, SketchRunner je podobný ako OS X Spotlight, Alfred alebo Paleta príkazov SublimeText. Je to rozšírenie Skic poskytuje jednoduché vyhľadávacie rozhranie vykonať niekoľko úloh, ktoré sa bežne vykonávajú v ponuke aplikácie. To zjednodušuje, aby vám pomohol byť produktívnejší.

Udržateľný CSS

Údržné CSS je online kniha obsahujúca dlhoročné skúsenosti, rafinované techniky tvoriť hviezdny CSS, ktorý je dlhodobo udržateľný po celé generácie.

Flexbox Patterns

Toto je zbierka úryvok a drop-in HTML a CSS na vytvorenie rozhrania, ako je záhlavie, päta, navigácia v ponuke pomocou CSS Flexbox. Ak zistíte, že používate Flexbox ťažko pochopiteľné, je to skvelý zdroj inšpirácie, aby ste sa naučili Flexbox.

Lávová lampa

Infinite Scroll je populárne rozhranie na webe, kde je vytiahne nový obsah, keď sa dostaneme dole na stránku. Lavalamp je JavaScriptová knižnica, nazvaná nahradiť Infinite Scroll. Pozrite sa na demo.

glióm

To je JavaScript detekuje kurzor myši kedy to je chystáte opustiť výrez čo pravdepodobne naznačuje, že používateľ prestane fungovať. Ak tak urobíte, môžete ho použiť spustiť funkciu na zobrazenie formulára prihlásenia alebo a jednoduchá kontextová správa zvýšiť mieru konverzie.

coleur

Ďalší výberu farieb s chladným používateľským rozhraním. Môžete pretiahnuť farby a vytvoriť si vlastnú farebnú paletu, čím sa vytvorí vizuálnejší a organizovanejší prístup k budovaniu farebnej schémy. Zaregistrujte sa, ak chcete vytvoriť účet na uloženie zbierok.

CSSX

CSSX je nástroj, ktorý umožňuje písať CSS v jazyku JavaScript. Nič sa však nezmení; Je to rovnaká natívna CSS syntax zabalená do funkcie JavaScript. Úprimne som ešte nezaujal, ako môžem využiť CSSX v niektorom z mojich projektov, ale vyzerá v pohode a rozhodne stojí za zmienku.