Categories
Similar Boards
Suggest a Link

Web Design

You must be logged in to view the contents of this board.

SVG

Pin
  1. HOW TO TURN ANY IMAGE INTO A VECTOR - Illustrator Live Trace Tool Guide - YouTube
  2. How to edit artwork in Illustrator using Image Trace

Helpful

Pin
  1. An Event Apart - the premiere web & interaction design conference
  2. Bugzilla Main Page
  3. Firefox Platform Status
  4. WebKit Feature Status | WebKit
  5. Microsoft Edge web platform features status and roadmap - Microsoft Edge Development
  6. Chrome Platform Status
  7. 5 more

Important Sites

Pin
  1. CSS Gallery for Web Design Inspiration - CSS Nectar
  2. Web Design Blog - Webdesigner Depot
  3. CSS-Tricks
  4. The Web Ahead
  5. this is rachelandrew.co.uk - the website of web developer, writer and public speaker Ra...
  6. FontPair - Typography Resources
  7. 14 more

Searches

Pin
  1. useful online tools web designers use
  2. css grid accessibility - Google Search
  3. css grid production - Google Search
  4. web design articles - Google Search
  5. cross browser design - Google Search

Articles to save

Pin
  1. CSS Grid Application Layout in Production – commercetools tech
  2. Box Alignment Cheatsheet - rachelandrew.co.uk
  3. CSS Frameworks Or CSS Grid: What Should I Use For My Project? — Smashing Magazine
  4. All The Videos in Layout Land - YouTube
  5. When And How To Use CSS Multi-Column Layout — Smashing Magazine
  6. Stepping away from Sass

Color

Pin
  1. Build your brand: 20 unique color combinations to inspire you – Canva
  2. Color Palette Ideas | ColorPalettes.net
  3. Picular
  4. 5 Masculine Color Schemes | Manly Color Palettes for Design | Hook
  5. FontPair - Helps you pair Google Fonts together
  6. 43 Beautiful Color Palettes For Your Next Design Project
  7. 1 more

Typography / Fonts

Pin
  1. 9 Best Font Manager Apps for Mac, Windows, Linux and Online (2018)
  2. FontLab. Font editors and converters for Mac and Windows.
  3. 1001 Fonts · Free Fonts Baby!
  4. WhatTheFont! « MyFonts
  5. Dafont
  6. Google Fonts
  7. 1 more

CSS

Pin
  1. CSS Mono: A Typeface Designed for CSS Coding, by Wenting Zhanglogo W, wentin
  2. Make CSS Your Secret Super Drawing Tool
  3. CSS ICON -- project by Wenting Zhang

Inspiration

Pin
  1. Designspiration — Design Inspiration
  2. Dribbble

    Creative Professionals Twitter iconFacebook iconTwitter iconFacebook icon

  3. Behance :: For You

Articles to read

Pin
  1. Neat 2.0 Building the future of floated Sass grids
  2. Overlapping Grid Items | Geddski
  3. 8 Essential Tips for Building a Cross-Browser Compatible Website | CrossBrowserTesting.com
  4. CSS grid layout in production – codeburst
  5. CSS Grid Application Layout in Production
  6. 15 Useful Tools & Websites For Web Designers
  7. 2 more

Videos to Watch

Pin
  1. Before and After pseudo elements explained - part one: how they work
  2. CSS Before and After pseudo elements explained - part two: the content property
  3. “Modern Layouts: Getting Out of Our Ruts” by Jen Simmons – An Event Apart Austin 2015
  4. “Everything You Know About Web Design Just Changed” by Jen Simmons—An Event Apart video...
  5. Resilient CSS: 7-part Series - YouTube

    Using new features in CSS even though older browsers are still used.

  6. Using Flexbox + CSS Grid Together: Easy Gallery Layout - YouTube
  7. 8 more

Podcasts

Pin
  1. Shop Talk Show — The Practical Dev - DEV Community 👩‍💻👨‍💻
  2. Hasty Treat - CSS Grid Level 2 aka Subgrid — Syntax Podcast 109

Tools and Generators

Pin
  1. Animista

    CSS animations on demand

  2. Lorem Picsum
  3. Coolors.co - The super fast color schemes generator
  4. Clippy — CSS clip-path maker
  5. Iconfinder.com

    3,325,000+ free and premium vector icons. SVG, PNG, AI, CSH and PNG format.

CSS

Pin
  1. CSS3.0 Maker
  2. CSS Type Set
  3. CSSMate
  4. CSS Frame Generator
  5. Telerik Visual Style Builder
  6. Typetester
  7. 3 more

Tutorials

Pin
  1. Graphic Design Foundations: Typography
  2. Choosing and Using Web Fonts
  3. Font Management Essential Training (2017)
  4. Learning to Set Display Type
  5. Code snippets for HTML, CSS and JavaScript

    How-Tos the most common things in web design

  6. 30+ CSS Tutorials for Beginners
  7. 2 more

Accessibility

Pin
  1. the new code – Web Development Reading List: Accessibility
  2. the new code – Web Developer Reading List: Galleries
  3. Carousel Usability: Designing an Effective UI for Websites with Content Overload
  4. How to Keep Your CSS Grid Layouts Accessible
  5. CSS Grid Layout and Accessibility

Samples

Pin
  1. Cosmin Capitanu | Dribbble
  2. Showcase of Parallax Scrolling Effects in Web Design
  3. CSS Grid - What is this Magic?! - Amy Kapernick
  4. How to Use Gradients in Web Design | 20 Beautiful Examples
  5. Web Design Trend Showcase: Super Gradients
  6. Showcase of Web Design Layouts with Angled Lines
  7. 7 more

Catchall

Pin
  1. Figma Tutorial - A Free UI Design/Prototyping Tool. It's awesome.
  2. Scr.im: Email Address Shortener
  3. the new code – Web Developer Reading List: Responsive Design
  4. Animating SVG Icons? UI Animations with ShapeShifter! (Tutorial)
  5. 4. Color by Hailpixel
  6. Ge.tt
  7. 34 more
0 Comment
Comments or thoughts?
Submit
Cancel
or
Email a link to this board
Share this board on Facebook
Share this board on Twitter
Notice label will go here