logo
  • Posts
Search

Recreate Wordle using Lit-element: 3/5 - The Tiles

Recreating Wordle, the game that was recently bought for 7 figures by the New York Times is an excellent way to learn about new technologies. Today we are going to use Web Components with lit-element
  • Web
  • JavaScript
  • Dark-Mode
  • Web-Component
2022-02-01
One minute to read

Recreate Wordle using Lit-element: 2/5 - The Board

Recreating Wordle, the game that was recently bought for 7 figures by the New York Times is an excellent way to learn about new technologies. Today we are going to use Web Components with lit-element
  • Web
  • JavaScript
  • Dark-Mode
  • Web-Component
2022-02-01
One minute to read

Recreate Wordle using Lit-element: 1/5 - The App

Recreating Wordle, the game that was recently bought for 7 figures by the New York Times is an excellent way to learn about new technologies. Today we are going to use Web Components with lit-element
  • Web
  • JavaScript
  • Dark-Mode
  • Web-Component
2022-02-01
One minute to read

Case study: isitblackfridayyet.app: #4 Enabling Dark mode

Now that the dark mode is widely supported by browsers, learn how to enable it on your web pages.
  • Web
  • Stenciljs
  • JavaScript
  • Dark-Mode
  • Web-Component
2020-01-09
2 minutes to read

Use GitHub actions at your own risk

Malicious code can be inserted into any GitHub action, even those which are tagged.
  • Devops
  • Github-Actions
2019-12-20
4 minutes to read

Case study: isitblackfridayyet.app: #3 Creating Cron based images with Firebase functions and Puppeteer

In this post, we are going to learn how to set up Firebase to generate an image via Puppeteer on a daily basis.
  • Web
  • Firebase
  • Puppeteer
2019-11-25
5 minutes to read

Case study: isitblackfridayyet.app: #2 Deploying StencilJS apps with Github actions and Firebase hosting.

Now that we have a production ready Progressive Web App, let’s learn how to build it on Github Actions and deploy it via Firebase CLI.
  • Web
  • Stenciljs
  • Node
  • Github-Actions
  • JavaScript
  • Web-Component
  • Firebase
2019-11-25
4 minutes to read

Case study: isitblackfridayyet.app: #1 Creating a Progressive Web App with StencilJS and Workbox

Learn how to create a Progressive Web App that works offline and score 100 on lighthouse with StencilJS and Workbox
  • Web
  • Stenciljs
  • JavaScript
  • Web-Component
2019-11-25
6 minutes to read

Case study: isitblackfridayyet.app

Learn how you can, in a couple of hours create a product from A to Z using amazing technologies such as StencilJS, Workbox, Puppeteer, Github Actions and Firebase.
  • Web
  • Stenciljs
  • JavaScript
  • Web-Component
  • Node
  • Github-Actions
  • Firebase
  • Puppeteer
2019-11-25
2 minutes to read

Lit Element rendering strategies explained

Rendering performance is not easy to achieve if you do not understand the concepts behind it (event loop, device refresh rate, microtasks etc.). In that post we will review those concepts and see how you can leverage them to achieve 60fps rate with Lit-element.
  • Web
  • Lit-Element
  • Web-Component
2019-04-01
5 minutes to read

Categories

  • Web
  • Ops
  • Devops

Tags

  • Angular
  • AngularJS
  • JavaScript
  • Ionic
  • Web-Component
  • Dark-Mode
  • Redux
  • Stenciljs
  • Firebase
  • Git
Older posts
linkedin twitter github
2011 - 2025 Julien Renaux