Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: begin draft of first blog post #1

Draft
wants to merge 5 commits into
base: master
Choose a base branch
from
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .nvmrc
Original file line number Diff line number Diff line change
@@ -1 +1 @@
8
12
169 changes: 169 additions & 0 deletions posts/2019-year-in-review.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,169 @@
---
title: 2019 Year In Review
description: Reflecting on the progress I've made professionally in 2019 + new themes to focus on in 2020 and beyond.
date: 2020-01-26
tags:
- design system
- frontend
- architecture
- goals
layout: layouts/post.njk
---

Wow. 2019 was an incrediblely busy and productive year. Here's some highlights + thoughts on where I'm going!


## Speaking

In 2019 I had the privilege of speaking at 3 different tech conferences in two countries!

- Drupalcon Seattle
- Drupal Camp Poland 2019
- Design4Drupal 2019

Things unfortunately didn't pan out with the other conferences I submitted proposals for (Drupalcon Amsterdam, Design Systems London, JS Conf Honolulu 2020, and PerfMatters 2020) _however_ I'm not giving up!

##




## 2019: Design Systems, Web Components, and Front-end Architecture, oh my!

If you <a href="https://twitter.com/salem_ghoweri">follow me on Twitter</a> (or know me personally) then you already know that I'm a lead front-end architect who's a crazy HUGE fan of design systems and web components! Naturally it shouldn't come as a surprise then that my last past couple years have been filled to the brim with that stuff -- and 2019 was no exception!



## 5 Initiatves for 2019
A little over a year ago, towards the end of 2018, we identified 5 primary initiatives to focus on for 2019, based on the areas we were hurting the most + anticipation


Documentation
Demos
Testing coverage
Web Component Availability
Performance

- 59 releases of the Bolt Design System!
- Pattern Lab's new UI was almost entirely rebuilt and more importantly, released!
- Things got a lot faster (especially w/ perceived performance):
- [3G](https://www.webpagetest.org/video/compare.php?tests=200126_0W_98f86373dc4fec7e9e1bfc79095b2d5e%2C200126_CG_b4640f04a7543f522012fd5171929b85&thumbSize=200&ival=100&end=all)
- [Slow 3G](https://www.webpagetest.org/video/compare.php?tests=200126_J0_873e7c09c6eb745220a148d4b6291784%2C200126_82_e55de204403e45ddfb823de2e9c06903&thumbSize=200&ival=100&end=all)
- [Desktop](https://www.webpagetest.org/video/compare.php?tests=200126_PF_68301abfcd65bc42e6bad972fcc8c4c0%2C200126_NY_276a397812ff517e3ee4c135b639c8ef&thumbSize=200&ival=100&end=all)

- Fully Loaded Size: 1,053KB (before) vs 794KB (after)
- went from having ~15 to ~35 web components (plus an additional 9 experimental animation components)
- LitElement migration

Design System Adoption:
- 2018 Sites:
- Pega.com
- Community
- Pegaworld
- 2019 sites
- Pega.com
- Community
- PegaWorld
- Portal
- Marketplace
- Careers
- boltdesignsystem.com
- Academy (in-progress)
- Collaboration Center (in-progress)

Saleshub
MyPega



~28 tests to about... 581 tests (plus an additional 103 tests)

2 to 36 end-to-end integration tests.



## 59 Bolt releases in 2019!
- 11 minor releases (v2.3.0 through v2.13.0)
- 32 patch releases
- 16 betas + release candidates


### New
- Accordion
- Banner
- Blockquote
- Animate
- Modal
- Carousel
- Brand New Card
- Popover
- Stack
- Tabs
- Table of Contents (in-progress)
- Toolbar (in-progress)
- Trigger
- Typeahead
- List Item

Updated / Refactored
- Ordered List
- Unordered List
- Ratio
- Table
- Tooltip (major refactor)
- Chip
- Figure
- Image (WC)
- Link (WC)
- List (WC)
- Menu (WC)



New Components
Web Component Conversion
Docs & Demos
Schema coverage
Jest test coverage
Nightwatch coverage






LitElement
New SVG Icon system
Refactored image build
New Pattern Lab UI
Github Status Checks
ES Modules
Extra focus on SSR + Accessibility
Version selector
Docs Site Search
Status Board
Nightwatch screenshots UI
Unified Docs site w/ Pattern Lab (no more dual builds)
Loading screen
Component stats section added
Homepage release banner
Slackbot
Automated release process
Automatic release notes
Canary releases


## Section Header

Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.

``` text/2-3
// this is a command
function myCommand() {
let counter = 0;
counter++;
}

// Test with a line break above this line.
console.log('Test');
```
26 changes: 0 additions & 26 deletions posts/firstpost.md

This file was deleted.

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added posts/year-in-review/Websites Using Bolt.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading