Skip to content

DEV Community

Adrian Bece

React, Frontend, Magento 2 certified developer. Magento PWA Studio contributor. Rock and metal music fan. Reads Dune, sci-fi novels and Calvin & Hobbes. Creates amazing interfaces @ prototyp.digital

Osijek Joined on Aug 10, 2018 adrianbece@live.com https://codeadrian.github.io/

Work

Technical lead at PROTOTYP

PROTOTYP

gatsby-omni-font-loader

Font loader optimized for maximum performance. Removes render-blocking font resources and loads them asynchronusly. Handle FOUT & FOUC with font loading status watcher. Supports both local-hosted fonts and web fonts.

TypeScript • 102 stars

recipeMagic

JavaScript • 7 stars

codeAdrian.github.io

Portfolio website made with 11ty

CSS • 6 stars

react-use-scroll-indicator

React hook for using scroll indicator

TypeScript • 6 stars

adrians-music-collection

React based site for my music collection

JavaScript

React, Javascript, Magento, CSS, PostCSS, TypeScript, Firebase, etc.

https://codeadrian.github.io/
https://recipe-magic.netlify.app/
https://adrians-music-collection.netlify.app/

56 posts published

153 comments written

8 tags followed

Jan 10 '22

clay.css - micro CSS util for creating claymorphic UI

#webdev #css #html #productivity

2 min read

Want to connect with Adrian Bece?

Create an account to connect with Adrian Bece. You can also sign in below to proceed if you already have an account.

Already have an account? Sign in

Jan 11 '21

Create animated navigation indicator with HTML, CSS and JS

#javascript #webdev #html #css

3 min read

Dec 28 '20

I've created an awesome painting app using React and Canvas API

#showdev #react #webdev #javascript

3 min read

Nov 16 '20

Published my first NPM package - here's what I learned

#webdev #javascript #productivity #npm

4 min read

Nov 15 '20

Made the switch to Discord from Slack or MS Teams? Want to hear your thoughts

#discuss #productivity #help #programming

1 min read

Adrian Bece for PROTOTYP

Nov 3 '20

Load fonts asynchronously & handle FOUT with my Gatsby plugin

#react #gatsby #webdev #javascript

5 min read

Oct 28 '20

Some Halloween CSS fun

#showdev #css #webdev

1 min read

Oct 12 '20

Let's do a frontend & UX review - YR redesign

#webdev #tutorial #ux #productivity

5 min read

Oct 5 '20

Let's do a frontend & UX review - Dr. Martens

#webdev #tutorial #productivity #ux

5 min read

Sep 21 '20

Why you should always consider user intent and expectations when creating UI

#webdev #productivity #tutorial #beginners

4 min read

Sep 7 '20

How to polyfill JavaScript fetch function for Internet Explorer

#javascript #webdev #tutorial

3 min read

Adrian Bece for PROTOTYP

Aug 31 '20

Improving website performance by eliminating render-blocking CSS and JavaScript

#javascript #webdev #css #tutorial

5 min read

Adrian Bece for PROTOTYP

Aug 24 '20

Best way to lazy load images for maximum performance

#webdev #tutorial #html #javascript

4 min read

Aug 10 '20

Stickers & Milestones - Celebrating 2 awesome years on DEV

#watercooler #career #meta #motivation

4 min read

Jul 22 '20

Using CSS Houdini with Progressive Enhancement & Final Thoughts

#javascript #webdev #css #tutorial

3 min read

Jul 20 '20

CSS Houdini's Layout API explained

#javascript #webdev #css #tutorial

4 min read

Jul 15 '20

CSS Houdini's Animation API & animation timeline explained

#javascript #webdev #tutorial #css

5 min read

Jul 13 '20

CSS Houdini Paint API explained

#webdev #javascript #css #tutorial

4 min read

Jun 22 '20

CSS Houdini Worklets, Paint API and Font Metrics API

#webdev #javascript #css #tutorial

4 min read

Jun 17 '20

Typed Object Model API & Custom Properties And Values API

#webdev #css #javascript #tutorial

5 min read

Jun 15 '20

CSS Houdini introduction & future of CSS

#css #webdev #tutorial #javascript

4 min read

Jun 11 '20

Frontend developer, Twilio hackathon winner, ecommerce developer turned React developer... Ask Me Anything!

#ama #discuss #webdev #watercooler

1 min read

Apr 29 '20

HomeBound - My submission to the Twilio x DEV Hackathon!

#twiliohackathon

6 min read

Apr 23 '20

DEV x Twilio Hackathon Journey: Working all day and night

#twiliohackathon

1 min read

Apr 14 '20

DEV x Twilio Hackathon Journey: Ready, set, go!

#twiliohackathon

2 min read

Jan 21 '20

My personal website - from zero to hero in 5 years

#showdev #webdev #beginners #motivation

11 min read

Jan 7 '20

Revealing Module Pattern in JavaScript

#webdev #javascript #beginners #tutorial

6 min read

Nov 12 '19

You can create these elements without JavaScript

#webdev #html #css

3 min read

Nov 6 '19

Let's create a floating label input with HTML and CSS only

#webdev #tutorial #css #html

4 min read

Oct 31 '19

Have you ever created something that can be considered a "dark pattern"?

#discuss #webdev #career #ux

1 min read

Adrian Bece for PROTOTYP

Oct 28 '19

UX lessons learned from eCommerce projects

#webdev #ux #productivity

8 min read

Oct 22 '19

Icon systems for the web - an in-depth guide

#webdev #html #css #beginners

6 min read

Adrian Bece for PROTOTYP

Oct 16 '19

Improving CSS performance and file size - an in-depth guide

#css #webdev #productivity

7 min read

Oct 11 '19

Relics of the (programming) past

#discuss #watercooler #programming #history

1 min read

Adrian Bece for PROTOTYP

Oct 7 '19

Improve your CSS with these 5 principles

#css #webdev

5 min read

Adrian Bece for PROTOTYP

Oct 1 '19

Optimizing images for the web - an in-depth guide

#webdev #beginners #productivity #html

8 min read

Sep 25 '19

React Custom Hooks: useEventListener

#react #tutorial #webdev

2 min read

Sep 19 '19

What are the essential non-dev skills every developer should have?

#discuss #career #productivity

1 min read

Sep 16 '19

ShowDEV: Food recipe web app with diet, health and nutrition info

#showdev #react #webdev

2 min read

Sep 10 '19

Are you satisfied with the accessibility on the web?

#discuss #a11y #webdev

1 min read

Adrian Bece for PROTOTYP

Sep 4 '19

Implementing Skeleton Loading in React

#react #webdev #tutorial

4 min read

Aug 28 '19

PostCSS Preset Env: Babel for CSS

#webdev #css #productivity #beginners

3 min read

Aug 22 '19

Checklist for choosing an optimal npm package

#npm #node #beginners #javascript

3 min read

Aug 18 '19

Responsive text truncation with CSS

#css #webdev #beginners

1 min read

Adrian Bece for PROTOTYP

Aug 13 '19

Building Custom React Hooks

#react #webdev #tutorial #hooks

5 min read

Aug 11 '19

currentColor (a CSS variable before CSS variables were cool)

#explainlikeimfive #css #webdev #beginners

1 min read

Aug 9 '19

What have you learned this week?

#discuss #motivation #beginners #weeklyretro

1 min read

Adrian Bece for PROTOTYP

Aug 6 '19

Javascript ES6: Destructuring with default values

#javascript #webdev

1 min read

Aug 5 '19

Thoughts on company culture & team alignment

#discuss #culture #leadership #career

1 min read

Adrian Bece for PROTOTYP

Aug 5 '19

React: useEffect explained with lifecycle methods

#react #webdev #javascript

2 min read

Aug 2 '19

Do you use CSS frameworks or create your own (frameworks, toolkits)?

#discuss #css #webdev

1 min read

Aug 2 '19

Mastering CSS: Magic Numbers

#css #webdev #beginners

4 min read

Aug 1 '19

Music Collection App

#showdev #react

1 min read

Aug 1 '19

Accessibility: Hiding content in CSS

#a11y #css #html #codenewbie

2 min read

Jul 31 '19

Mastering CSS: Vertical Rhythm

#css #verticalrhythm #postcss #design

4 min read

Jul 31 '19

React Custom Hooks: Scroll Indicator

#react #hook #scroll #javascript

1 min read

loading...