Learning: WebDev

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



Sources of knowledge and stuff you should follow

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

Responsive Design


Ressources & Knowledge about RWD & PWAs

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

Theory & Technicalities


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


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


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

UX Design


Designing & producing attractive user interfaces

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

Base Tooling


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


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

Learning WordPress


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


Much used functions that you should know

  1. add_image_size() | Function | WordPress Developer Resources
  2. Gutenberg โ€” A Meaningful Web Typography Starter Kit
0 Comment
Comments or thoughts?
Email a link to this board
Share this board on Facebook
Share this board on Twitter
Notice label will go here