Share
We gebruiken vele tools en services op Tuts +, en leren hoe ze te gebruiken via regelmatig gepubliceerd educatief materiaal op deze site. Dit zijn onze aanbevolen bronnen voor webdesign professionals, die door onze redactie zijn samengesteld.
Merk op dat enkele van de onderstaande links gelieerde links zijn. Dit betekent dat we een kleine commissie verdienen als u die specifieke tool of service koopt. Als je dat doet, danken we je voor het steunen van Tuts+.
Adobe Creative Cloud is een doorlopend lidmaatschap waarmee u alle Adobe Creative Suite-toepassingen kunt downloaden en installeren. U krijgt ook online diensten voor het delen van bestanden, samenwerking en publicatie. In de loop van de tijd worden de kosten van het lidmaatschap opgeteld, maar het is een geweldige manier om al uw benodigde tools te krijgen voor lage initiële investeringskosten. Met deze service heeft u altijd de meest recente versie van de beste ontwerpsoftware van Adobe. Lees meer bij Adobe.
Met deze Photoshop-plug-in kunt u nauwkeurige kolommen, rijen, middelpunten en basislijnen maken. Dit is een geweldig hulpmiddel voor het instellen van uw ontwerprasters in Photoshop. Grids kunnen meerdere soorten metingen gebruiken. Het beste van alles is gratis. Meer informatie op GuideGuide.
CSS Hat zal uw webontwerpworkflow versnellen. Met deze uiterst nuttige Photoshop-plug-in kunt u CSS3 genereren op basis van uw Photoshop-laagstijlen. Het genereert geldige, mooi gecodeerde CSS rechtstreeks vanuit uw PSD-lagen in Photoshop. Deze plug-in maakt het super eenvoudig om uw ontwerp snel vanuit Photoshop naar uw browser te vertalen. Lees meer over bij CSS Hat.
Ga aan de slag met onze Fireworks Pro-serie. Met Adobe Fireworks CS6 kunt u in een handomdraai prachtige ontwerpen maken voor websites en mobiele apps. Produceer wireframes, mockup uw ontwerpen, lever vector- en bitmapafbeeldingen en interactieve content voor populaire tablets, smartphones en websites. Lees meer bij Adobe.
Balsamiq is een wireframing-app waarmee je web- en schermlay-outs kunt maken met een handgetekende feel. Door wireframes in een schetsmatige stijl te presenteren, intimideert het klanten niet. Hierdoor kunnen ze zich concentreren op de plaatsing van belangrijke items in het ontwerp. Het is snel om mee te werken en eenvoudig om veranderingen door te voeren. Meer informatie over bij Balsamiq.
Coda is een van de favoriete codebewerkers van veel professionele webontwerpers. Het heeft een vertrouwd Mac-appgevoel voor visuele creatieven en biedt krachtige functies voor het bewerken van codes. Coda 2 heeft spannende nieuwe functies toegevoegd, zoals: codevouwen, slim voltooien, beter bestandsbeheer en meer. Leer meer over bij iTunes.
Transmit 4 is de ultieme FTP-, SFTP-, WebDAV- en Amazon S3-client voor bestandsoverdracht op de Mac. Het is snel, heeft een handige weergave met twee vensters, die gemakkelijk is om mee te werken en waarmee overdrachten met meerdere verbindingen mogelijk zijn. Leer meer over bij iTunes.
Sublime Text is een geavanceerde teksteditor voor code, opmaak en proza. Het beschikt over een gladde gebruikersinterface en verbluffende prestaties. De feature-set is robuust, met split-editing, de mogelijkheid om overal naar toe te gaan, en afleidingsvrije modus. Meer informatie op Sublime-tekst.
TextExpander bespaart u tijd, enorme hoeveelheden tijd. Met deze handige app kun je je meest gebruikte codefragmenten opslaan om snel deel te nemen aan je nieuwste clientproject. Bewaar ook hele e-mailsjablonen, handtekeningen of fragmenten van veelgebruikte tekst. TextExpander kan elke tekst die u instelt, laten vallen in elk programma waaraan u werkt. Leer meer over bij iTunes.
Gradient helpt bij het stroomlijnen van het maken van CSS3-verlopen. Het neemt het saaie proces van het maken van CSS3-gradiënten, waardoor de meeste webontwerpers ineenkrimpen en gemakkelijk maken. Leer meer over bij iTunes.
Met Typekit kunt u een regel code aan uw pagina's toevoegen en uit honderden weblettertypen kiezen. Eenvoudig, kogelvrij, voldoet aan de standaarden, is toegankelijk en volledig legaal. Met Typekit kunt u de keuzes voor het lettertype van uw webontwerp drastisch uitbreiden. Lees meer over op Typekit.
Met typecast kunt u met minder moeite betere webtypografie maken. Stijl snel in de browser en controleer op leesbaarheid, weergave en schoonheid terwijl u werkt. Terwijl u intuïtief ontwerpt, maakt de browser dingen semantisch door code te maken die overeenkomt met elke ontwerpbeslissing. Lees meer over bij Typecast.
Als u werkt als freelance-advertentiemaker, profiteert uw bedrijf van ConceptShare. Deze cloudservice helpt creatieven feedback van klanten te krijgen over visuele items. Het verbetert het goedkeuringsproces van de klant en stelt u in staat om gepolijste resultaten op tijd en op spec te leveren. Lees meer over bij ConceptShare.
BrowserStack helpt de ontwikkeltijd te verkorten. Het biedt live testen van andere browsers via uw browser. U krijgt direct toegang tot alle browsers op verschillende platforms. Vergeet onhandige virtuele machines en mobiele instellingen. Lees meer over op BrowserStack.
Met FormStack kunt u formulieren online intuïtief en gemakkelijk creëren. Verzamel gegevens via aanmeldingsformulieren, enquêtes, bestelformulieren, evenementregistraties en meer. Met FormStack kunnen uw verzamelde gegevens worden geïntegreerd met populaire webtoepassingen. Meld u nu aan om uw eigen formulieren te maken. Lees meer op formStack.
Met Polldaddy kunt u enquêtes, enquêtes en quizzen in enkele minuten maken. Maak kennis met de mening van uw publiek. Verzamel antwoorden via uw website, e-mail, iPad, Facebook en Twitter. Genereer en deel eenvoudig leesbare rapporten. Lees meer over op Polldaddy.
ExpressionEngine is een elegant contentbeheersysteem. Het is flexibiliteit en veiligheid, in combinatie met zijn ondersteuning van wereldklasse, is een recept voor online succes. Het combineert krachtige CMS-tools met kwaliteitsondersteuning. Lees meer over bij ExpressionEngine.
LightCMS is ontwerpvriendelijk, gebruiksvriendelijk en werkt mee. Top-tier hosting is ingebouwd in LightCMS, dus er is niets te installeren, te upgraden of te onderhouden. Ze hebben ook eCommerce-functies ingebouwd. Meer informatie op LightCMS.
Squarespace 6 is de meest recente update van dit content management systeem en inclusief hosting oplossing. Dit is een optimale oplossing voor klanten die hun websites willen runnen met weinig ondersteuning. Ze hebben uitstekende sjabloonopties en een layout-engine waarmee u gemakkelijk aangepaste pagina-instellingen kunt maken. Alle thema's zijn mobielvriendelijk. Lees meer over op Squarespace.
WordPress is websoftware die u kunt gebruiken om blogs en volledige websites te maken. Het is een gratis en uiterst populaire oplossing voor content management-systemen. Er zijn truckladingen met WordPress-thema's van hoge kwaliteit om uit te kiezen, zowel gratis als Premium-opties. Lees meer over op WordPress.
Media Temple biedt betrouwbare, schaalbare webhosting en 24/7 live ondersteuning. Ze staan bekend om het feit dat ze een solide technische opstelling hebben en een uitstekende reputatie hebben. Lees meer over op Media Temple.
WpEngine biedt probleemloze WordPress-hosting. Het is snel, schaalbaar, veilig en biedt volledig beheerde ondersteuning. Als u een WordPress-site voor uw klanten opzet, is WpEngine een toonaangevende keuze voor hosting. Lees meer op WpEngine.
Placeit is een mockup-generator; een online tool waarmee u uw eigen ontwerpen (of het nu om UI-ontwerpen, logo's of andere brandingactiva) in presentatie-omgevingen kunt insluiten. U kunt bijvoorbeeld een app-ontwerp hebben dat u in een iPhone op een salontafel wilt plaatsen, of uw logo op het shirt van een model leggen. Misschien wilt u uw ontwerpen zelfs laten embedden in stockvideo's (serieus, u moet de video's bekijken). Met bijna 3000 sjablonen en tellen, heeft Placeit gegarandeerd wat je zoekt.
Bij ThemeForest kun je HTML-sjablonen kopen en verkopen, evenals thema's voor populaire CMS-producten zoals WordPress, Joomla en Drupal met prijzen variërend van slechts $ 5 tot $ 40. GraphicRiver is een Envato Marketplace en zustersite voor Webdesigntuts +. Het is onze grootste, meest actieve marktplaats en een geweldige community om mee te doen. Lees meer op ThemeForest.
Bij GraphicRiver kunt u royaltyvrije, gelaagde Photoshop-bestanden, vectoren, pictogrampakketten, Adobe-invoegtoepassingen en ontwerpsjablonen kopen en verkopen voor slechts enkele dollars. GraphicRiver is een Envato Marketplace en zustersite voor Webdesigntuts +. De site herbergt een gepassioneerde gemeenschap van grafisch ontwerpers en illustratoren. Meer informatie over GraphicRiver.
Bij PhotoDune kunt u royaltyvrije foto's en afbeeldingen kopen en verkopen vanaf slechts $ 1. PhotoDune is een Envato Marketplace en zustersite voor Webdesigntuts +. Items zijn geprijsd op de grootte / megapixels van elk bestand. Als u hoogwaardige, betaalbare stockfoto's nodig heeft voor uw volgende webontwerpproject, dan is dit een geweldige bron om in te tikken. Meer informatie over PhotoDune.
MyFonts is de grootste lettertype-verzameling ter wereld die beschikbaar is op één eenvoudig te gebruiken website. Ze combineren lettertypen van zowel grote lettertypebedrijven als boetiekoutfits. Kwaliteitslettertypen worden dagelijks toegevoegd. Als u op zoek bent naar een nieuw lettertype voor uw volgende clientproject, is dit de site waarop u het kunt vinden. Lees meer over op MyFonts.
De Fonts.com-winkel van Monotype Imaging biedt meer dan 150.000 lettertype-producten die u kunt bekijken, kopen en downloaden. Monotype bestaat al jaren en is een toonaangevende producent van lettertypen. Je kunt ook meer leren over nieuwe letteronttrekkingen en typografische tips en technieken op hun site ontdekken. Lees meer op Fonts.com.
Deze Franse oranje notitieboekjes hebben een cult-aanhang, ja creatieven worden wel verliefd op hun gereedschap. Deze economische pads zijn een van onze favorieten. We houden ervan om met hun vingers over hun rasters, glad papier en uniek gescoorde hoezen te lopen. Rhodia wordt al sinds de jaren 1930 gedragen door artiesten, dus het gebruik ervan geeft aan alsof je een rijke creatieve nalatenschap aanboort. Lees meer over deze notebooks bij Amazon.
We gaan niet zo ver om te zeggen dat je een stijlvolle rugzak of tas nodig hebt, maar wie er geen wil. Incase maakt een aantal van onze favorieten. Ze maken trendy tassen en koffers die perfect zijn voor het karten met je MacBook-laptop, met je creatieve spullen, iPad of iPhone. Lees meer over op Amazon.
Adobe Ideas is uw mobiele digitale schetsboek, waarmee u ideeën kunt vastleggen en verkennen waar u ook bent. Met deze mobiele app kun je eenvoudig schetsen met vectoren, specifieke kleuren hergebruiken met het gereedschap Pipet, opslaan en thema's met meerdere kleuren gebruiken. Pas de laagdekking aan, verplaats, roteer en schaal elke laag afzonderlijk. Meer informatie over deze mobiele app op iTunes.
Procreate is een geweldige schetsboek- en teken-app voor je iPad. Het is snel om mee te werken, zodat u uw ideeën snel kunt achterhalen. Het heeft een breed scala aan penselen om uit te kiezen, studiogereedschap en voelt intuïtief om mee te tekenen. Meer informatie over deze app op iTunes.
Autodesk SketchBook Pro voor iPad is een professionele verf- en tekentoepassing. Met dezelfde verfengine als de desktop-tegenhanger levert SketchBook Pro een complete set aan teken- en tekengereedschappen. Deze populaire schetsset heeft veel fans. Het is een geweldige keuze om op je iPad te tekenen. Meer informatie over deze app op iTunes.
Als u een iPad bezit en een grafisch ontwerper bent, zult u deze prachtige referentie-app geweldig vinden. FontBook is 's werelds meest uitgebreide referentie over digitale typografie. Het documenteert het werk van 118 gerenommeerde internationale lettergieterijen, die bijna 1650 lettertypeontwerpers vertegenwoordigen, en die 35.000 lettertypen uit 8050 lettertypefamilies vormen. De FontBook-app presenteert deze selectie via 700.000 lettertypen, die intuïtief kunnen worden uitgesmeerd, gezocht, gelaagd, verplaatst, gescrolld en gecombineerd als een verzameling kaarten - echt geweldig. Meer informatie over deze app op iTunes.
Transformeer uw afbeeldingen met kernfuncties van Adobe Photoshop in deze app die is ontworpen voor tablets. U kunt afbeeldingen combineren, professionele effecten toepassen en resultaten delen vanuit het gemak van uw iPad. Gebruik populaire Photoshop-functies die voor de tablet zijn ontworpen, zoals lagen, selectiegereedschappen, aanpassingen en filters om professionele afbeeldingen te maken. Meer informatie over deze app op iTunes.
iA Writer is een uitgeklede schrijf-app die je aandacht uitsluitend op je gedachten richt. Het is ontwikkeld door de typografieheld Oliver Reichenstein. Deze app heeft ruim 400.000 exemplaren verkocht en heeft studenten, journalisten en best verkopende auteurs geholpen meer plezier te vinden in het werken met tekst. Het is fantastisch. Meer informatie over deze app op iTunes.
Diet Coda is een funky iPad-versie van de populaire code-editor. Er zijn enkele beperkingen met de app, maar het werkt goed voor het implementeren van snelle wijzigingen in de livecode op uw sites terwijl u onderweg bent. Er zijn enkele leuke functies ingebouwd zoals AirPreview, waarmee je de iPad kunt gebruiken om een voorbeeld van je Coda-werk vanaf je laptop te bekijken. Meer informatie over deze app op iTunes.
De wireframing-koning op de iPad. Gebruik eenvoudige multitouch-bewegingen, teken vormen, sleep in objecten en style alles totdat het precies goed is. Deze app is geladen met functionaliteit om de presentatie van informatie duidelijk en mooi te plannen. Meer informatie over deze app op iTunes.
Gusto is een code-editor en FTP-client voor de iPad. Met Gusto kunt u meerdere documenten openen in tabbladen voor snellere navigatie. Na het bewerken, bekijk een voorbeeld van uw document lokaal om snel uw updates te zien en deze vervolgens live te publiceren. Meer informatie over deze app op iTunes.
Textastic heeft een snelle, veelzijdige codebewerker die syntax-highlighting van meer dan 80 programmeer- en opmaaktalen ondersteunt. Het kan verbinding maken via FTP, FTPS (FTP over SSL), SFTP (SSH-verbinding), WebDAV en Dropbox-clients. Het biedt code-aanvulling, vind en vervang, en nog veel meer functies. Meer informatie over deze app op iTunes.
Koder is een codebewerker voor de iPad met een eenvoudige, efficiënte interface. Het heeft vele functies waaronder syntax highlighting, snippet manager, tabbladen bewerken, code vinden en vervangen, editorthema, externe en lokale bestanden, en nog veel meer. Meer informatie over deze app op iTunes.
Adobe Proto is een iPad-app voor het ontwerpen van interactieve wireframes, prototypen voor websites en mobiele apps. Voeg interactieve draadframe-componenten toe vanuit de componenttoolbox, inclusief menu's, tabbladen, accordeons en meer. Met deze app kun je snel je ontwerpidee vastleggen en basisontwerpgebruik testen. Meer informatie over deze app op iTunes.
Jota! is een eenvoudige whiteboard-app waarmee je je ideeën kunt tekenen, snel notities kunt maken en ruwe wireframeplannen kunt maken op je iPad. U kunt in realtime samenwerken, ideeën via e-mail delen of ze opslaan als foto's voor toekomstig gebruik. Meer informatie over deze app op iTunes.
Penultimate geeft het gevoel en het uiterlijk van schrijven op papier met een krachtige gelpen terwijl u uw volgende visuele idee vastlegt. Het is snel, tactiel en biedt een oneindig aantal pagina's. U kunt pagina's opslaan in notitieblokken, ze delen als geëxporteerde PDF's en terug via Dropbox of Evernote. Meer informatie over deze app op iTunes.
SketchyPad is een wireframing-app die je helpt bij het maken van websites en het maken van app-interfaces. Het wordt geleverd met het overhandigen van stencils om snel uw wireframe en interface-functies te bouwen. U kunt een koppeling maken tussen uw mockups en exporteren naar het Balsamiq-formaat. Meer informatie over deze app op iTunes.
Mocking Pad is een veelzijdige wireframe-schetsen-app voor de iPad. Het is gemaakt voor samenwerking, waardoor bestanden kunnen worden gedeeld via e-mail, Dropbox of gedeeld via een WiFi-verbinding. Het bevat een grote selectie van vooraf gebouwde stencils voor web, desktop en mobiel. Meer informatie over deze app op iTunes.
Live Wires is een eenvoudige, snelle manier om uw iPhone- en iPad-app-concepten in een draadmodel onder te brengen en een prototype te maken. Creëer bruikbare ervaringen voor uw gebruikers. Krijg een goed idee of uw concept werkt voordat de ontwikkeling begint. Maak interactieve interfaces voor zowel iPad als iPhone, gebruik een enorme glyph-bibliotheek, maak gebruik van schuifbare beeldbesturingselementen en meer. Meer informatie over deze app op iTunes.
Accentsconagua