Web Stuff Related Links
Tuesday, 2020-04-28
- Explorer
- Colours / Colour Selection
- Google Chrome / Chromium and Email Client
- Graphics / SVG / Icons
- Humor
- Typography
- Web Scraping / Printing
#+hugo_tags : chrome colors css css3 fonts html html5 icons javascript svg typography #+hugo_categories : links english web webdesign
This list is a completely personal affair and basically only acts as a reminder of things of interest I came across and want to save for later. Therefore, no need for “suggestions” as I’ve received occasionally.
Explorer
Colours / Colour Selection
- 10 Interesting Color Tools
- 15 Color Scheme & Palette Generators for Web Designers
- 25 Free Color Tools, Apps and Palette Generators
- 3 Colors-Gradient Generator (2019-04-13)
- A Simple Web Developer’s Guide To Color (2016-04-05)
- Adobe Color CC
- Color in Design Systems (2016-04-21)
- Color in UI Design: A (Practical) Framework (2017-01-19)
- Color Palette FX (2016-07-11)
- Color: From Hexcodes to Eyeballs (2018-04-11)
- colorcode
- colorwise - The wise choice of colors. (2018-01-19)
- Colour management, part 1 (2018-03-20)
- Colour management, part 2 (2018-03-20)
- Colour management, part 3 (2018-03-20)
- How to make a logo, for free, in about 5 minutes. (2016-10-25)
- paletton
- Practical Color Theory for People Who Code (2017-04-02)
Google Chrome / Chromium and Email Client
- 10 Time Saving Google Chrome Extensions for Designers
- 18 Chrome Extensions To Speed Up Front-end Development Workflow
- 25 Chrome Extensions for Web Designers & Developers
- 30 Essential Chrome Extensions for Web Designers
- 5 Chrome Extensions You Need in Your Nav Bar
- Awesome chrome-devtools (2016-03-17)
- Google Chrome Tricks And Shortcuts That you Never Knew
- Make Chromium/Chrome launch Thunderbird when clicking on mailto links
- MY THUNDERBIRD CONFIGURATION: TWEAKING THE SETTINGS
- save-as-ebook (2016-08-22)
- The Best Plugins to Supercharge Thunderbird
Graphics / SVG / Icons
- 10 Online Tools to Create a Free Logo (2019-01-18)
- 1000+ FREE High Resolution GIMP Brushes
- 25 Tutorials for Getting Started with your Wacom Tablet
- 30+ Exceptional GIMP Tutorials and Resources
- 35 Tutorials to create amazing Vector Graphics using Inkscape
- 5 Websites To Learn GIMP Online
- 50 Design Tutorials for Mastering Gimp
- 60+ Best GIMP Tutorials of 2010
- 7 must-have GIMP brushes (2017-10-12)
- A Masashi Wakui look with GIMP (2016-12-01)
- A new technique for making responsive, JavaScript-free charts (2020-04-11)
- Advanced Layering Techniques on Linux with GIMP
- Awesome Design Tools (2019-04-02)
- Awesome GIF (2017-01-29)
- Awesome-Design-Tools: The best design tools for everything. (2019-03-03)
- Back to School: 28 Easy Inkscape Tutorials
- Blender for Hackers - 3D modeling is just like using VIM (2017-01-13)
- Boxy SVG (2016-04-30)
- Bytesize Icons (2016-08-18)
- Clarity Icons (2017-09-02)
- coreui-icons: CoreUI Free Icons - Premium designed free icon set with marks in SVG, Webfont and raste… (2019-12-29)
- Creating an animated SVG Neon light effect (2018-08-06)
- css.gg: 500+ CSS Icons. Customizable, Retina Ready with API & NPM (2020-03-08)
- Design for Programmers (2016-06-08)
- Designer’s guide to DPI (2017-05-20)
- Designing with SVG: How Scalable Vector Graphics Can Increase Visitor Engagement (2016-11-01)
- doc2text extracts higher quality text by fixing common scan errors (2016-09-01)
- Essential Image Optimization (2017-12-17)
- eva-icons: A pack of more than 480 beautifully crafted Open Source icons. SVG, Sketch, Web Font and An… (2018-11-18)
- feathericons - Simply beautiful open source icons (2017-06-05)
- Four ways to generate or process Inkscape vector graphics automatically
- Fred’s ImageMagick Scripts (2018-03-25)
- Free noise reduction plugin for the GIMP
- Happy Hues - Curated colors in context. (2019-12-18)
- Hero Patterns (2017-02-19)
- heroicons: A set of free MIT-licensed high-quality SVG icons for UI development. (2020-03-08)
- How to Create High‑Quality GIFs (2018-04-17)
- How to Create Icon Fonts. Quick Start Guide
- How to Draw Arrows in GIMP (2018-11-14)
- How to make an ‘Obama’ HOPE Poster in GIMP
- How to work with SVG icons (2016-03-30)
- icons: Official open source SVG icon library for Bootstrap. (2019-11-30)
- Ikonate – fully customisable & accessible vector icons (2019-04-22)
- Image Processing 101
- Joe Schmoe | An illustrated avatar collection (2019-02-20)
- Download - LineIcons (2020-04-28)
- logomono
- Pocket Guide to Writing SVG (2020-04-18)
- Ready to use SVG icons for the web.
- Responsive Image Breakpoints Generator, A New Open Source Tool
- Screencast: Easy exposure blending tutorial with GIMP
- Seriously, use icon fonts
- Simple Icons (2017-04-28)
- Sketch, Illustrator or Fireworks? Exploring A New Free UI Design App: Gravit (2016-04-05)
- SOLUTION ICONS FOR ARCHITECTURAL DIAGRAMS (2016-12-22)
- Super Tiny Social Icons are miniscule SVG versions (2017-04-25)
- Super Tiny Website Logos in SVG (2017-11-28)
- SVG icons for popular brands
- svgbob: Convert your ascii diagram scribbles into happy little SVG (2019-05-09)
- tabler-icons: A set of over 400 free MIT-licensed high-quality SVG icons for you to use in your web p… (2020-03-29)
- Tools And Resources For Editing, Converting And Optimizing SVGs (2016-04-27)
- Tutorial: Perfect masking using a highpass
- Typography for Developers | CSS-Tricks (2019-03-01)
- Uniform SVG Logos - Vector Logo Zone (2018-12-31)
- Vecteezy (2017-01-18)
- Vector Graphics Editor (2016-09-14)
- XVG (2017-01-08)
Humor
- 27 Funny Posters And Charts That Graphic Designers Will Relate To
- 34 CSS Puns That’ll Make You Laugh, Even If You Aren’t A Web Designer
- 50 Funny Comics And Images That Web Designers And Developers Will Relate To
- dad-jokes_microservice/jokes.txt at master · yesinteractive/dad-jokes_microservice (2020-01-27)
- More Good Programming Quotes (2019-04-04)
- More Good Programming Quotes, Part 2 (2019-04-04)
- More Good Programming Quotes, Part 3 (2019-04-04)
- More Good Programming Quotes, Part 4 (2020-01-20)
- Titanic - CSS Puns T-shirt 👕 & Mugs ~ Saijo George
Typography
- 10 Free Light and Minimalistic Fonts
- 15 Stunning Font Combinations For Your Inspiration
- 20 best free fonts of 2017 (2018-01-02)
- 20 Must-Know Typography Tools, Frameworks & Libraries for Web Designers
- 20 Useful Typography Tools
- 21 Awesome Free Fonts
- 25 Excellent Typography Tools for the Serious Designer
- 35 Free Big, Bold, and Beautiful Headline Fonts
- 5 monospaced fonts with cool coding ligatures (2020-02-19)
- 50 Best Free Fonts To Use in Logo Design
- 50 BODY FONTS FOR YOUR WEBSITE – BEST OF BEST
- A Big List of Typography Books (2017-12-27)
- A COMPREHENSIVE GUIDE TO FONT LOADING STRATEGIES (2016-07-20)
- A Guide to Combining Fonts (2018-08-23)
- A TYPOGRAPHY WORKSHOP (2016-03-20)
- An Indepth Tutorial to Typi (2016-04-24)
- BETTER WEB TYPOGRAPHY FOR A BETTER WEB (2017-03-21)
- BUTTERICK’S PRACTICAL TYPOGRAPHY
- Design With FontForge (2019-10-03)
- Everything I know about responsive web typography with CSS
- Font Collection: 10 Free Humanist Sans Serif Fonts
- Font Pair
- Font-Awesome-SVG-PNG (2016-07-11)
- Fonts that people actually use (2018-08-16)
- FREE FONT UTOPIA
- Free Fonts With Personality
- Google Font Combinations (2016-09-24)
- Google Web Font inspiration in HTML & CSS.
- google-webfonts-helper (2016-04-26)
- How Changing WebFonts Made Rubygems.org 10x Faster
- How to choose and pair typefaces (2017-03-03)
- Iosevka (2017-04-02)
- Is Web Typography Completely Broken? (2016-03-28)
- Moving Letters (2017-10-04)
- My Top 10 Free Font Superfamilies (2018-11-14)
- Nerd Fonts
- opentype.js is an OpenType and TrueType font parser and writer (2017-02-17)
- Overpass - an open source web font family
- Professional Web Typography
- Programma - A Typeface for Programming (2016-08-23)
- Routed Gothic Font (2020-02-27)
- The 100 Greatest Free Fonts for 2014
- The Best Google Web Font Combinations
- THE ENORMOUS LIST OF WEB TYPOGRAPHY RESOURCES (2016-07-04)
- The Ten Most Popular Web Fonts of 2015
- Tools And Resources For A More Meaningful Web Typography
- TypeTalk: The Complete Guide to Line Spacing
- typographic starter kit
- Typography tools (2016-09-09)
- typography.supply
- Use & Modify This is a personal selection of beautiful, classy, punk, professional, incomplete, weird typefaces. Open source licenses make them free to use and modify. This selection is the result of deep search and crushes. This selection is yours. RB
- Web typography is broken. Here’s how we can fix it (2016-03-15)
- Your Body Text Is Too Small (2016-09-30)
- Your Guide for When to Use Despised Fonts — Part II (2017-10-24)
Web Scraping / Printing
- CasperJS
- HeadlessBrowsers (2016-11-08)
- PhantomJS
- SlimerJS
- The Printliminator