Skip to content

A repo of helpful front end development and design links

Notifications You must be signed in to change notification settings

vinnyA3/devs-codex

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 

Repository files navigation

Developer's Codex

A web developer / designer's life can be difficult. It's hard to find the right tools, images, tutorials...etc. I hope this collection of links will help make things a little bit easier for you.

“The three great essentials to achieve anything worth while are: Hard work, Stick-to-itiveness, and Common sense.” - Thomas A. Edison

Contribute

Have a helpful link to share? Suggestions? See any mistakes or a broken link? Send a pull request!

Inspiration

Resources for when you need some inspiration

Websites to give some ideas / inspiration

  • AWWWARDS - collection of great sites
  • HTTPster - another collection of great sites
  • TheBestDesigns - showcase of beautiful sites
  • CSS Winner - list of reviewed designs
  • Site Inspire - site of fresh sites
  • OnePageLove - Great designs for one page websites
  • CSS Design Awards - beautiful site in and of itself. this site contains a list of award-worthy designs as well as a site-of-the-day.
  • Dribble - a place for designers to show off their work
  • CSS Awards - another showcase of reviewed website designs

Code Snippets

  • CodePen - playground for inspiration and snippets
  • CodeMyUI - code snippets + tutorials!
  • CodyHouse - HTML, CSS, JS nuggets
  • CodePad.Co - a place for developers to share & save code snippets

Assets

Collection of images, icons, fonts ..etc to really make your sites pop

Images

Icons

Fonts

  • Google Fonts - probably the most popular place to find fonts
    • Google fonts now has a newer, cleaner UI for their font library: google fonts 2.0

Tools

Useful tools to aid in development

Tools for color

  • ColorPicker - a very handy chrome extension for grabbing colors on a page
  • ColorZilla - another handy color tool (avaiable for firefox too)
  • CSS3Gen - an excellent, easy to use gradient generator
  • Spectral - create a color swatch

Tools for front end scaffolding / 'bootstrapping'

  • Bootstrap - popular framework for designing responsive sites and applications
  • Bootswatch - nice themes to spice up bootstrap's look
  • StartBootstrap - free open-source bootstrap themes
  • Foundation - another popular framework for web development
  • Bulma - A modern CSS framework based on Flexbox
  • Skeleton - a clean, bareboned (pun intended), responsive css boilerplate
  • Unsemantic - a simple, fluid-grid system
  • FlatUI - a very sexy HTML and CSS framework for a flat design
  • Materialize - a modern front-end framework inspired by Google's Material design
  • Tachyons - create fast, 100% responsive apps with very little CSS
  • Colormind - generate a color pallete for your project using ML - very cool

Workflow and build tools - to make your life easier

  • Gulp - a task runner to automate those tedious, repetitive tasks
  • Grunt - another popular task runner
  • Webpack - a modular bundler for bundling code into convenient chunks
  • Yeoman - a scaffolding tool for building modern web apps

Collaborate

Useful tools to allow for collaboration

  • Cloud9 - code and work with others in the cloud
  • JSfiddle - JS fiddle offers a really cool collab feature, though I haven't used too often
  • CodePen - codepen also offers a collaboration option (though I believe it's for pro users atm)
  • Gist - share code fast. acts like a notepad for code
  • Slack - collaborators need to communicate fast. slack seems to be the most popular chatting app amongst dev teams

Great Reading Material

Great reading resources to keep up with the latest trends/news

  • A List Apart - insightful and informative dev articles
  • Medium - a blog platform with every topic imaginable. To refine your search, just type in your query into the search bar
  • CSS Tricks - a great blog/tutorial for just about anything code related.
  • Smashing Magazine - site filled with useful dev and design articles
  • Front End Developer Weekly - front-end dev news, tools ..etc emailed to you weekly

License

CO Logo

I, Vinny Aceto, waive all copyright-protected and related interests included in this project

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •