Fredrik’s front-end quick read #14
What does: How to achieve an image “blur up” effect using only about 20 characters A CSS section separator generator (?!) Tim Kadlec exploring… Read More »Fredrik’s front-end quick read #14
Web Development
Fredrik’s front-end quick read #13
Lighthouse makes changes as to how performance score is calculated. Bootstrap 5 is (almost) around the corner and it seems to drop support for both… Read More »Fredrik’s front-end quick read #13
Fredrik’s front-end quick read #12
New year, new things to learn! Read on to learn how to make a grid-powered resume, what happened to React in 2019, if the Weird… Read More »Fredrik’s front-end quick read #12
Fredrik’s front-end quick read #11
The end of yet another year is upon us, and what can I say… Front-end development is moving crazy-fast, so enjoy some holiday merriment, relaxation… Read More »Fredrik’s front-end quick read #11
Fredrik’s front-end quick read #10
In this issue you’ll find a solution for the “full-height” issue on mobile, Compress JSON into URL-friendly strings, a different approach to commit messages, 2019… Read More »Fredrik’s front-end quick read #10
Fredrik’s front-end quick read #8
Happy birthday W3C, you are now too old to enroll as a trainee in the Indian Merchant Navy. Sass Modules has arrived, Firefox DevTools has… Read More »Fredrik’s front-end quick read #8
Fredrik’s front-end quick read #7
Learn React in 10 tweets, 127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or Less, Webhint has found it’s way into Firefox DevTools,… Read More »Fredrik’s front-end quick read #7
Lets look into version 2 of Sketch2React ☀️☄️✨
Which actually will be v1 with a different name Why change the name? Maybe it’s the stupidest thing we’ll ever do. Maybe not. But it makes… Read More »Lets look into version 2 of Sketch2React ☀️☄️✨
My 2 cents about the web in 2020
This might someday be based on a true story. No one can predict the future, but if what I write here comes to pass.. then… Read More »My 2 cents about the web in 2020
Fredrik’s front-end quick read #4
Everyone who has applied for a job has gone through the hiring process. The process might differ slightly between companies (and countries), but they all… Read More »Fredrik’s front-end quick read #4
How to create image links and style them with hover effects
Here’s a very straight forward simple tutorial on how to create image links with Sketch and Sketch2React. Step 1 Step 1 — Convert your image into a symbol… Read More »How to create image links and style them with hover effects
Sketch2React Grids to get you started
Why create all of these free demo files and resources one may ask? How do you grow a tree or a plant? By nurturing it.… Read More »Sketch2React Grids to get you started
Line animations with Keyshape and Sketch app
In this tutorial I’ll show you how to do fast line animations with Keyshape app using the Stroke Dash Offset properties and animating them. I… Read More »Line animations with Keyshape and Sketch app
Sketch to Keyshape Super Short Tip
When preparing your vector assets in Sketch for SVG export this little trick will be very handy. Enjoy. ?