Tagged “all”
-
Home
-
Page not found - Error 404
-
About me
-
My blog
-
Thirteenth place on Eleventy Leaderboards
-
2018 lookback
-
2019 lookback
-
2020 lookback
-
2021 lookback
-
2022 lookback
-
2023 lookback
-
2024 lookback
-
5 things to consider when creating your CSS style guide
-
A Comparison of Static Form Providers
-
A few interesting facts from my GitHub activity
-
From WordPress to Hexo
-
A story of becoming a web developer
-
About roles in the front-end development department
-
Alpha, Beta, Gamma naming convention
-
Angular dragtable
-
Announcing Code Line Daily
-
Announcing A Dedicated Dev
-
Appreciation for being a web developer
-
Be careful with ch units
-
Be careful with logical properties and transpiling CSS
-
_bem - WordPress theme with BEM methodology
-
Bookmarks, Saves, Hearts, Stars, Claps
-
Building a live preview with Eleventy and Contentful
-
Building an animated sticky header with custom offset
-
Clamp it! VS Code extension
-
Classily.js - Toggling classes more classily
-
Code Line Daily extension is live again
-
Cross-browser testing with the Microsoft Remote Desktop app
-
CSS sidebar toggle
-
CSS tabs, part II: Accessibility
-
Custom WordPress theme development with SPRO
-
Dealing with constant rejection
-
Developer’s research process
-
Drawing a line to connect elements with CSS anchor position
-
Extracting and using Critical CSS on my Eleventy site
-
Fetch, process, output, style, listen
-
First year of UI Dev Newsletter
-
Five pieces of advice for more accessible websites
-
Fixing Google Analytics caching issue
-
FormData doesn’t include disabled fieldsets
-
First steps with Github Atom
-
Github Atom Git packages
-
Github Atom minimap packages
-
How do I explain to my friends what I do?
-
How I built my first Progressive Web App (PWA)
-
How I built my second Progressive Web App (PWA)
-
How I learn things after 10 years
-
How long did it take you to get comfortable with coding?
-
How to add a contact form to a static website
-
How to animate SVG signature
-
How to automate development with Atom
-
How to build an expandable accessible gallery
-
How to create a multi-step form the easy way
-
How to create crooked shadow
-
How to create slides with HTML and CSS
-
How to create dynamic OG images with serverless function using Sharp library
-
How to find and insert Unicode symbols in HTML
-
Get sticky and full-bleed elements to play well together
-
How to handle keybindings in Atom
-
How to lint inside Atom
-
How to make a “Raise the Curtains” effect in CSS
-
How to make tabs using only CSS
-
How to measure page loading time with Performance API
-
I am not that excited about new CSS features
-
I browsed more than 700 websites in search of a job
-
I do HTML and CSS for a living
-
I just finished redesigning my site
-
If you would have told me…
-
In case of ...
-
In defense of CSS
-
In search of a CSS developer job
-
In search of a frontend UI developer job
-
Infinite-Scrolling Logos In Flat HTML And Pure CSS
-
Interview for Remote Working Hub
-
Introducing SPRO
-
If you are starting a new website, consider using Hugo
-
Migrating to Eleventy 2.0
-
The essential skill of a developer
-
My favorite bash shortcuts in 2023
-
My favorite Chrome extensions in 2023
-
My favorite Chrome extensions for web development
-
My favorite Netlify features
-
My favorite NPM packages in 2023
-
My favorite VS Code extensions in 2023
-
My favorite VS Code settings
-
My first year of freelancing
-
My fourth year of freelancing
-
My second year of freelancing
-
My third year of freelancing
-
Nightmare DX (Developer Experience): HubSpot
-
Nightmare DX (Developer Experience): Shopify
-
Oh, the many ways to make triangular breadcrumb ribbons!
-
OKLCHanger VS Code extension
-
Overview of popular Static Site Generators
-
Page builders might not be a good idea
-
Perfect local server with Atom
-
Recursively includible Angular directive
-
Just my routine as a remote worker
-
Reset with CSS unset
-
Roadmap, September 2018.
-
Save MBs by converting from GIFs to videos with Cloudinary
-
Starter Project - A set of the latest best practices packed in Gulp tasks
-
Starter Project - Gulp tasks for CSS
-
Switching from CommonJS to ESM
-
Testing localhost on multiple devices
-
The CSS from-font value explained in 4 demos
-
The evolution of the design of my site
-
The first year of my side project: Code Line Daily
-
The :has selector in use
-
The :is selector in use
-
The :not selector in use
-
The UI Development Mentoring program
-
Tips on learning web development
-
Tools for auditing CSS
-
Transition between pages smoothly with a few lines of CSS code
-
Transition between pages smoothly with a single line of code
-
Using ChatGPT to generate cover letters
-
Using CSS Grid where appropriate (revisited)
-
Using CSS Grid where appropriate
-
Using CSS Variables for reduced motion on a global scale
-
Website analytics with Netlify Functions and Google Sheets
-
What does “it depends” mean in web development
-
What I learned from my GitHub profile
-
Why I never understood CSS-in-JS
-
With or without the JS framework
-
You don’t need React for building websites
-
You want enabling CSS selectors, not disabling ones
-
Zero accessibility errors
-
Browser bookmarks
-
Pocket bookmarks
-
My branding
-
Contact me
-
Thank you for contacting me
-
My favorites
-
My favorite concerts
-
My favorite music
-
My favorite TV shows
-
My links
-
Approximately Blue
-
Atika Interijeri
-
Bozzuto
-
Calvert
-
CodeScan
-
Contiamo
-
Credit Card Insider
-
Domino Data Lab Pop-up
-
Domino Data Lab Rev
-
Domino Data Lab
-
Empirical Wealth
-
Flexera
-
Franciscan Children's
-
Han Han Xue website
-
Heyflow
-
Irina & Matej
-
Spartan Precision Equipment
-
Little Bundle
-
Marcijuš Studio
-
Moodings
-
Netki
-
Pinecone
-
Revenera
-
TheGrio
-
Westwing
-
Wunder Mobility
-
Trase Yearbook 2018
-
Advent of UI components
-
Day 1: Button 🎅
-
Day 2: Tag 🎁
-
Day 3: Gallery 🍿
-
Day 4: Banner 🚩
-
Day 5: Split 💔
-
Day 6: Horizontal rule 〰️
-
Day 7: Intro 💬
-
Day 8: Hero 🦸♂️
-
Day 9: Header ☝️
-
Day 10: Footer 👇
-
Day 11: Video embed 📺
-
Day 12: Figure 🖼️
-
Day 13: List 🗒️
-
Day 14: Blockquote 💬
-
Day 15: Breadcrumb 🍞
-
Day 16: Table 🎶
-
Day 17: Card 🎴
-
Day 18: Social share 🔗
-
Day 19: Pagination 📖
-
Day 20: Code block 💻
-
Day 21: Notification 🤫
-
Day 22: Checkbox 🧦
-
Day 23: Radio button 📱
-
Day 24: Details 🎹
-
Code Line Daily
-
CSS Auditors
-
CSS Masonry
-
Dev Cards 360
-
Making a website with Hugo
-
Invalid CSS
-
float: top
-
:wrapped { ... }
-
display: masonry
-
display: visually-hidden
-
animation-repeat-period: 3s
-
text-color: linear-gradient(...)
-
color: anthracite
-
position: temporal
-
position-items: center
-
font-family: system-font
-
place: center
-
collapsing: none
-
border-color: gradient(...)
-
:stuck { ... }
-
Advent of redesign
-
Day 1
-
Day 2
-
Days 3 and 4
-
Day 5
-
Day 6
-
Days 7, 8 and 9
-
Day 10
-
Day 11
-
Day 12
-
Days 13, 14 and 15
-
Day 16
-
Day 17
-
Day 18
-
Day 19
-
Day 20
-
Days 21 and 22
-
Day 23
-
Day 24
-
Ribbons
-
Hexo theme SB
-
SPRO / Starter Project CLI
-
The UI Dev Mentoring Program
-
Subscribe
-
Issue #1
-
Issue #2
-
Issue #3
-
Issue #4
-
Issue #5
-
Issue #6
-
Issue #7
-
Issue #8
-
Issue #9
-
Issue #10
-
Issue #11
-
Issue #12
-
Issue #13
-
Issue #14
-
Issue #15
-
Issue #16
-
Issue #17
-
Issue #18
-
Issue #19
-
Issue #20
-
Issue #21
-
Issue #22
-
Issue #23
-
Issue #24
-
Issue #25
-
Issue #26
-
Issue #27
-
Issue #28
-
Issue #29
-
Issue #30
-
Issue #31
-
Issue #32
-
Issue #33
-
Issue #34
-
Issue #35
-
Issue #36
-
Issue #37
-
Issue #38
-
Issue #39
-
Issue #40
-
Issue #41
-
Issue #42
-
Issue #43
-
Issue #44
-
Issue #45
-
Issue #46
-
Issue #47
-
Issue #48
-
Issue #49
-
Issue #50
-
Issue #51
-
Issue #52
-
Issue #53
-
Issue #54
-
Issue #55
-
Issue #56
-
Issue #57
-
Issue #58
-
Issue #59
-
Issue #60
-
Issue #61
-
Issue #62
-
Issue #63
-
Issue #64
-
Issue #65
-
Issue #66
-
Issue #67
-
Issue #68
-
Issue #69
-
Issue #70
-
Issue #71
-
Issue #72
-
Issue #73
-
Issue #74
-
Issue #75
-
Issue #76
-
Issue #77
-
Issue #78
-
Issue #79
-
Issue #80
-
Issue #81
-
Issue #82
-
Issue #83
-
Issue #84
-
Issue #85
-
Issue #86
-
Issue #87
-
Issue #88
-
Issue #89
-
Issue #90
-
Issue #91
-
Issue #92
-
Issue #93
-
Issue #94
-
Issue #95
-
Issue #96
-
Issue #97
-
Issue #98
-
Issue #99
-
Issue #100
-
Issue #101
-
Issue #102
-
Issue #103
-
Issue #104
-
Issue #105
-
Issue #106
-
Issue #107
-
Issue #108
-
Issue #109
-
Issue #110
-
Issue #111
-
Issue #112
-
Archive
-
Web Dev Zoo
-
Font weight affects the color contrast
-
Always write meaningful alt attributes
-
Respect the user’s motion settings and reduce animations
-
Use display: contents with great caution
-
Use meta referrer tag to control referrer information
-
Don’t forget the lang attribute
-
Using requestAnimationFrame makes smoother animations
-
Don't save sensitive data in localStorage
-
Hire me
-
Why I never understood CSS-in-JS slides
-
Denise Weidlich
-
Devran Taskesen
-
François-Luc Giraldeau
-
Jana Bartels
-
Nasia Kudaibergen
-
Nicholas Bailey
-
Robert Hufton
-
Rosa Cruz
-
Theresa Kneißle
-
Tim Endom
-
My setup
-
No advertisement at all
-
What I don't do
-
Portfolio
-
Publications
-
My services
-
Side projects
-
Making a website with Hugo: About
-
Making a website with Hugo: Lessons
-
Making a website with Hugo: Lesson 1
-
Making a website with Hugo: Lesson 2
-
Making a website with Hugo: Lesson 3
-
Making a website with Hugo: Lesson 4
-
Making a website with Hugo: Lesson 5
-
About Hexo theme SB
-
Documentation for Hexo theme SB
-
Getting started with Hexo theme SB
-
Hexo Tag
-
About
-
Apply to the program
-
Resources
-
Slides
-
Coding mentoring slides
-
Inspirational mentoring slides
-
Learning mentoring slides
-
Useful mentoring slides
-
Tips
-
Feedback
-
Sponsorship
-
My slides
-
Tags
-
Testimonials
-
Adam Maschek
-
Aditya Shah
-
Bob Laurent
-
Christine White
-
Cory Schmidt
-
David Schulman
-
Edo Liberty
-
Evan Lavidor
-
Grigoriy Kogan
-
Han Han Xue
-
John Ganotis
-
Karim Mansi
-
Katie Long
-
Mara Franke
-
Pablo Pareja Tobes
-
Rachel Ivey
-
Rebecca Jacobs
-
Ryan Kelly
-
Sarah Gates
-
Stephanie (Annie) Andrews
-
Will O'Brien