Friske ressourcer til webdesignere og udviklere (december 2015)

Webudvikling scene har været i gang med lysets hastighed i år. CSS3 er blevet godt vedtaget, og vi er mindre afhængige af polyfill da de nyeste browsere er rigtig gode til at understøtte den nyeste webstandard. Microsoft Edge blev introduceret, Google udgav to åbne kilder til internettet: Material Design Lite og Polymer 2.0.

Så lad os pakke året rundt med et par praktiske værktøjer til andre webudviklere. Vi har et par JavaScript-biblioteker samt værktøjer til at arbejde mere effektivt med jQuery. For at finde flere, så tjek de fulde ressourcer til webudvikler-serier.

Klik for flere ressourcer

Find vores samlede samling af anbefalede ressourcer og de bedste webdesign og udviklingsværktøjer til rådighed.

Notie.js

Notie.js er en pænere JavaScript-alarm, meddelelse og dialogboks. I stedet for at bruge alert() funktion som viser en sløv og lidt chokerende advarselsboks, kan du erstatte den med notie () funktion fra biblioteket for at vise en stil-stand signal. Sammenlign alarmstilen med det overordnede design af dit websted nemt med Notie.js.

Github Corner

Det er først for nylig jeg indså, at Github-hjørnet, som vi normalt ser på hjemmesiden for et open source-projekt, allerede er 7 år gammel. Tid til ansigtsløftning. Github Corner er et initiativ til et mere moderne og frisk udseende til Github-båndet. Det bruger SVG i stedet bitmap grafik, som gør det muligt at forblive skarpt i skærme med høj opløsning.

Søde (Slack) Temaer

Slack er blevet den mest populære chat app i små virksomheder, startups og med udviklere. Sammenligne med andre apps som Skype og Google Hangouts, kan Slack tilpasses på flere måder, herunder temaet - udseende og nuance af appgrænsefladen. Her er en samling af klar til installation Slack temaer .

jQuery Config

jQuery er modulært, hvilket betyder at vi kan fjerne uønskede moduler ud af det, så størrelsen er mere let. Vores tidligere vejledning, Sådan fjerner du unødvendige moduler i jQuery, viser, hvordan du gør det med Homebrew, NPM, men det sker gennem Terminal. Hvis du ikke vil bruge den måde, kan du ty til brug jQuery Config. Det gør det samme med blot klik.

SummerNote

SummerNote er et JavaScript-bibliotek til at oprette en WYSIWYG editor. SummerNote er udviklet ud over fremtrædende open source-projekter: jQuery, Bootstrap og Font Awesome. Implementering af SummerNote er lige så nemt som at implementere andre JQuery-biblioteker, og det er det perfekte alternative bibliotek til TinyMCE, især hvis din web bruger Bootstrap som fundament også.

BackstopJS

BackstopJS er et godt værktøj til at teste webstedsrespons, hvilket er en kedelig proces. I en nøddeskal gør dette bibliotek det formål at teste et websted på flere skærmstørrelser meget mere problemfrit ved automatisering. Værktøjet vil fange skærmbilleder af hjemmesiden og annotere hvilken side der passerer og fejler testen baseret på de angivne parametre og skærmstørrelser. Det er som et Unit Test-værktøj til at implementere en responsiv hjemmeside.

SuitCSS

SuitCSS er en boilerplate, der består af sin egen CSS-forprocessor, der understøtter CSS's fremtidige syntax som Custom Property og Custom Media Query, en håndfuld brugskurser baseret på BEM-metoden til at justere, størrelse og position elementer og mange CSS moduler at komme i gang med at udvikle en velbygget hjemmeside.

Binde

Binde er en indfødt OS X app, der giver dig mulighed for at opbygge webgrænseflader og layouter ved hjælp af GridStyleSheet, en layoutalgoritme udviklet af TheGrid. GSS giver dig mulighed for at layoute hjemmesider effektivt. For eksempel tillader GSS i modsætning til CSS lodret tilpasning af dets elementbeholdere med en enkelt kodekode.

AntiModerate

AntiModerate er JavaScript-bibliotek, der lægger billeder mere smart. Med dette bibliotek, selv under langsomme internetforbindelser, kan du først indlæse et mindre billede først, mens det større billede stadig indlæses i baggrunden. Når det er fuldt indlæst, tager det større billede centret. Denne teknik kan medføre en hurtigere indlæsningshastighed for dine websider.

jQuery Tips du bør vide

Kold titel og endnu køligere indhold, dette er en colletion af jQuery tips, som vi bør vide (halvdelen af dem jeg ville ønske jeg havde kendt meget, meget tidligere). Helt værd at tjekke ud.