#webdev #css #css3

How to style the previous element in a list on (e.g.) hover

For a long time, this was not possible as CSS goes from top to bottom, so going back was a big no-no. Luckily, we now have the .has() selector now, and with a bit of creative thinking, we can now go back up the chain.

👉 Read article

@webdev_trends

#webdev #WordPress #WP

Top Three Challenges WordPress Developers Face

WordPress, the world’s most popular content management system (CMS), powers over 40% of all websites on the internet. Its flexibility, extensive plugin ecosystem, and ease of use make it a favorite among developers and businesses alike. However, WordPress development is not without its challenges. Whether you are a seasoned developer or just starting, here are the top three challenges WordPress developers often face and some tips on how to overcome them.

👉 Read article

@webdev_trends

#webdev #WordPress #WP

WordPress 6.6 “Dorsey” Release — All You Need to Know

It has been a month since the WordPress 6.6 release has arrived. The new WordPress version 6.6 was released on July 16, 2024 and has brought a host of exciting features.

WordPress 6.6 was named after the legendary trombonist Tommy Dorsey. It is designed with the user in mind, aiming to streamline workflows and provide more creative freedom.

As we explore the new functionalities and enhancements, you’ll discover how this latest update not only refines existing capabilities but also introduces innovative tools that can transform the way you build and manage your website.

👉 Read article

@webdev_trends

#webdev #WordPress #WP

How to Improve the Lighthouse Performance Score For Your WordPress Site

Lighthouse is a powerful tool created by Google to help improve the quality of web pages. It provides insights into performance, accessibility, SEO, and more.

A high Lighthouse score is crucial because it enhances user experience, boosts SEO rankings, and speeds up your website.

This guide will walk you through the steps to improve your Lighthouse performance score for your WordPress site using the latest data and best practices.

👉 Read article

@webdev_trends

#webdev #WordPress #WP

How to create a WordPress website

Learn how to make a WordPress website with our easy guide. It’s perfect for both beginners and experienced web developers. This guide will teach you everything you need to know to build a great WordPress site.

👉 Read article

@webdev_trends

#webdev #WordPress #WP

How to build a WordPress Blog (Unbeatable in 2024)

WordPress is the most popular content management system (CMS) in the world.

It’s free, open-source software that has been around since 2003 and has become an integral part of every website owner’s toolkit.

This post will show you how to get started with your own WordPress blog on any hosting plan you choose – whether that means installing it yourself or using an automated installer service like WPEngineer.

👉 Read article

@webdev_trends

#webdev #WordPress #WP

Popular Misconceptions About WordPress Development

WordPress remains one of the most popular content management systems (CMS) in the world, powering approximately 40% of all websites. However, with its wide usage comes a host of misconceptions about its development process. At Lomos Archilabs, we believe in providing clarity on these myths. Let’s debunk some of the most common misconceptions surrounding WordPress development.

👉 Read article

@webdev_trends

#webdev #laravel #DTO

Why Use Laravel Data

I’ve been using Laravel Data for the last 1 month and I found that it’s a time saver if you don’t want to debug your arrays when passing into functions/methods as parameters.

In this blog post, we’ll explore its key features, and why you should consider using it in your next Laravel project.

👉 Read article

@webdev_trends

#webdev #php #mvc #guide

Building a Minimal MVC Application in Vanilla PHP: A Step-by-Step Guide

Creating a minimal MVC architecture from scratch can be overwhelming. However, it is one of the most effective ways to understand the core concepts of any framework. In this article, we will create a basic and functional bookstore application with some core functionalities. This project is designed to be minimal and focused on helping you grasp the core concepts of MVC architecture without the overhead of complex features.

By following this guide, you will have a straightforward application that facilitates users to add, view, update, and delete books from the application. This tutorial will equip you with the knowledge to create a clean and efficient MVC structure in vanilla PHP. Let’s dive into coding!

👉 Read article

@webdev_trends

#webdev #php #ddd #guide

Practical Domain Driven Design

Theory can lead to experience by practice. However theory without practice will not give us real understanding of how things are done.
Therefore we need to try things out, we need to get our hands dirty, if we want to understand fully and become confident in what we do.

The same is with Domain Driven Design (DDD), we may read multiple blogs, watch videos, or even go to workshops, yet those, without our own practice will not give us real understanding.

👉 Read article

@webdev_trends

#webdev #php #ddd #guide

Streamlining Database Queries with Laravel Query Scopes

Theory can lead to experience by practice. However theory without Laravel’s query scopes provide an elegant way to encapsulate common query constraints, making your database queries more readable, reusable, and maintainable. Let’s dive into how you can leverage query scopes in your Laravel applications.

👉 Read article

@webdev_trends

#webdev #php

PHP Design Architectures: Frameworks vs. No Framework

PHP has been a foundational language for web development for over two decades, widely recognized for its simplicity, flexibility, and robust community support. Despite the emergence of newer languages and technologies, PHP remains a dominant choice for web developers due to its adaptability and continuous evolution. One of the critical decisions PHP developers face is whether to use a framework or opt for a framework-less (vanilla PHP) approach.

👉 Read article

@webdev_trends

#webdev #laravel #php #DI

Mastering Dependency Injection with Laravel’s Service Container

Laravel’s service container is a powerful tool for managing class dependencies and performing dependency injection. It’s at the heart of many Laravel features and can significantly improve your application’s flexibility and testability. Let’s explore how to leverage the service container in your Laravel applications.

👉 Read article

@webdev_trends

#webdev #php #scraping

How to Solve reCAPTCHA with Puppeteer in PHP for Web Scraping

Ever hit a wall with reCAPTCHA while scraping data? I’ve been there too. Those CAPTCHA challenges can turn a simple scraping task into a major hurdle. But don’t worry — I’ve got a solution that’ll help you breeze past those barriers.

In this blog, I’ll lead you through using Puppeteer, a powerful Node.js library, to tackle reCAPTCHA challenges. We’ll then integrate this with PHP to make your web scraping tasks smoother and more efficient. Ready to tackle reCAPTCHA and get your data seamlessly? Let’s get in!

👉 Read article

@webdev_trends

#webdev #php

10 PHP Knowledge You Didn’t Know You Needed

Hypertext Preprocessor, or PHP, is one of the most popular web scripting languages. Although many developers know the fundamentals, there are greater levels of PHP knowledge that can greatly improve your productivity and development abilities. We’ll explore ten lesser-known PHP hacks, tidbits, and strategies in this blog post to help you become a better coder.

👉 Read article

@webdev_trends

#webdev #laravel #laravel11 #php

How to Generate PDF with Chart in Laravel 11

Hello, laravel web developers! In this article, we'll see how to generate a PDF file with the chart in laravel 11. Here, we'll create a PDF file and add the chart to the PDF file in laravel 11. This post focuses on how to display graphs in PDFs using Laravel 11.

We'll explore how to integrate charts with Laravel PDF generation. If you're looking for an example of generating PDFs with graphs in Laravel, you're in the right place.

You can easily create PDF files with images and charts in Laravel 9, 10, and 11.

👉 Read article

@webdev_trends

#webdev #laravel #php

Laracon US 2024: Laravel Cloud, Inertia v2, VS Code and Laravel 11 "Minor" Features

After watching the Laracon US live stream on YouTube last night, I compiled a "quick overview" of 4 BIG things Taylor Otwell introduced on stage, with screenshots and code examples I managed to capture.

So, not in the order Taylor presented them, but in the order of importance, in my opinion, let's go.

👉 Read article

@webdev_trends

#webdev #pest3 #php #testing

A Guide to Architecture Testing Presets in Pest 3

If you’re anything like me, you’re always looking for ways to improve your code quality and maintainability (but not at the expense of your ability to ship, right?). Writing architecture tests with Pest 2 is one of the ways to do it. But now, Architecture Testing Presets is Pest 3 will make it effortless.

👉 Read article

@webdev_trends

#webdev #html #css #frontend

The Dialog Element with Entry and Exit Animations

Una Kravets blogged the other day that animating entry effects are now supported in the latest stable version of all major browsers. The new cool way to do it, that is. We’ve long had trickery like applying a @ keyframe animation with a to frame that would behave like an “entry effect”, but it was a bit awkward and didn’t work in all situations. Specifically one like using the new and very useful <dialog> element.

👉 Read article

@webdev_trends

#webdev #html #css #frontend

What Skills Should You Focus on as Junior Web Developer in 2024?

Let’s say Junior Web Developer means you’re either just starting out learning, you’ve got a job but are early in your career, or somewhere between those. Our goal with this guide is to give you things to learn that we believe will serve you well. That is, they will make you a better developer and ideally a more employable and promotable employee.

👉 Read article

@webdev_trends

#webdev #ci

How I automate electron-to-chromium updates

For the past 6 or so years I’ve been maintaining the electron-to-chromium package and I realise I never wrote a blog post about it. Electron-to-chromium is an NPM package that maps Electron versions to Chromium versions so you can input e.g. Electron 32 and get back Chrome 128.

This is useful because a lot of tools will happily take “Chrome >= 128” as a configuration option for e.g. transpilation and minification, but it’s pretty annoying to look up the chromium version of your electron release each time.

👉 Read article

@webdev_trends