Skip to content

Overview of some resources for web devs that could be helpful.

Notifications You must be signed in to change notification settings

runxel/web-resources

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 

Repository files navigation

Web Resources

Overview of some resources for web devs that could be helpful. I used most of them, some are just added for later reference, meaning the following oscillates somewhere between an "Awesome List" and a dumping ground (just a joke).

Your mileage may vary.


Basics

CMS and Static Site Generators

Frameworks

Hey! I want a fullblown framework!

Sure buddy! I've got you covered. Have a look at these:

  • Foundation – Might be a good starting point
  • HTML5 Bones is on the complete different end of the scale, it has the bare minimum
  • Hello, CSS! – a simple "CSS template which styles most elements to neutral and aesthetically pleasing defaults" according to its creator, Martin Tournoij
  • Yes, there is still the HTML5 Boilerplate, but I think that one is more interesting for its other features, like a .htaccess file, than actually consuming it whole

The most used full blown CSS frameworks currently seem to be

There are however some classless, micro-frameworks out there:

  • Dropin Minimal CSS
  • lit, which is truly micro Similiar to those: YAMB CSS (shameless plug). It has:
  • dark & light theme
  • even print support! It's a great starting point, so check it out.

CSS

Tools

Typography

Of course you don't want to rely on ugly fonts like Arial or Times New Roman. There is the well known Google Fonts project. However you should host the fonts you use yourself if possible. To help with this task go to the Google webfonts helper.

Animation

  • Sequence.js – CSS animation framework for creating sliders, presentations, banners, and other step-based applications
  • Lottie let's you parse AfterEffects animations on the web
  • SVGator – SVG animation without coding
  • Spirit (MacOS only tool)
  • Motion – Free and simple animation editor for SVGs

Icons

Doing your own?

Illustrations

  • Ouch! – Different styles and all free

Color

Color is an important part of every design, so you should take good care of it!

  • colorbox.io – Makes it easy to get good looking colors that relate to each other.
  • Color Hunt – Ready to use color palettes
  • Coolers – Slick color palette generator
  • Picular – Google but for colors

Other

Accessibility

Fancy stuff

  • Doodle CSS – A web component for drawing patterns with CSS
  • pattern.css – CSS only library to fill your empty background with beautiful patterns.
  • ZeroDivs – Make shapes purely in CSS

Infos

Learning

How Tos

Layout

Other stuff

Meta Tags

Essays and therelike

About

Overview of some resources for web devs that could be helpful.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published