Inspiration
Contents_Index
- THESE SITES ARE GOOD TO GET A GENERAL IDEA OF POSSIBLE LAYOUTS AND STYLE PATHS TO TAKE.15
- EVERY PAINTER NEEDS A BRUSH. WELL... MOST DO.4
- WORKING WITH A TEAM? THESE LINKS ARE FOR YOU.5
- EVERY AWESOME WEB APP NEEDS AN AWESOME BACKEND.5
- BEFORE YOU LAUNCH, THESE ARE GOOD TOOLS TO MAKE SURE YOUR SITE IS READY FOR STARDOM.9
- NEED SOMETHING TO READ IN YOUR SPARE TIME?8
These sites are good to get a general idea of possible layouts and style paths to take.
15_ENTRIES- Awwwards
More awesome sites of various styles.
- CodeMyUI
List of code snippets for fancy CSS/JS that make an awesome UI.
- CodePen
Central repository of user submitted code concepts/snippets. Great for experiments.
- Codrops
Web design/development blog that publishes articles/tutorials about the latest web trends.
- CodyHouse
Tutorials and showcase of awesome UI elements.
- CSS Winner
Reviewed list of great websites.
- Designer News
The best design / development links from the 'net.
- Dribbble
Snaps of icons, doodles, sites, and more from a talented group of people.
- Httpster
A curated list of the best sites around the Internet.
- Landings
Find the best landing pages for your design inspiration based on your preference.
- OnePageLove
Great influence for one page and general website design.
- SaaS Pages
An inspection of Netlify's page made especially to bring you inspiration.
- Siiimple
Another list of sites, but on the much simpler side.
- SiteInspire
Get inspired.
- TheBestDesigns
General list of hand picked sites from across the web.
Every painter needs a brush. Well... Most do.
4_ENTRIES-
Design ToolsFigma - Web-based vector graphics editorSketch [macOS only] - A professional vector graphics editor
-
IDEsDevSession - Open a collaborative online IDE from a local directory.
-
Text EditorsAtom - A hackable text editor for the 21st century.Brackets - Modern, open source editor with live preview.Nova [macOS only] - Gorgeous, native text editor.Sublime Text - A very popular text editor for developers.ThemesFlatron - It's flat, purple, and hella sexy.Predawn - Gorgeous dark interface and syntax theme.VSCode - Free text editor
Working with a team? These links are for you.
5_ENTRIES- Cloud9
An awesome, zen way to work with others in the cloud.
- Gist
Share code and text with others fast. Like a mini repository.
- Invoice Ninja
Open source invoicing platform.
- Red Pen
Share your design and get feedback seamlessly.
- Scratchpad
A simple, RTC tool for coding and previewing websites.
Every awesome web app needs an awesome backend.
5_ENTRIES- Auth0
Authentication, done for you.
- DigitalOcean
A cheap and quality VPS hosting company.
- Firebase
A real-time front-end database for your sites.
- Hasura
Platform to build and deploy app backends fast.
- Heroku
Cloud application platform; very easy to scale.
Before you launch, these are good tools to make sure your site is ready for stardom.
9_ENTRIES- Browserling
Cross-browser test your website.
- Checkbot
Browser extension that tests your website follows 50+ SEO, speed and security best practices.
- CodePen
A free web editor in your browser.
- Hurl.it
Make HTTP requests in the browser.
- Localtunnel
Open localhost ports to the world.
- Placehold
Generate custom placeholder images of any size.
- Postman
A tool to make HTTP requests, generate mock servers and make API documentation.
- WooRank
A review tool for SEO elements, W3 validation, and numerous other variables. Free basic service.
- Yslow
Tool for analyzing and finding fixes for multiple causes of slow site loading.
Need something to read in your spare time?
8_ENTRIES- 1stWebDesign
A good, simple blog on web development and design.
- A List Apart
Guest bloggers and full books on topics from coding to business practices.
- Codrops
Great collection of design techniques for modern web developmers and designers.
- CSS-Tricks
Awesome blog on anything and everything related to CSS
- GoodUI
It's definitely not bad.
- Insert HTML
A blog covering current and upcoming techniques and technologies for web developers.
- Mentor
Get random advice from other designers and developers.
- Smashing Magazine
A magazine for all things digital design.