Inhoud
- 01. D3.JS
- 02. CodeKit
- 03. SkyFonts
- 04. Emmet
- 05. Lijnlengte Bookmarklet
- 06. Visual Studio-code
- 07. Kantoorlens
- 08. Feedly
- 09. Git-toren
- 10. Zak
Het maakt niet uit hoe vaak een systeem wordt bijgewerkt en verbeterd, er is altijd een betere manier om dingen te doen, of dat nu fragmenten voor zoekmachines zijn of het bewerken van whiteboardfoto's.
Om het leven van webontwikkelaars gemakkelijker te maken, hebben we de experts gevraagd naar de tools waar ze gewoon niet zonder kunnen. Dus als u uw werklast wilt vergemakkelijken (en wie niet?), Bladert u door deze lijst met de beste plug-ins en apps.
01. D3.JS
D3.JS is een handige JavaScript-bibliotheek waarmee u documenten kunt manipuleren op basis van de gegevens die ze bevatten. Met behulp van HTML, SVG en CSS worden gegevens tot leven gebracht met de nadruk op moderne webstandaarden.
"D3 werkt zich een weg naar elk webapplicatieproject dat gegevens moet bijhouden", legt datavisualiser Rachel Binx uit. "De mogelijkheid om gegevens aan DOM-elementen te binden en ze dynamisch bij te werken, stelt me in staat om rijke, responsieve applicaties te bouwen met aanzienlijk minder code."
02. CodeKit
CodeKit is een tool waarmee u sneller en beter websites kunt bouwen, en het is zo succesvol dat het al wordt gebruikt door Google en het campagneteam van Barack Obama.
"Ik gebruik Sass voor de meeste projecten, maar het uitvoeren van de Ruby-opdracht vanaf de opdrachtregel maakt mijn Mac te traag", zegt Jen Simmons, gastheer van The Web Ahead. "Bovendien, als ik het allemaal handmatig doe, zijn het een heleboel stappen. CodeKit regelt alles. Het maakt voorverwerking idiootbestendig."
03. SkyFonts
Wilt u lettertypen uitproberen voordat u ze koopt om te zien hoe ze eruitzien en aanvoelen? Door SkyFonts te downloaden, kunt u precies dat doen. Blader en open lettertypen voor een beperkte tijd, en als u er niet blij mee bent wanneer de tijd voorbij is, worden ze automatisch van uw systeem verwijderd.
"SkyFonts betekent dat ik de weblettertypen die ik wil, kan verkennen in mijn statische composities", onthult ontwerper en auteur Katie Kovalcin. "Je huurt de lettertypen in feite voor een korte periode, wat voldoende is om een product te genereren voor goedkeuring door de klant. Het werkt ook met een verscheidenheid aan weblettertypeservices."
04. Emmet
Verbeter uw HTML- en CSS-workflow met Emmit, een plug-in voor populaire teksteditors. Binnen de kortste keren kun je code schrijven, deze omwikkelen met nieuwe tags, belangrijke codedelen selecteren en nog veel, veel meer!
"Emmet is een ongelooflijke plug-in voor teksteditors, waarmee je snel CSS of HTML kunt schrijven via een verkorte syntaxis en tabben", zegt Una Kravets, een frontend-ontwikkelaar bij IBM. "Het heeft de manier waarop ik code schrijf volledig veranderd en mijn snelheid en productiviteit verbeterd."
05. Lijnlengte Bookmarklet
Het maken van een perfecte online kopie is al moeilijk genoeg, zelfs zonder rekening te houden met optimale lijnlengtes. Maar met deze handige bookmarklet met regellengte kunt u uw tekst aanpassen aan containers met flexibele breedte.
"Deze handige bookmarklet bespaart tijd bij het testen voor een optimale leeslijnlengte op verschillende schermformaten", legt Petra Gregorová uit. "Beweeg en klik op een tekstelement, en het ideale tekenbereik wordt onmiddellijk rood gemarkeerd. Het is handig om te beslissen waar een nieuw breekpunt moet worden ingevoerd of de lettergrootte moet worden aangepast."
06. Visual Studio-code
Deze opnieuw gedefinieerde code-editor is geoptimaliseerd voor cloud- en webapplicaties, zodat u gratis code kunt bouwen en debuggen die beschikbaar is voor Linux, Mac, OSX en Windows,
"Ik ben overgestapt van Sublime Text naar dit op zowel mijn pc als Mac", zegt Microsoft tech-evangelist Stacey Mulcahy. "Het is een heel mooie IDE, maar de foutopsporingstools die ik gebruik voor Node.js maken het dagelijks van onschatbare waarde voor mij, samen met de ondersteuning voor mijn alledaagse talen zoals Python en JS."
07. Kantoorlens
Net zoals u een scanner in uw zak heeft, kunt u met Office Lens digitaal notities opnemen die op whiteboards en schoolborden zijn gekrabbeld. Bovendien kan het afbeeldingen converteren naar pdf-, Word- en PowerPoint-bestanden.
"Een app met een saaie naam, gemaakt door Microsoft. Ik weet het - whaaaa? Maar wacht even, want dit ding is zo goed voor het maken van foto's van whiteboards, je zult nooit meer teruggaan", zegt productontwerper Hannah Donovan. "Als je veel gezamenlijke productstrategieën / schetsen doet, dan is dit iets voor jou."
08. Feedly
Met een strakke, minimalistische lay-out laat Feedly gebruikers op de hoogte blijven van hun favoriete online publicaties, inclusief blogposts, publicaties en YouTube-video's. Feedly zet inhoud in actie door verder te lezen aan te bevelen en u te waarschuwen voor nieuws en updates van de bedrijven die u volgt.
"Sinds Google Google Reader heeft uitgeschakeld, organiseer ik mijn blogs met feedly", legt producttester Kim Knup uit. "Ik heb ze gecategoriseerd zodat ze gemakkelijk onderwerpgerelateerd kunnen lezen. Ik kan onderweg naar mijn werk lezen over de nieuwste trends op het gebied van technologie en softwaretesten, en dan de dag eindigen met lezen over mijn hobby's zoals naaien en fotografie."
09. Git-toren
De nieuwste versie van Git Tower richt zich op het vereenvoudigen van de complexiteit van Git terwijl de krachtige festure-set toegankelijk blijft. Nieuwe functies zijn onder meer een conflictwizard, ondersteuning voor het populaire git-flow branching-model en een serviceaccountmanager.
"We gebruiken Git intensief in onze workflow", onthult Salesforce-hoofdontwikkelaar Stephanie Rewis. "Hoewel alles kan worden gedaan vanaf de opdrachtregel, ben ik een visueel persoon en vind ik het beheren van meerdere opslagplaatsen in Tower snel, eenvoudig en efficiënt. Tower houdt me productief."
10. Zak
Houd uw favoriete inhoud bij met Pocket, een soort online bladwijzer waarmee u uw artikelen en video's kunt openen wanneer u maar wilt.
"Ik gebruik Pocket graag", zegt creatief directeur Jon Setzen. "Ik heb een handvol andere bladwijzertoepassingen geprobeerd en voor mij is Pocket gewoon de beste. Ik ben een sukkel voor alles met één klik (als het echt één klik is) en de Pocket Chrome-extensie maakt het gemakkelijk om op te slaan artikelen snel. "
"Het is altijd fijn om in het vliegtuig te stappen en een heleboel nieuwe dingen te lezen", voegt hij eraan toe. "Vooral als ze net zo mooi en leesbaar worden gepresenteerd als Pocket."
Hebben we onmisbare tools van onze lijst gemist? Laat het ons weten in de comments!
Vond dit leuk? Lees deze!
- 10 essentiële responsieve webontwerptools
- Toptrends op het gebied van webdesign voor 2016
- 6 snelle dingen die ontwikkelaars kunnen doen om de prestaties te verbeteren
