A collection of type foundries
"},"link_name":"Foundry","link_url":{"raw":{"link_type":"Web","url":"http://foundry.nu/","localFile":null}}},{"link_description":{"html":"Well designed websites.
"},"link_name":"Website Awards","link_url":{"raw":{"link_type":"Web","url":"http://www.awwwards.com/","localFile":null}}},{"link_description":{"html":"Online portfolios.
"},"link_name":"Behance","link_url":{"raw":{"link_type":"Web","url":"https://www.behance.net/","localFile":null}}},{"link_description":{"html":"Design inspiration.
"},"link_name":"NotCot","link_url":{"raw":{"link_type":"Web","url":"http://www.notcot.org/","localFile":null}}},{"link_description":{"html":"Image inspiration.
"},"link_name":"It’s Nice That","link_url":{"raw":{"link_type":"Web","url":"http://www.itsnicethat.com/","localFile":null}}},{"link_description":{"html":"A typography blog.
"},"link_name":"I Love Typography","link_url":{"raw":{"link_type":"Web","url":"http://ilovetypography.com/","localFile":null}}},{"link_description":{"html":"The easiest way to inspect web fonts.
"},"link_name":"WhatFont","link_url":{"raw":{"link_type":"Web","url":"http://whatfontapp.com/","localFile":null}}},{"link_description":{"html":"Free web fonts.
"},"link_name":"Google Web Fonts","link_url":{"raw":{"link_type":"Web","url":"http://www.google.com/webfonts","localFile":null}}},{"link_description":{"html":"Handpicked free fonts.
"},"link_name":"Font Squirrel","link_url":{"raw":{"link_type":"Web","url":"http://www.fontsquirrel.com/","localFile":null}}},{"link_description":{"html":"A colour scheme creator tool.
"},"link_name":"Adobe color wheel","link_url":{"raw":{"link_type":"Web","url":"https://color.adobe.com/create/color-wheel","localFile":null}}},{"link_description":{"html":"A collection of well designed websites for inspiration.
"},"link_name":"Site Inspire","link_url":{"raw":{"link_type":"Web","url":"http://www.siteinspire.com/","localFile":null}}},{"link_description":{"html":"A social networking visual library.
"},"link_name":"Pinterest","link_url":{"raw":{"link_type":"Web","url":"http://www.pinterest.com/","localFile":null}}}]},{"id":"a68ea5b6-433c-5bb1-940b-94ac13714409","primary":{"list_of_links_title":{"text":"Technical"}},"slice_type":"links","items":[{"link_description":{"html":"This is a guide that anyone could use to learn about the practice of front-end development.
"},"link_name":"Front-End Developer Handbook 2018","link_url":{"raw":{"link_type":"Web","url":"https://frontendmasters.com/books/front-end-handbook/2018","localFile":null}}},{"link_description":{"html":"A great article that will make you rethink how you write CSS for scalability.
"},"link_name":"Scalable CSS","link_url":{"raw":{"link_type":"Web","url":"http://mrmrs.github.io/writing/2016/03/24/scalable-css/","localFile":null}}},{"link_description":{"html":"View stats of your CSS to see where you could improve and minimise duplication.
"},"link_name":"CSS Stats","link_url":{"raw":{"link_type":"Web","url":"http://cssstats.com/","localFile":null}}},{"link_description":{"html":"Informative stats about user browser/device usage.
"},"link_name":"Stat Counter","link_url":{"raw":{"link_type":"Web","url":"http://gs.statcounter.com/","localFile":null}}},{"link_description":{"html":"Some really useful stats about browser and device usage.
"},"link_name":"Mix Panel – browser trends","link_url":{"raw":{"link_type":"Web","url":"https://mixpanel.com/trends/#report","localFile":null}}},{"link_description":{"html":"Find out the tech stacks for loads of well know sites/apps.
"},"link_name":"Stack Share","link_url":{"raw":{"link_type":"Web","url":"https://stackshare.io/","localFile":null}}},{"link_description":{"html":"A demonstration of what can be accomplished through CSS-based design.
"},"link_name":"CSS Zen Garden","link_url":{"raw":{"link_type":"Web","url":"http://www.csszengarden.com/","localFile":null}}},{"link_description":{"html":"A generator for a CSS3 keyframe gradient animation.
"},"link_name":"Gradient animator","link_url":{"raw":{"link_type":"Web","url":"http://www.gradient-animator.com/","localFile":null}}},{"link_description":{"html":"Beautiful and responsive progress bars with animated SVG paths.
"},"link_name":"Beautiful progress bars","link_url":{"raw":{"link_type":"Web","url":"http://kimmobrunfeldt.github.io/progressbar.js/","localFile":null}}},{"link_description":{"html":"Synchronised responsive testing on all devices. Although not free, but a one off cost of around £35.
"},"link_name":"GhostLab2","link_url":{"raw":{"link_type":"Web","url":"http://vanamco.com/ghostlab/","localFile":null}}},{"link_description":{"html":"Create your own font with a load of icons on Fontello, as well as uploading your own SVG to add to the font.
"},"link_name":"Fontello","link_url":{"raw":{"link_type":"Web","url":"http://fontello.com/","localFile":null}}},{"link_description":{"html":"An extensive list of browser specific CSS and JavaScript hacks from all over the internet.
"},"link_name":"Browserhacks","link_url":{"raw":{"link_type":"Web","url":"http://browserhacks.com/","localFile":null}}},{"link_description":{"html":"Pick from a dozen beautifully designed maps and add it to your application. Although it's not free.
"},"link_name":"Map box","link_url":{"raw":{"link_type":"Web","url":"https://www.mapbox.com/","localFile":null}}},{"link_description":{"html":"The Javascript Guide to Objects, Functions, Scope, Prototypes and Closures.
"},"link_name":"A Javascript explanation","link_url":{"raw":{"link_type":"Web","url":"http://hangar.runway7.net/javascript/guide","localFile":null}}},{"link_description":{"html":"A stylesheet of preset CSS3 animations, ready to use with classes.
"},"link_name":"CSS3 animation cheat sheet","link_url":{"raw":{"link_type":"Web","url":"http://www.justinaguilar.com/animations/index.html","localFile":null}}},{"link_description":{"html":"Programming reference for JavaScript.
"},"link_name":"Code Academy JavaScript Glossary","link_url":{"raw":{"link_type":"Web","url":"http://www.codecademy.com/glossary/javascript","localFile":null}}},{"link_description":{"html":"Beginners guide to setting up Ruby, Node, GIT and Github on a mac
"},"link_name":"Dev setup guide","link_url":{"raw":{"link_type":"Web","url":"http://burnedpixel.com/blog/beginners-setup-guide-for-ruby-node-git-github-on-your-mac","localFile":null}}},{"link_description":{"html":"Check browser support for CSS and JS features.
"},"link_name":"Can I use?","link_url":{"raw":{"link_type":"Web","url":"http://caniuse.com/","localFile":null}}},{"link_description":{"html":"A powerful JavaScript library for manipulating documents based on data
"},"link_name":"D3.js","link_url":{"raw":{"link_type":"Web","url":"http://d3js.org/","localFile":null}}},{"link_description":{"html":"CodePen is a playground for the front end side of the web. It's all about inspiration, education, and sharing.
"},"link_name":"Code Pen","link_url":{"raw":{"link_type":"Web","url":"http://codepen.io/","localFile":null}}},{"link_description":{"html":"Customise a Google Map with all the places you love and a description about each.
"},"link_name":"Custom Google Maps","link_url":{"raw":{"link_type":"Web","url":"http://support.google.com/maps/bin/answer.py?hl=en&answer=62843","localFile":null}}},{"link_description":{"html":"Wordpress ThemeShaper template tutorial.
"},"link_name":"ThemeShaper","link_url":{"raw":{"link_type":"Web","url":"http://themeshaper.com/2009/06/22/wordpress-themes-templates-tutorial/","localFile":null}}},{"link_description":{"html":"Instead of wasting your time making dummy images for your site, you can use this little tool that generates images with an URL.
"},"link_name":"Fake Images Please?","link_url":{"raw":{"link_type":"Web","url":"http://fakeimg.pl/","localFile":null}}},{"link_description":{"html":"Excellent CSS tutorials by Chris Coyier.
"},"link_name":"CSS Tricks","link_url":{"raw":{"link_type":"Web","url":"http://css-tricks.com/","localFile":null}}},{"link_description":{"html":"Online web development magazine.
"},"link_name":"Smashing Magazine","link_url":{"raw":{"link_type":"Web","url":"http://www.smashingmagazine.com/","localFile":null}}},{"link_description":{"html":"Great articles for people who make websites.
"},"link_name":"A list Apart","link_url":{"raw":{"link_type":"Web","url":"http://www.alistapart.com/","localFile":null}}}]},{"id":"bd704962-7fd0-5d77-a1c3-ccf729e8bbdd","primary":{"list_of_links_title":{"text":"Nice sites"}},"slice_type":"links","items":[{"link_description":{"html":"Vibrant website that makes me want to buy the hot sauce.
"},"link_name":"Red Clay Hot Sauce","link_url":{"raw":{"link_type":"Web","url":"https://redclayhotsauce.com/","localFile":null}}},{"link_description":{"html":"Really bright, playful, quirky portfolio site.
"},"link_name":"Leta Sobierajski","link_url":{"raw":{"link_type":"Web","url":"https://letasobierajski.com/","localFile":null}}},{"link_description":{"html":"Portfolio site that changes CSS at different screen widths.
"},"link_name":"Lynn and tonic","link_url":{"raw":{"link_type":"Web","url":"https://lynnandtonic.com/","localFile":null}}},{"link_description":{"html":"Playful, bright, creative fashion designer portfolio site.
"},"link_name":"Elsa Muse","link_url":{"raw":{"link_type":"Web","url":"http://www.elsamuse.com/en/","localFile":null}}},{"link_description":{"html":"A long reel of camera film creates the whole site - works well.
"},"link_name":"La Bodega Negra","link_url":{"raw":{"link_type":"Web","url":"http://labodeganegra.com/","localFile":null}}},{"link_description":{"html":"Really simple, classic look and feel.
"},"link_name":"Aurelien Juner","link_url":{"raw":{"link_type":"Web","url":"http://www.aurelienjuner.com/","localFile":null}}},{"link_description":{"html":"Simple portfolio site all in drop downs and randomly changing headings.
"},"link_name":"Matt","link_url":{"raw":{"link_type":"Web","url":"http://mmmatt.com/","localFile":null}}},{"link_description":{"html":"A photography portfolio site which has a minimal 90's old computer vibe which works really well with the type of photography.
"},"link_name":"Christopher Paul Sharpe","link_url":{"raw":{"link_type":"Web","url":"http://christopherpaulsharpe.com/","localFile":null}}},{"link_description":{"html":"This video competition uses just one main colour and animated gifs which work so well.
"},"link_name":"Void TV","link_url":{"raw":{"link_type":"Web","url":"http://votd.tv/","localFile":null}}},{"link_description":{"html":"A very average website for a cleaning company but I love the background video of someone cleaning the screen!
"},"link_name":"Eagle Clean","link_url":{"raw":{"link_type":"Web","url":"http://eagleclean.co.uk/","localFile":null}}},{"link_description":{"html":"Beautifully website about the ocean with original animation effects and really nice UI elements.
"},"link_name":"Aquatilis Expedition","link_url":{"raw":{"link_type":"Web","url":"http://aquatilis.tv/aquatilis-expedition/","localFile":null}}},{"link_description":{"html":"Jessica Hische is usually doing interesting things on her website.
"},"link_name":"Jessica Hische","link_url":{"raw":{"link_type":"Web","url":"http://jessicahische.is/awesome/","localFile":null}}}]},{"id":"07ee23d9-5bcf-5f33-b9e3-10a899cf2c96","primary":{"list_of_links_title":{"text":"Cool stuffs"}},"slice_type":"links","items":[{"link_description":{"html":"A guide on how to use Sketch (Web design tool) and Semplice (WordPress theme) to create a custom designed portfolio without needing to code.
"},"link_name":"Sketch and Semplice","link_url":{"raw":{"link_type":"Web","url":"http://sketchandsemplice.com/","localFile":null}}},{"link_description":{"html":"With the Adobe suite getting more expensive, it can be useful to have an alternative to Photoshop which has a one of fee of under £50. I haven't tried this one but I hear good things.
"},"link_name":"Affinity Photo","link_url":{"raw":{"link_type":"Web","url":"https://affinity.serif.com/en-gb/photo","localFile":null}}},{"link_description":{"html":"Stores all your passwords in one vault, and once you are logged into LastPass, it logs you into your other sites.
"},"link_name":"Last Pass","link_url":{"raw":{"link_type":"Web","url":"https://lastpass.com/","localFile":null}}},{"link_description":{"html":"Shorten URLs.
"},"link_name":"Bitly","link_url":{"raw":{"link_type":"Web","url":"https://bitly.com/shorten/","localFile":null}}},{"link_description":{"html":"When people ask stupid questions that they could have Googled themselves.
"},"link_name":"Let me Google that for you","link_url":{"raw":{"link_type":"Web","url":"http://lmgtfy.com/","localFile":null}}},{"link_description":{"html":"A bookmarklet with some simple tools you can use to makes websites print better.
"},"link_name":"Printliminator","link_url":{"raw":{"link_type":"Web","url":"http://css-tricks.com/examples/ThePrintliminator/","localFile":null}}}]}]}}}]}},"pageContext":{}}, "staticQueryHashes": ["766320494"]}