Verse hulpbronnen voor webontwerpers en ontwikkelaars (mei 2016)

Het is tijd voor ons om nog een geweldige lijst met bronnen te delen voor onze mede-webontwikkelaars. De laatste keer hadden we een aantal referenties, apps en een paar JavaScript-bibliotheken.

Gezien het feit dat er veel JavaScript-bibliotheken zijn die we nog niet in deze serie hebben behandeld, bevat deze installatie meer jQuery-plug-ins en een aantal verwijzingen om onze vaardigheden als webontwikkelaars te verbeteren. Laten we ze eens bekijken.

Klik voor meer bronnen

Ontdek onze volledige verzameling aanbevolen bronnen en de beste beschikbare hulpmiddelen voor webontwerp en -ontwikkeling.

jQueryMy

jQueryMy is een jQuery-plug-in voor real-time databinding. Het is out-of-the-box compatibel met native browserbesturingselementen of -invoer en een UI-bibliotheek zoals jQuery UI. Het is uitgerust met validatie, voorwaardelijke opmaak en beheer van complexe afhankelijkheden, wat het een geweldig - maar toch lichter - lijkt te maken - alternatief voor een MV * -raamwerk zoals Backbone.js, Ember.js en Vue.js

Hoofd

Typisch, de hoofd tag bevat de titel tag, de link tag die naar een stylesheet wijst, en script tag om een JavaScript-bestand te laden. Deze repository laat dat zien er zijn veel meer die we kunnen opnemen binnen de hoofd label. De lijst bevat algemene link- en metatags voor een specifiek specifiek platform.

SmoothState

Ontwikkelen van een vlotte paginatransitie kan een echt pijnlijk zijn. We moeten denken aan het omgaan met browserondersteuning voor de geschiedenis-API's, caching, pre-loading, evenals de animatie om ervoor te zorgen dat het zo soepel en snel werkt. SmoothState komt met al deze in één pakket, waardoor we de ervaring in minder tijd op gang kunnen krijgen.

SketchRunner

Kort gezegd is SketchRunner vergelijkbaar met het opdrachtenpaneel Palet OS X Spotlight, Alfred of SublimeText. Het is een schetsuitbreiding die geeft een eenvoudige zoekinterface om verschillende taken uit te voeren die normaal in het app-menu worden gedaan. Het stroomlijnt om u te helpen productiever te zijn.

Onderhoudbare CSS

Onderhoudbare CSS is een online boek met vele jaren ervaring, verfijnde technieken om stellaire CSS samen te stellen die op de lange termijn door generaties onderhouden kan worden.

Flexbox-patronen

Dit is een verzameling van snippets en drop-in HTML en CSS om interface te bouwen, zoals header, footer, menu-navigatie, met behulp van de CSS Flexbox. Als je merkt dat Flexbox moeilijk te begrijpen is, is dit een geweldige bron van inspiratie om eindelijk Flexbox te leren.

Lavalamp

Infinite Scroll is een populaire interface op het web waar het zich bevindt trekt nieuwe inhoud als we onderaan de pagina komen. Lavalamp is een JavaScript-bibliotheek, die wordt nagesynchroniseerd om Infinite Scroll te vervangen. Bekijk de demo.

Glio

Een JavaScript dat detecteert de muiscursor wanneer is het op het punt om de viewport te verlaten wat waarschijnlijk aangeeft dat de gebruiker zal stoppen. Wanneer dit het geval is, kunt u het gebruiken om activeer een functie om een inschrijfformulier te tonen of a eenvoudig pop-upbericht om uw conversieratio te verhogen.

Coleure

Een ander kleurenkiezer met een coole gebruikersinterface. U kunt kleuren slepen en neerzetten om uw eigen kleurenpalet te maken, waardoor dit een meer visuele en georganiseerde benadering is voor het opbouwen van een kleurenschema. Meld u aan om een account aan te maken om uw collecties op te slaan.

CSSX

CSSX is een tool die kunt u CSS in JavaScript schrijven. Er is echter niets veranderd; Het is dezelfde native CSS-syntaxis verpakt in een JavaScript-functie. Ik heb eerlijk gezegd nog niet ontdekt hoe ik CSSX kan gebruiken in al mijn projecten, maar het ziet er gaaf uit en is zeker het vermelden waard.