Bryan Ollendyke

@elmsln @haxcamp @btopro #HAXTheWeb #drupal #webcomponents #edtech ✻ Full stack unicorn Adjunct professor teaching about webdev, ethics, and everything in between

PA Joined on Oct 21, 2019 https://haxtheweb.org

Education

Penn State

Work

HAX The Web project lead

Pinned

Bryan Ollendyke

Jul 25

mdToHtml? htmlToMd? How 'bout both!

#microservices #vercel #npm

4 min read

Bryan Ollendyke

Apr 23 '21

IntersectionObserver mixin for web components

#performance #webcomponents #haxtheweb #litelement

4 min read

Bryan Ollendyke

Aug 8

enhanced-text? Vide!

#lit #webcomponents #microservices #microfrontends

4 min read

What HTML tag do you use for Sarcasm?

dev.to/btopro/moar-sarcasm-plz-a-t...

Oct 27 '21

Progress with CTA buttons with web components...

github.com/elmsln/lrnwebcomponents...

Sep 26 '21

constructor() dynamic import()

The following code was always there, under every comment that...

Apr 13 '21

constructor() dynamic import()

lol. Why yes I can! By gaslighting you completely and saying ...

Apr 13 '21

Creating an Advanced Web Component Without Knowing JS (Well)

And the best is yet to come, both from your contributions her...

Apr 13 '21

Fastest way to generate a LitElement project in 3 minutes

Something that visualizes / builds on data from an open API o...

Feb 26 '21

Fastest way to generate a LitElement project in 3 minutes

Nice article! This would make a really good foundational piec...

Feb 25 '21

Burnout

Every time, disrupting my routine that lead to the burn out s...

Feb 25 '21

View all 20 comments

Bryan Ollendyke

Jul 26

simple-img microfrontend

#lit #microservices #webcomponents

3 min read

Bryan Ollendyke

Jul 26

htmlToDocx? No! docxToHtml! How about both?

2 min read

Bryan Ollendyke

Jul 25

Building a screenshot microservice

#microservices #vercel #haxtheweb

4 min read

Bryan Ollendyke

Jul 21

export class MicroFrontendRegistry

3 min read

Bryan Ollendyke

Jul 19

Duck duck go example

4 min read

Bryan Ollendyke

Jul 19

Building micro frontends with Vercel + Lit

#lit #vercel #webcomponents #microfrontend

1 min read

Bryan Ollendyke

Feb 17

Visualizing Promise Arrays

3 min read

Bryan Ollendyke

Nov 17 '21

Understanding HAXSchema, the API powering our editor

#haxtheweb #webcomponents #api

3 min read

Bryan Ollendyke

Nov 9 '21

Click the word game

#litelement #webcomponents #example #education

6 1

3 min read

Bryan Ollendyke

Nov 8 '21

Let's understand how to wrap & unwrap HTML elements

#vanillajs #javascript #beginners #webdev

4 min read

Bryan Ollendyke

May 12 '21

replace-tag with="high-performance"

#webcomponents #haxtheweb

3 min read

Bryan Ollendyke

Apr 26 '21

Google Sheets + JS class = DX prototyping dream

#javascript #googlesheets #webcomponents #dx

8 1

3 min read

Bryan Ollendyke

Apr 12 '21

constructor() dynamic import()

#import #esm #javascript

9 4

3 min read

Bryan Ollendyke

Apr 12 '21

Lazy web components: The Book

#javascript #esm #webcomponents #litelement

1 min read

Bryan Ollendyke

Mar 5 '21

Bonus: i18n-manager zero dependencies!

#webcomponents #i18n #vanillajs

8 1

2 min read

Bryan Ollendyke

Mar 3 '21

i18n-manager video

#i18n #haxtheweb #webcomponents

1 min read

Bryan Ollendyke

Mar 3 '21

inside i18n-manager

#webcomponents #webdev #i18n #haxtheweb

6 min read

Bryan Ollendyke

Mar 3 '21

i18n-manager web component

#i18n #haxtheweb #webcomponents #webdev

3 min read

Bryan Ollendyke

Mar 3 '21

Reviewing i18n solutions

#i18n #webcomponents

4 min read

Bryan Ollendyke

Mar 3 '21

i18n in web components

#webcomponents #i18n #a11y

2 min read

Bryan Ollendyke

Feb 17 '21

replace-tag: Dynamically load content based on device capabilities

#webcomponents #haxtheweb #performance

2 min read

Bryan Ollendyke

Dec 17 '20

Live code: Remixing the cyber-punk-text webcomponent

#webcomponents #webdev #cyberpunk #haxtheweb

1 min read

Bryan Ollendyke

Nov 20 '20

haxHooks: webcomponents that ship their own editing UX

#webcomponents #haxtheweb #webdev

2 min read

Bryan Ollendyke

Nov 19 '20

haxHooks(): How elements can supply their own editing experience in HAX now!

#haxtheweb #a11y #webdev #hooks

3 min read

Bryan Ollendyke

Nov 11 '20

Replacing paper-dialog with web-dialog

#webcomponents #haxtheweb

1 min read

Bryan Ollendyke

Nov 10 '20

wikipedia-query: "de" iron-ajax'ified

#webcomponents #webdev #litelement #performance

3 min read

Bryan Ollendyke

Nov 10 '20

Death to @polymer, long live LitElement and HTMLElement

#webcomponents #webdev #haxtheweb #litelement

2 min read

Bryan Ollendyke

Sep 17 '20

Will critique for code

#webcomponents #haxtheweb #beginners #github

2 min read

Bryan Ollendyke

Sep 12 '20

moar-sarcasm plz: A tOtAlLy NeCeSsArY web components tutorial

#webcomponents #javascript #silly #tutorial

1 min read

Bryan Ollendyke

Sep 11 '20

UX'ing that Copy and Paste

#haxtheweb #javascript #security #ux

1 min read

Bryan Ollendyke

Sep 10 '20

Let's talk about Copy.. & Paste

7 min read

Bryan Ollendyke

Sep 3 '20

Making a simple-icon web component

#webcomponents #performance #litelement #icons

8 min read

Bryan Ollendyke

Aug 27 '20

The web is eating itself through web components, an example

#webcomponents #midi #opensource

1 min read

Bryan Ollendyke

Aug 26 '20

twitter-embed in LitElement and VanillaJS

#webcomponents #litelement #vanillajs #livecode

4 min read

Bryan Ollendyke

Aug 14 '20

HAXTheWeb: The mission

#webcomponents #haxtheweb #webdev #activism

3 min read

Bryan Ollendyke

Jul 29 '20

Installing HAXcms on Reclaim cloud

#haxtheweb #webcomponents #cloud

2 min read

Bryan Ollendyke

Jul 22 '20

Our Web component development methodology

#haxtheweb #webcomponents #standards #webdev

17 2

12 min read

Bryan Ollendyke

Jul 22 '20

uwc bonus: HAX / HAXcms unbundled land

#haxtheweb #webcomponents #unbundled #webdev

6 min read

Bryan Ollendyke

Jul 17 '20

uwc part 6: Compiling unbundles w/ Polymer CLI

#webcomponents #haxtheweb #webdev #unbundle

4 min read

Bryan Ollendyke

Jul 17 '20

uwc part 5: Client side polyfill detection

#polyfill #haxtheweb #webcomponents #webdev

4 min read

Bryan Ollendyke

Jul 16 '20

uwc part 4: Dynamic element hydration

#haxtheweb #webcomponents #unbundle #webdev

4 min read

Bryan Ollendyke

Jul 15 '20

uwc part 3: The "magic script"

#haxtheweb #webcomponents #webdev #unbundle

4 min read

Bryan Ollendyke

Jul 15 '20

uwc part 2: Bundling vs unbundled movements

#webpack #pikapkg #webcomponents #haxtheweb

6 1

3 min read

Bryan Ollendyke

Jul 15 '20

unbundled web components part 1: Context of WCs @ PSU

#webcomponents #bundler #webdev #scale

2 min read

Bryan Ollendyke

Feb 8 '20

Bringing old JavaScript to the type="module" world

#esm #javascript #webcomponents

4 min read

Bryan Ollendyke

Feb 7 '20

Adding an intersectionObserver to any web component

#webcomponents #superclass #intersectionobserver #javascript

14 2

4 min read

Bryan Ollendyke

Dec 30 '19

SimpleWC - JSON driven web components

13 7

5 min read

Bryan Ollendyke

Nov 7 '19

Using @apply syntax in LitElement... for now

4 min read

Bryan Ollendyke

Nov 4 '19

Web component API construction decision tree

#webcomponents #litelement #webdev #haxtheweb

4 min read

DEV Community is a community of 892,765 amazing developers

Recent comments

What HTML tag do you use for Sarcasm?

Progress with CTA buttons with web components...

constructor() dynamic import()

constructor() dynamic import()

Creating an Advanced Web Component Without Knowing JS (Well)

Fastest way to generate a LitElement project in 3 minutes

Fastest way to generate a LitElement project in 3 minutes

Burnout