Web Components In Drupal

Use web components instead of Twig for your design system. Drupal loves it!

StencilJS

Windows For Modern Development

Windows is a viable operating system to work within Node and Docker thanks to Windows Subsystem For Linux 2.

Gutenberg

A Squarespace-like editor for Drupal that ALMOST was.

Sass Modules

Writing Testable JavaScript

Intro to Contemporary Frontend Tooling

A guide through frontend tooling used at Phase2.

RxJS

Quick poke at RxJS

Styling in 3022

Tailwind brings utility-first styling and design tokens to frontend development.

VueJS & TypeScript

A quick crash course in TypeScript followed by an introduction to using TypeScript within Vue. Video: https://www.youtube.com/watch?v=5-P6Uk5m7Z8

Multiple React widgets within CMS-generated HTML

The Perfect Drupal JavaScript Behavior

Tips and best practices to write quality JavaScript in Drupal.

Exploring Elixir

Particle: Build Your Own Design Systems

We'll learn how the following features of the project fit together to build Design Systems that are independent of any application or CMS: Webpack bundling Webpack dev server Gulp Iconfont auto-generation Bootstrap 4 integration Javascript and Sass linting Design systems integration to a Drupal and Pattern Lab "app". Video: https://www.youtube.com/watch?v=uYQjN9Ydgqk

Redux: Because you're not that good at state management

Redux is a simple library that provides dependable state management to your apps. STOP STORING STATE IN HTML. Video: https://www.youtube.com/watch?v=MqqNA8tkNZs

Angular/ReactNative

Elm: Build Elegant UIs the Functional Way

Elm is a language that compiles to javascript that provides the features of many custom javascript libraries in one. Let's take a quick tour of neat things that Elm can do.

Atomic Design

Drupal 8: The Awesome Parts

Drupal 8 Migrations

Design-first As Efficiency

Webpack

Webpack is a tool to help you build bundles of assets for your applications.

Prototyping and CMS

Frontend development is much better served from a robust prototyping tool that produces assets consumed by complex systems like Drupal or Wordpress.

Pattern Lab for everyone else

PDXSass Intro to React.js

A quick 20 minute walkthrough of React.

Learning Angular.js: PDX Drupal Frontend Meetup

Let's build a small Angular.js app.

Google Web starter kit

A quick runthrough of Google's web starter kit

Pattern Lab

Pattern Lab is pretty cool

The Ionic Framework is super hot

SASS @content

The power of @content in SASS.

drupal views responsive tables and the enlightenment process

wdim351_week09

wdim351_week08

wdim351_week07

wdim351_week06

wdim351_week05

wdim351_week04

wdim351_week03

wdim351_week02

wdim351_week01