awesome-frontend

😎 Awesome list about all things in front end we use here at Dude
https://github.com/digitoimistodude/awesome-frontend

Last synced: 6 days ago
JSON representation

CSS
- Grid tutorials
  - Learn CSS Grid
  - Flexbox Zombies
- CSS Grid tools
  - Layoutit Grid
SVG
- Open source SVG icon packs
  - Feather
  - CSS.gg
  - Iconoir
  - Material Icons
  - Iconic - perfect icons
  - Icongram
  - iconmonstr
  - SVG Repo
  - Remix
  - Hero icons - licensed high-quality SVG icons for UI development
  - Ionicons - crafted icons built by Ionic, for Ionic apps and web apps everywhere
- SVG illustrations
  - unDraw
  - ManyPixels - free illustrations to power up your designs
  - Scale - quality, open-source illustration each day
- CSS/SVG generators
Typography
- Monospace fonts
  - SFMono
Blogs
- Monospace fonts
  - CSS-Tricks
Animations
- For building layouts
Testing & Optimization
- Linters
  - stylelint
  - ESLint
- Performance and website loading speed
  - WebPageTest
  - GTMetrix
- Image & SVG optimization and manipulation
  - Optimage
  - ImageOptim
- Accessibility
  - aXe
  - WAVE
- Placeholders & dummy content
  - Lorem.space - but useful!
Photos and videos
- Placeholders & dummy content
  - StockSnap.io
  - Pexels Videos
  - Streetwill - Res Photos (CC0)
Tools
- Visual Studio Code extensions for front end design
  - stylefmt
  - colorize
  - SCSS IntelliSense
  - stylelint
  - Highlight Matching Tag
  - webhint
  - doiuse
  - Error Lens
  - CSS var hint
  - SVG - In-One
- Front end design mac apps
- Productivity
  - f.lux
Inspiration and library resources
- Monospace fonts
  - Codepen

Categories

SVG 20 Tools 15 Testing & Optimization 9 CSS 3 Photos and videos 3 Animations 3 Blogs 1 Typography 1 Inspiration and library resources 1

Sub Categories

Open source SVG icon packs 11 Visual Studio Code extensions for front end design 10 CSS/SVG generators 6 Placeholders & dummy content 4 Front end design mac apps 4 For building layouts 3 Monospace fonts 3 SVG illustrations 3 Performance and website loading speed 2 Accessibility 2 Image & SVG optimization and manipulation 2 Grid tutorials 2 Linters 2 Productivity 1 CSS Grid tools 1