Skip to content

Instantly share code, notes, and snippets.

View pixelmattersdev's full-sized avatar

Pixelmatters Dev pixelmattersdev

1 follower · 0 following
  • http://www.pixelmatters.com
  • Porto
View GitHub Profile
@pixelmattersdev
pixelmattersdev / 001-linear-rotation.css
Created April 16, 2024 13:33
Intro to CSS animations: a tutorial for dynamic web designs
.core-cloud {
/* ...CSS styles for this element */
animation: 2s linear infinite rotate-core;
}
@keyframes rotate-core {
0% {
transform: rotate(0deg);
}
@pixelmattersdev
pixelmattersdev / 001-initial-setup.sh
Last active August 22, 2023 10:02
Manage multiple front-end projects with a monorepo
mkdir demo-monorepo
cd demo-monorepo
npm init -y
git init
@pixelmattersdev
pixelmattersdev / 01-package.json.js
Last active November 4, 2022 10:12
How to migrate from Vue 2 to Vue 3
// package.json
{
// ...
"dependencies": {
"vue": "^3.2.0", // UPDATE
"@vue/compat": "^3.2.0" // ADD
// ...
@pixelmattersdev
pixelmattersdev / 1-cache-control-private.yml
Created September 5, 2022 13:11
Caching strategies for your website: SSG, SSR, and CDN
Cache-Control: private
@pixelmattersdev
pixelmattersdev / 01-initial-setup.sh
Last active April 15, 2023 06:17
How to develop an offline Front-End app with mock data
git clone git@github.com:Pixelmatters/setup-project-demo.git project-demo-msw
cd project-demo-msw
npm install
@pixelmattersdev
pixelmattersdev / 01-initial-setup.sh
Last active November 30, 2023 03:23
How to set up a Front-End project with Vite, React, and TypeScript
npm init vite@latest demo-project -- --template react-ts
@pixelmattersdev
pixelmattersdev / bisect-bad-msg-2.txt
Last active March 7, 2022 10:58
Git bisect blog post
git bisect badc4c708a3fecc993abbe2469ba05f0adfd4f6adfa is the first bad commit
commit c4c708a3fecc993abbe2469ba05f0adfd4f6adfa
Author: Gil Mendes
Date: Mon Nov 8 16:04:07 2021 +0000
feat: add link to the blog post
src/Animation.svelte | 4 ++--
src/App.svelte | 3 ++-
2 files changed, 4 insertions(+), 3 deletions(-)
@pixelmattersdev
pixelmattersdev / diff.patch
Created February 23, 2022 12:46
Git bisect blog post
git show c4c708a3fecc993abbe2469ba05f0adfd4f6adfa
commit c4c708a3fecc993abbe2469ba05f0adfd4f6adfa
Author: Gil Mendes <gil00mendes@gmail.com>
Date: Mon Nov 8 16:04:07 2021 +0000
feat: add link to the blog post
diff --git a/src/Animation.svelte b/src/Animation.svelte
index ddf37a9..a02575a 100644