Pine
A blog about web development
- Website
- pineco.de · all feeds from this site
- Feed URL
https://pineco.de/feed/
Read it in your FeedListing reader
Or add to: Feedly Inoreader Raw feed
Latest posts
-
Why Should We Care About Accessibility?
Well, the million-dollar question, so here are my two cents. First, it would be much easier if I could tell you because of money. In this case, we would be done right now. Everybody would understand it. Our primary motivation as a person is money. Which is understandable because…
-
Functional Array Manipulations in JavaScript
Simple array collection manipulation is an essential part of any language. In JS, we have a lot of helper methods that we can quickly get, modify and transform our base data. We will alter – through examples – the following cart array: const cart = [ { name: 'iPhone 14', price:…
-
5 Great CSS Framework in 2024
Using a CSS (or any kind) framework is usually something essential. A predefined system or toolkit can help you save a lot of work in the short and long run. In 2023 there are a lot of CSS frameworks to choose from, but the quality differs. There are the big names and the…
-
What is a CSS Framework?
A CSS framework is a complete library that helps you create faster and more coherent. Besides this, it gives you a base system and ships with a set of UI components you can customize and include in your project. Why Do We Need a CSS Framework? The main goal of every type of…
-
Spruce CSS Introduction
Let me introduce you to Spruce CSS, another CSS framework. Spruce is our very own lightweight design system built on Sass. What is Spruce CSS? It is a Sass-based, small framework that operates with just a few utility classes. It takes advantage of the Sass members: variables,…
-
Should We Open Links in a New Tab?
The short answer is mostly no; we shouldn’t. Opening a link in a new window is acceptable in some cases, but otherwise, we neglect the user’s choice. If we want, we can use the target=”_blank” attribute and value on any link to open a link in a new tab. Opening something in this…
-
Update npm Dependencies
Updating npm dependencies isn’t a big task, but sometimes it can be more complicated depending on our needs. To understand the package updating mechanism, first, we have to understand the versioning and the nature of npm. Semantic Versioning Managing packages is a big deal in…
-
Design Systems Book – A Great Starting Point
Design systems are all around us, but it is still hard to specify what it is. At some point, we all use a system (on different levels), but because it is resource-intensive, we usually don’t have the luxury to work on one. About The Design Systems A design system is a set of…
-
Generating Incremental Usernames
When we are working with users or posts, one of the features that we often need is generating usernames or slugs. However handling duplications automatically is not always straightforward. Let’s see how can we use a very simple solution: generating incremental usernames.…
-
Designing in the Browser
Designing in the browser is one method to create our websites or applications. It isn’t the oldest methodology and is usually not for everyone. For me, it is a convenient way the design, and in this article, I try to tell you why. It is quite a popular idea to use Bootstrap or…
-
Is jQuery Really a Bad Choice Today?
Today it is a widespread custom to kick into jQuery and every project where it is present. We like to criticize, which is not necessarily a problem. Although I think it is worth checking out today’s jQuery to see the bigger picture. It Is Always Come Up Last week, the newest…
-
5 Laravel E-commerce Packages
In general, building/developing a webshop or an online store is not easy. There are many tasks on our list, and more to come when stepping forward. So it’s good if we do have a starting point and there is a package that we can use already as an online store provider. Let’s take…
-
Bazar: An E-Commerce Package for Laravel
In January 2020, we’ve started to work on a new package for Laravel that provides a wide range of e-commerce features for your application. Now, we are about to finish the version v0.1, so let’s take a look at Bazar! Why building another package? This has several reasons, let me…
-
What Is the Accessibility Tree?
The accessibility tree is the part of the DOM (Document Object Model). For every DOM element, there is also an accessible object in the accessibility tree. The information in the accessibility tree is useful for screen-readers and other assistive technologies. Of course, it has…
-
Accessibility in Real Life
The inclusive design is a broad topic that contains universal design and digital accessibility too. Knowing one is often a good idea to grasp the other one. For me learning about universal design is an excellent addition to web accessibility. The concept is usually the same,…
-
Route Bind Contracts in Laravel
Laravel’s route model binding is a very powerful feature. It provides a nice and simple way to fetch automatically models from the database based on the credentials that the URI contains. Let’s take a look at how to make it even more flexible by binding contracts instead of…
-
How and Why to Use Modern jQuery in WordPress
One of WordPress’s significant dependency is jQuery. Usually, it is hard to remove from our front-end entirely, but we surely can optimize it. A lot of developers don’t like WordPress because of the legacy code (support) that comes from the generous backward compatibility…
-
Using Computed Columns in Laravel
MySQL and SQLite (from version 3.31.0) support the generated column definitions. Let’s see how can we use computed columns in our database schema and in what scenarios should we add them to our migrations. Virtual and Stored Columns Basically there are two types of computed…
-
Run Custom Commands with Prepros
Prepros is a great tool to handle your generic build tasks like compiling Sass, process images, and bundle JavaScript. Currently, we can use the 7th version of it, which has more knowledge than ever before. I like to use this small tool to simplify my development process. You…
-
WordPress-like Hooks and Filters in Laravel
One of the most powerful tools in WordPress is the hook system it uses. It’s a nice way to modify values from anywhere. It adds huge flexibility to any WordPress site. Let’s take a look, how to implement this in Laravel. The Basic Concept The basic idea is really the same as the…