Verse hulpbronnen voor webontwerpers en ontwikkelaars (december 2015)

De ontwikkeling van webontwikkeling vordert dit jaar met de snelheid van het licht. CSS3 is goed geadopteerd en we zijn minder afhankelijk van polyfill omdat de nieuwste browsers echt goed zijn in het ondersteunen van de nieuwste webstandaard. Microsoft Edge werd geïntroduceerd, Google bracht twee open bronnen voor het web uit: Material Design Lite en Polymer 2.0.

Laten we het jaar afsluiten met een paar handige hulpmiddelen voor mede-webontwikkelaars. We hebben een aantal JavaScript-bibliotheken en tools om effectiever met jQuery te werken. Raadpleeg de volledige bronnen voor webontwikkelaarsseries voor meer informatie.

Klik voor meer bronnen

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

Notie.js

Notie.js is een aardiger JavaScript-melding, -kennisgeving en -dialoogvenster. In plaats van de alert () functie die een saai en een beetje vertoont schokkend waarschuwingsvenster, kunt u deze vervangen door de notie () functioneer vanuit de bibliotheek om een ​​in stijl te herkennen waarschuwing te tonen. Overeenkomen met de waarschuwingsstijl met het algehele ontwerp van uw site gemakkelijk met Notie.js.

Github Corner

Pas onlangs realiseerde ik me dat de Github-hoek, die we gewoonlijk op de startpagina van een open-sourceproject zien, al 7 jaar oud is. Tijd voor een opknapbeurt. Github Corner is een initiatief voor een meer moderne en frisse look voor het Github-lint. Het maakt gebruik van SVG in de plaats bitmap afbeelding waardoor het scherp blijft in hoge resolutie schermen.

Sweet (Slack) Thema's

Slack is uitgegroeid tot de populairste chat-app in kleine bedrijven, startups en met ontwikkelaars. Vergelijkbaar met andere apps zoals Skype en Google Hangouts. Slack kan op verschillende manieren worden aangepast, inclusief het thema: het uiterlijk en de nuance van de app-interface. Hier is een verzameling kant-en-klare Slack-thema's .

jQuery Config

jQuery is modulair, wat betekent dat we ongewenste modules eruit kunnen verwijderen, zodat de grootte lichter is. Onze vorige tutorial, How To Remove Unnecessary Modules in jQuery, laat zien hoe je dit doet met Homebrew, NPM, maar het gebeurt via de Terminal. Als je die manier niet wilt gebruiken, kun je het gebruiken jQuery Config. Het doet hetzelfde met slechts enkele klikken.

SummerNote

SummerNote is een JavaScript-bibliotheek om een ​​WYSIWYG-editor te maken. SummerNote is ontwikkeld op basis van prominente open-sourceprojecten: jQuery, Bootstrap en Font Awesome. Het gebruik van SummerNote is net zo eenvoudig als het inzetten van een andere JQuery-bibliotheek en het is de perfecte alternatieve bibliotheek voor TinyMCE, vooral als uw website Bootstrap ook als basis gebruikt.

BackstopJS

BackstopJS is een geweldige tool voor het testen van reactievermogen op de website, wat een moeizaam proces is. In een notendop maakt deze bibliotheek het testen van een site op meerdere schermformaten een stuk naadloos door automatisering. De tool maakt schermafbeeldingen van de website en annoteert welke pagina wordt doorgegeven en mislukt de test op basis van de opgegeven parameters en schermformaten. Het is als een Unit Test-tool voor het inzetten van een responsieve website.

SuitCSS

SuitCSS is een boilerplate, bestaande uit een eigen CSS Pre-processor die CSS toekomstige syntaxis ondersteunt, zoals Custom Property en Custom Media Query, een handvol utility classes op basis van de BEM-methodologie om elementen uit te lijnen, te rangschikken en te positioneren, en een heleboel CSS-modules om te beginnen met het ontwikkelen van een goed gebouwde website.

Binden

Binden is een native OS X-app waarmee je webinterfaces en lay-outs kunt bouwen met GridStyleSheet, een lay-outalgoritme ontwikkeld door TheGrid. Met GSS kunt u websites op een efficiënte manier indelen. In tegenstelling tot CSS staat GSS bijvoorbeeld verticale uitlijning van de elementcontainers toe met één regel code.

AntiModerate

AntiModerate is een JavaScript-bibliotheek die afbeeldingen slimmer laadt. Met deze bibliotheek kunt u zelfs onder langzame internetverbindingen eerst een afbeelding van kleiner formaat laden terwijl de grotere afbeelding nog steeds op de achtergrond wordt geladen. Eenmaal volledig geladen, staat het grotere beeld centraal. Deze techniek kan een hogere laadsnelheid voor uw webpagina's opleveren.

jQuery Tips die u moet weten

Coole titel en nog coolere inhoud, dit is een verzameling jQuery-tips die we zouden moeten kennen (de helft van die ik wou dat ik veel, veel eerder had geweten). Absoluut de moeite waard om te bekijken.