IDM Helpful Links

Introduction

This is a collection of links that are helpful for students and faculty in Drexel's Interactive Digital Media department. Please feel free to contribute to the collection with anything you find valuable! Add new sections as needed.

If you can't find something you're looking for check out the Awesome lists. They are curated lists covering a huge range of topics many of which are oriented at various areas of development. There's a good chance you can find what you're looking for. If you do, consider adding it to this repo as others may be looking for the same thing!

• Front End Case Studies

HTML

• HTML elements reference

CSS

• CSS Selectors: A Visual Guide
• A Modern CSS Reset
• Flexbox Cheatsheet
• Fluid Typography
• Google Webfonts Helper
• Grid Cheatsheet
• Mesher
• Multiline Gradient Background
• Naming Variables in CSS
• Shadow Palette Generator
• Squoosh Image Compressor
• The Power of Composition with CSS Variables
• Transfonter

👀 Keep Your Eyes On

• Cascade Layers
• CSS Image Set
• LCH Color Space

Data Visualization

• Which fonts to use for your charts and tables

Design

• Visual design rules you can safely follow
• Command Line Image Converter (including Webp)
• Excalidraw
• Favicon Generator. For Real
• Favicon Generator
• Favicon Maker
• Figma Handbook
• Figma Webp
• How to design delightful dark themes
• How to Favicon in 2021
• Icon Packs
• Morflax 3D Device Mockups
• Neumorphism
• Next UI
• Radix UI
• React Simple Maps

SVG Background Generators

• Blobmaker
• Blobs With a Twist
• Cool Backgrounds
• Flow Lines Generator
• Get Waves
• Getwaves
• Grainy Gradients
• HeroPatterns
• Kumiko Generator
• Loading.io
• MagicPattern
• MagicPattern
• Paaatterns
• PatternFills
• Patternify
• PatternMonster
• Patternpad
• Plain Pattern
• Repper
• ShapeDivider
• Squircley
• SVG Color Matrix Mixer
• SVG FIlters Builder
• SVG filters
• SVG Gradient Wave Generator
• SVGwave
• Tabbied
• Waverly
• Wowpatterns

SVG Warping Generator

• Warp SVG

SVG Path Visualizers

• SVG Path Visualizer

SVG Cropping Tools

• SVG Crop
• SVG Cropper

SVG Polygon Generators

• SVG Polygon Generator

SVG Data Visualization Generator

• RAWgraphs

JPG/PNG → SVG Transformation

• Potrace
• PicSVG

SVG → JSX Transformations

• SVG to JSX
• SVG2JSX
• SVGR

SVG Spritesheets

• flag icons
• svg spreact

SVG Animation

• Vivus Instant
• SVGArtista
• SVGator
• GSAP
• SVG.js
• Lottie

SVG Compression

• SVGOMG

SVG Code Snippet Generator

• Ray.so

Typography

• Type Scale

Stock Assets

• Atlas Icons
• Barn Images
• Burst
• Flaticon: Vector Icons
• Free Illustrations
• Glyphs
• Graphicmaker
• Gratisography
• HeroIcons
• Icon Noir
• Iconic
• IM Free
• Interfacer
• Jam Icons
• Life of Pix
• Noun Project: Vector Icons
• Outlane
• Pexel: Photos & Videos
• Pixabay: Photos, Vector Illustrations, Videos
• Pixeltrue: Vector Illustrations & Animations
• reShot
• StockSnap
• Storyset
• Tech Icons
• UI Design Vault
• Unsplash Developer
• Unsplash

Audio

• Ambience, Foley and Soundscapes
• Freesound: Sound Effects
• Soundbible: Sound Effects

APIs

• The Ultimate Guide to APIs

Documentation

• docsify
• Screen Sizes
• Structure Your React Apps Like It’s 2030

GIT

• Bisect
• Fixup
• Git Command Explorer
• GitHub Code Search
• GitHub Lists
• Gitignore Builder
• gitmo😂ji

Accessibility

• Contrast Checker
• Khan Academy a11y problem visualizer

Visual Studio Code

• Awesome VSCode
• Bookmarks
• Code Spell Checker
• Color Info
• Comment Anchors
• Encode Decode
• ES7 React/Redux/GraphQL/React-Native snippets
• ESLint
• File Ops
• File Utils
• HTMLHint
• jumpy
• Markdown All in One
• markdownlint
• Nest Comments
• Polacode
• sort-imports

Productivity

• Naming things needn't be hard
• productivity.so

macOS

• AVIFQuickLook This is the macOS QuickLook plugin for AVIF (AV1 Image File Format).

Deployment

• Netlify Drop

Themes

• Themer