From the Blog
Here are the latest posts from my blog.
I cover mostly frontend, JAMstack, WordPress, and freelancing topics.
Did you know that I am running UI Dev Newsletter? Subscribe now
Using ChatGPT to generate cover letters
Letās say you are applying for a job and want to write a cover letter that stands out. ChatGPT could help you there, and here is how.
I browsed more than 700 websites in search of a job
I found a list of 700 remote-friendly companies and opened every link searching for a job. Read the suggestions about the Careers page and job listings.
I do HTML and CSS for a living
I have a sticker from Smashing Magazine saying, āI do CSS/HTML for a living,ā and that is what I genuinely do.
2022 Lookback
I reflect on my experience and achievements in the web development industry in 2022. Read my insights on the latest trends and technologies in the field.
How to create slides with HTML and CSS
Discover how to create stunning CSS-only slides with my step-by-step guide. Learn how to use advanced CSS techniques to make engaging presentations.
Why I never understood CSS-in-JS
As a CSS purist, I had questions and comments on breaking up with CSS-in-JS and documented them in a blog post.
In search of a frontend UI developer job
I am actively searching for a new job. Here are my observations about searching for a fully remote frontend UI developer job.
I am not that excited about new CSS features
Discover the reasons why I am not overly enthusiastic about the new CSS features in this thought-provoking article.
How do I explain to my friends what I do?
My friends, who don't code, sometimes ask me what I do for a living, and I usually answer that I build websites.
Website analytics with Netlify Functions and Google Sheets
I gave up on analytics on my site a long time ago, but I was interested to see if anyone visits my site these days, so I built my own simple analytics.
In search of a CSS developer job
Discover the unsuccessful journey of finding a CSS developer job on Twitter, search engines, LinkedIn, job boards, and company pages.
About roles in the front-end development department
Recently I figured that Iām going to call myself a website developer, emphasizing website heavily. It is because all other terms are somewhat vague. Here's why.
How long did it take you to get comfortable with coding?
Getting comfortable with coding is definitively tricky and individual. It took me several years to get comfortable with HTML, CSS, and JavaScript.
How to Make a āRaise the Curtainsā Effect in CSS
Learn how to create a visually stunning "raise the curtains" effect while scrolling over a sticky element in this step-by-step guide.
The CSS from-font Value Explained in 4 Demos
I found the CSS from-font value for the text-decoration-thickness property. I did a little research what I found (and learned) is interesting.
FormData doesnāt include disabled fieldsets
Discover the issue with form data and disabled fieldset elements in this comprehensive article. Learn how to effectively handle form data in web dev projects.
2021 Lookback
Discover my journey in web development and my reflections on the past year with my 2021 lookback article.
In defense of CSS
Discover why CSS is a crucial aspect of web deve and why it deserves more recognition. Read my defense of CSS and its importance in creating modern websites.
How I learn things after 10 years
Amazed by experienced web professionals constantly learning, I too learn but in a different manner than before.
How To Build An Expandable Accessible Gallery
In this article, you will learn how to set up a gallery that is expandable as well as accessible with a few tips and tricks along the way.
Using CSS Variables for reduced motion on a global scale
Learn how to use CSS Variable and prefers-reduced-motion media feature to remove or minimize animations and transitions on global scale.
Appreciation for being a web developer
I appreciate living comfortably while doing what I like and working on exciting projects with top professionals. Thank you, web development.
My Fourth Year Of Freelancing
Reflect on my journey as a freelancer in the past four years and read insights on balancing clients, personal projects and learning as a remote worker.
How to find and insert Unicode symbols in HTML
I will show you a few ways how you could find and insert the Unicode symbol in HTML (or any other file).
Nightmare DX (Developer Experience): Shopify
The first in a series about poor developer experience, this article covers Shopify and it's friendliness to developers.
You donāt need React for building websites
As I gain experience, I use less libraries/frameworks and rely on HTML, CSS, and JavaScript. I suggest considering doing the same.
The evolution of the design of my site
As any self-respected developer, I redesigned my site many times. I thought it would be fun to document all these designs and see the evolution.
What does āit dependsā mean in web development
What does āit dependsā mean in web dev? Exploring the nuances of the phrase in client scenarios.
First Year of UI Dev Newsletter
After the first anniversary of the UI Dev Newsletter, I wanted to share how and why I am running it. Read the whole story and get some useful links.
Tools for Auditing CSS
Streamline your CSS auditing process with this developer's guide. Discover the tools you need to tackle the task effectively.
You want enabling CSS selectors, not disabling ones
Learn about the importance of using the correct CSS selector and avoid the common mistake of overwriting previous styles.
2020 Lookback
Join me as I reflect on my experiences and lessons learned during 2020. Read my 2020 lookback article.
How to Get Sticky and Full-Bleed Elements to Play Well Together
I had a unique requirement the other day: to build a layout with full-bleed elements while one element stays stuck to the top.
The first year of my side project: Code Line Daily
A year since launching my side project Code Line Daily, I wanted to reintroduce the project and discuss challenges faced.
My Third Year Of Freelancing
The third year of my freelancing career has been successful thanks to honest and open communication, quality time management and support from my family.
Tips On Learning Web Development
If you are a beginner, here are ideas about how to start learning web development, especially if you are into UI development.
A Story of Becoming a Web Developer
Let me tell you a story about Silvestar, a fellow who learned how to code, took some chances during his career and become a solid, confident web developer.
My Favorite VS Code Settings
These are my favorite VS Code settings: Breadcrumbs, Minimap, Saving and Formatting, Bars and Windows.
I just finished redesigning my site
Learn about my recent website redesign journey, including the challenges faced and the solutions implemented for a better user experience.
Page builders might not be a good idea
Read my thoughts and concerns about page builders and why you might think twice before you consider using it (again).
How to create a multi-step form the easy way
Transform your long form into a manageable, user-friendly experience with this step-by-step tutorial on how to create a multi-step form.
The UI Development Mentoring Program
I have decided to give it a shot with a brand new mentoring program for UI development. Fill out the form today!
How to animate SVG signature
Animate an SVG signature with JavaScript and CSS: calculate path length with JavaScript and animate strokes with CSS.
2019 Lookback
Reflect on my past year with 2019 Lookback. Read about the challenges, accomplishments and lessons learned during the whole year.
How I built my second Progressive Web App (PWA)
As of today, my side project Code Line Daily is available as a Progressive Web App. This post is a sequel to my previous PWA post.
How I built my first Progressive Web App (PWA)
As of today, my site is available as a Progressive Web App. In this post, you would learn more about how and why I added this exciting feature to my site.
Interview for Remote Working Hub
I shared my personal experiences to help you work remotely successfully on Remote Working Hub.
What I learned from my GitHub profile
GitHub profile reveals how often do you contribute, and what kind of projects do you like. Here's what I learned from my GitHub profile.
A Comparison of Static Form Providers
Find the best static form provider for your needs with this review of the most popular options. Get help with validation, storage, notifications, and more.
My favorite extensions for web development
Essential for web development, web browsers offer extensions to improve web products. I use Chrome and prefer these extensions.
Announcing Code Line Daily
Last week I launched Code Line Daily, a project featuring new frontend, PHP, and WordPress code every day. Learn how I built it.
My favorite Netlify features
Experience the magic of JAMstack development with Netlify. See why this platform is a standout choice for developers in 2019.
How to add a contact form to a static website
Add a static website contact form with ease using Kwes form builder. Follow this tutorial to learn how.
My second year of freelancing
About two year ago, I started with a freelance career. Here is what I have been doing, what did I learn and which problems I stumbled upon.
Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!
Create a stylish row of links that interconnect with chevron-like shapes and notches using this simple tutorial.
5 things to consider when creating your CSS style guide
CSS style guides play a crucial role in any project. Keep these 5 things in mind when working with them for better results.
Bookmarks, Saves, Hearts, Stars, Claps
Discover the benefits of keeping your online bookmarks organized and explore the different ways you can save, heart, star, and clap your favorite content.
Custom WordPress Theme Development with SPRO
SPRO is a boilerplate of predefined Gulp tasks. The mission is to set up the development environment for your project without writing Gulp tasks again and again. In this article, I am going to show you how to configure SPRO for custom WordPress theme development.
Introducing SPRO
SPRO, a Starter Project CLI, sets up your next project's perfect dev environment by understanding architecture and creating Gulp tasks.
Just My Routine As A Remote Worker
Successful remote work requires routine and discipline. Here's my recipe for balancing clients, projects, and skills.
2018 Lookback
It is the beginning of the new year, and it is time to look back to 2018, but from a technology perspective. I have learned a lot, here are my findings.
Building an Animated Sticky Header With Custom Offset
Position: sticky allows for CSS-only sticky elements, but animating stucked element couldn't be done without JavaScript.
Alpha, Beta, Gamma naming convention
A few months ago I started using Alpha, Beta, Gamma naming convention. It began as a temporary thing, but it stuck eventually, and now I am using it all the time.
If you are starting a new website, consider using Hugo
Not only Hugo is āthe worldās fastest framework for building websites,ā it is also packed with powerful features that makes website development very pleasable.
Roadmap, September 2018.
I built a career roadmap to remind myself of the importance of planning. Keeping track of the vision is key, even if not every goal is met.
Using CSS Grid where appropriate (revisited)
Here's a follow-up on my last year's article "Using CSS Grid where appropriate." The goal is to find a solution for navigation with an unknown number of items.
Overview of Popular Static Site Generators
Discover why serving static HTML files is a smart move for improved caching, faster load times, and enhanced security. See how static page generators differ.
The essential skill of a developer
Being a developer requires specific skills and tools. I realized what the essential skill for one developer is.
My first year of freelancing
About a year ago, I started with a freelance career. This experience has changed me as a professional, but also as a person.
Starter Project - Gulp tasks for CSS
This article is part of a series about Starter Project, and this time I will explain all about Gulp tasks for CSS.
Starter Project - A set of the latest best practices packed in Gulp tasks
This article is the very first article in a series about Starter Project, a set of the latest best practices packed in Gulp tasks. In this article, I am going to explain the idea behind this project, how it could help you on your project and how to use it.
Classily.js - Toggling classes more classily
I made a Classily.js plugin for elegant class toggling. Simple yet powerful, it can solve complex tasks when used correctly.
From WordPress to Hexo
Get a fast, lightweight website with a static site generator. Find out how these systems compile templates into static HTML pages.
Fixing Google Analytics caching issue
null
Using CSS Grid where appropriate
I recently redesigned my blog and learned many things about CSS Grid along the way. Read all about my findings.
How to create crooked shadow
I recently worked on a challenging project and had to add a shadow on a crooked border. Here is how I made it.
_bem - WordPress theme with BEM methodology
Discover the power of BEM in building WordPress themes with this comprehensive guide. Learn how to create clean and organized code with BEM methodology.
CSS sidebar toggle
Learn how to make CSS-only sidebar toggle accessibible by adding a small JavaScript code snippet.
Angular dragtable
Angular dragtable is an Angular directive that allows table column reorder.
Recursively includible Angular directive
Recently I worked on an Angular project with a requirement for a form based on an MVC model. I created a directive to generate a form for every complex models.
How to automate development with Atom
Automating dev processes is key, but the multitude of tools available can be overwhelming and time-consuming to learn. Here's how to do it in Atom IDE.
CSS tabs, part II: Accessibility
I wrote about CSS tabs, which was popular and gained many visitors. Surprised by accessibility comments, I investigated and added accessibility to my solution.
How to handle keybindings in Atom
Recent Atom articles discussed packages for easier work. But what if a keybinding is already in use by another package?
How to make tabs using only CSS
There are two basic approaches for developing CSS tabs: using target pseudo selector and list with checked pseudo selector.
How to lint inside Atom
Lint, linter, linting? What is it and why you should use it? I'll try to show you how Atom linter packages could save you a lot of development time.
Perfect local server with Atom
As an experienced developer, I seek simple solutions for most tasks and found them in Atom for streamlined development.
Github Atom minimap packages
One of the most popular features for Atom out there is a minimap. It's a code preview in a small sidebar window.
Github Atom Git packages
Developers often rely on a version control system and one of the most popular is Git.
First steps with Github Atom
This is the first article in a series about my perfect Atom setup. First topic is installation and initial setup.