Categories
Similar Boards
Suggest a Link

Learning: WebDev

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

Incoming

Pin
  1. A Comprehensive Guide To Web Design โ€“ Smashing Magazine
  2. Shortcuts.design | Every shortcut for designers in one place ๐Ÿš€

Newsletters

Pin

Newsletters to keep you up to date

  1. Web Design Weekly
  2. CSS Weekly โ€” Weekly e-mail roundup of latest CSS articles, tutorials, tools and experim...
  3. Responsive Design Newsletter
  4. Web Tools Weekly | A weekly newsletter for front-end developers
  5. wpMail | A free WordPress Newsletter, once a week, with a round-up of WordPress news an...
  6. UX Design Weekly - The Best UX Design Links Each Week
  7. 1 more

Ressources

Pin

Sources of knowledge and stuff you should follow

  1. Smashing Magazine โ€“ For Professional Web Designers and Developers

Responsive Design

Pin

Ressources & Knowledge about RWD & PWAs

  1. Device Metrics - Material Design
  2. Media Queries for Standard Devices | CSS-Tricks

Theory & Technicalities

Pin

How CSS works, how the browser renders elements, techniques & caveats

  1. DRY: Do Repeat Yourself - QuirksBlog
  2. The invisible parts of CSS ยท MadebyMike

Core Knowledge

Pin

About WebDev Workflow & how stuff works

  1. Learn Git with Bitbucket Cloud | Atlassian Git Tutorial
  2. Git Magic - Preface
  3. Bash Guide for Beginners
  4. Remote Debugging Android Devices | Web Tools - Google Developers

Web Typography

Pin

Background Knowledge for building typographic systems on the web.

  1. A Five Minutes Guide to Better Typography โ€” Pierrick Calvez
  2. Typography Handbook
  3. More Meaningful Typography ยท An A List Apart Article
  4. The typographic scale
  5. How to Establish a Modular Typographic Scale
  6. Composing the New Canon: Music, Harmony, Proportion โ—† 24 ways
  7. 1 more

UX Design

Pin

Designing & producing attractive user interfaces

  1. Why Performance Matters, Part 2: Perception Management โ€“ Smashing Magazine

Base Tooling

Pin

Basic Software & recommended often-needed tools.

  1. https://api.wordpress.org/secret-key/1.1/salt/
  2. Icon Font & SVG Icon Sets โ IcoMoon

Tools & Scripts

Pin

Use-case specific libraries & tools

  1. acf-fonticonpicker/icons at master ยท micc83/acf-fonticonpicker ยท GitHub
  2. Fontello - icon fonts generator
  3. Frappe Charts
  4. icomoon-to-fontello
  5. Lozad.js: Performant Lazy Loading of Images | CSS-Tricks
  6. Packery
  7. 2 more

Learning CSS

Pin
  1. Learn CSS Grid in 5 Minutes โ€“ freeCodeCamp
  2. Using CSS Grid: Supporting Browsers Without Grid โ€” Smashing Magazine
  3. CSS Utility Classes and "Separation of Concerns"
  4. CSS Cheat Sheet | OverAPI.com
  5. CSS Vocabulary
  6. Getting started | Less.js

On Using CSS

Pin
  1. Optimizing CSS: Tweaking Animation Performance with DevTools โ€” SitePoint
  2. Learn CSS Layout
  3. Taming Advanced CSS Selectors โ€“ Smashing Magazine
  4. Complex Selectors - Learn to Code Advanced HTML & CSS
  5. A Complete Guide to Flexbox | CSS-Tricks
  6. A Visual Guide to CSS3 Flexbox Properties | Scotch
  7. 3 more

Background & Knowledge

Pin
  1. CSS, Sass, SCSS, Compass, Less, BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS?
  2. REM vs EM โ€“ The Great Debate | Zell Liew's blog about web design and development

Patterns

Pin
  1. Inclusive Components

    accessible tabs, buttons, switches...

  2. Styling SVG Content with CSS | Codrops
  3. Making SVGs Responsive with CSS

Learning JS

Pin
  1. ES6 Promises: Patterns and Anti-Patterns โ€“ DataFire.io โ€“ Medium
  2. A Brief History of Modularity
  3. Learn JavaScript Promises by Building a Promise from Scratch

Learning WordPress

Pin

Authoring WordPress Themes

  1. Template Hierarchy | Theme Developer Handbook | WordPress Developer Resources
  2. The WordPress Template Hierarchy - a visualization resource
  3. Responsive Images in WordPress 4.4 โ€“ Make WordPress Core

Codex References

Pin

Much used functions that you should know

  1. add_image_size() | Function | WordPress Developer Resources
  2. Gutenberg โ€” A Meaningful Web Typography Starter Kit

Plugins Toolkit

Pin

Much needed Plugins

  1. ACF | Advanced Custom Fields Plugin for WordPress
  2. Import XML & CSV to Advanced Custom Fields - WP All Import
  3. User Switching โ€” WordPress Plugins
  4. Debug Bar โ€” WordPress Plugins
  5. Regenerate Thumbnails โ€” WordPress Plugins
  6. WordPress MU Domain Mapping โ€” WordPress Plugins
  7. 3 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