The full story about why procrastinators routinely ruin their own lives.

Have you struggled with the system because it was hard to change? Have you wanted to upgrade Framework or PHP version, however it required…

The social rewards that come from imitating others feel good, but they come at a high price. Here are 25 Anti-Mimetic ideas that can help us

Origami artist Juho Könkkölä spent 50 hours folding an origami samurai from a single square sheet of paper, with no cutting or ripping used in the process. He describes his process on Reddit: Folded from a single square sheet of 95cm x 95cm Wenzhou rice paper without any cutting.

Minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default.

If you've never had to wrangle a difficult client, this blog post is your opportunity to prepare. Disagreements happen, some people handle them better than others, how we conduct ourselves in these situations have a profound impact on the trajectory of our careers.

A list of defensive CSS techniques to avoid potential future issues

The promise of a decentralized and trustless future is forever just that: a promise, and in the future.

If you're having trouble with your productivity, consider finding the root using the 5 Whys technique.

Personal blog of Julien (jvoisin) Voisin

I'd like to present five books that have changed my mind about software development showing me lots of concepts, techniques and tips. Let's see them and why I they were so valuable to me

30 underrated reasons to be thankful, starting with the fact that atomic bombs don’t ignite the atmosphere

Modern PHP Cheat Sheet from the book Front Line PHP

Brent Roose, Nikita Popov, Larry Garfield, Dmitry Stogov, Matthieu Napoli, and Aaron Piotrowski talk about all the new features in PHP 8.1.https://php.net/re...

The preview release of Microsoft Power Fx is now available as open source on GitHub  You can now freely integrate this Excel-like, low code programming language in all of your own projects.

Automate your work on any website

The Laravel 12.x Artisan cheatsheet. Discover Laravel 12.x php artisan commands.

Paradigm; a nice word that means “a theory or a group of ideas about how something should be done, made, or thought about” (Merriam-Webster). In software development we have them too. From the philosophy and history of science courses I’ve followed, I remember that scientists working with different paradigms have great difficulty understanding each other, and appreciating each other’s work. Paradigm Shifts An example of a paradigm is the theory that the sun revolves around the earth. To a certain extent this is a fruitful theory, and it has been used for thousands of years. There’s of course another paradigm: the theory that the earth revolves around the sun. This is also a fruitful theory, and it can be used to explain a lot of observations, more than the previous theory. Still, people got angry with each other for moving the earth out of the center of the universe. Paradigm changes, or shifts, occur when the old theory has been stretched too much. It becomes impossible to hold on to it. Then some people start to experiment with a completely different paradigm, one that sounds totally weird, but in the end proves to have more power.

— The personal website of Sara Soueidan, inclusive Web UI engineer

As software developers, we're always learning new things; it's practically the whole gig! If we can learn to quickly pick up new languages/frameworks/tools, we'll become so much more effective at our job. It's sort of a superpower.

The product factors that make it work so so well

Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.

Images are a common source of performance bottlenecks for web applications and a key focus area for optimization. This document explains how the Aurora team at Google designed a powerful image component in Next.js that is built-in with a number of optimizations using a developer-friendly interface. This post discusses how the component was designed and the lessons we learned along the way.

At Vercel, our mission is to enable developers to build and publish wonderful, high-performant apps and websites. Learn more about Vercel here.

30'000 Mi Piace prossimo video!Iniziamo il walkthrough gameplay di Ratchet & Clank Rift Apart!!#RatchetandClank #RatchetandClankITA #PS5Un imperatore robotic...

The technology that powers Continuous Localization at Canva.

This document discusses performance best practices that you can use when loading third-party embeds, efficient loading techniques and the Layout Shift Terminator tool that helps reduce layout shifts for popular embeds.

Alan Kay — “father of personal computers" — is best known for his work on personal computing and for leading the team that developed Smalltalk.

As someone just sittin' back watching CSS evolve, it feels like we're at one of the hottest moments of innovation in CSS history. It was really something when

How to use use position:absolute less by leveraging modern CSS

2001: A Space Odyssey – Stanley Kubrick’s 1968 sci-fi masterpiece – seems an appropriate place to start a blog about typography in sci-fi. Amongst other delights, it offers a zero-gravity toi…

The experience of using Livewire seems magical. It’s as if your front-end HTML can call your PHP code and everything just works. A...

A quickstart generator for Laravel projects.

In this article I'll explain the basics of using the Messenger component of Symfony. I'll cover the basic usage of this versatile component.

Important, Read This First You’re about to read a blog post with a lot of advice. Learning from those who came before us is instrumental to success, but we often forget an important caveat. Almost all advice is contextual, yet it is rarely delivered with any context. “You just need to charge more!” says the company […]

In this tutorial, learn how to create custom routes files that do not set sessions.

Losing the sense of being in the know about what's going on at the company is one of the most common concerns I hear regarding working remotely. Both at the managerial level and between coworkers. There's a real fear that staying remote for too long will eventually lead to nobody really knowing what's going on, and thus the organizatio...

Just as each workday is a little different, the same can be said about digital projects. Some digital projects are big and require large teams, months of collaboration, and brand new everything to bring them from beginning to...

I had one of those little single-serving designer helper sites bookmarked the other day: getwaves.io. Randomized SVG waves! Lots of cool options! Easy to

A site where folks talk about running small and large web apps in production. Topics include tech stacks and DevOps / deployment tips.

I'm Chris McCord. I work at Fly.io and created Phoenix, an Elixir web framework. Phoenix provides features out-of-the-box that are difficult in other languages and frameworks. This is a post about how we created LiveView, our flagship feature.

Animations made simple. The fast and light animation library for JS, React and Vue. Motion uses browser APIs like WAAPI and ScrollTimeline for a tiny filesize and superfast performance. Previously Framer Motion.

During the 1970s and 1980s, Robert Tinney illustrated some of the most amazing computer artwork for BYTE magazine.

The 7GUIs tasks written in vanilla HTML, CSS & JS.

Configure Laravel's validator to accept an image or a video in a single field with different file size rules for each.

In essence, everything is a string. Well, you can always go one layer deeper and find out what a string really is, but for web apps I work on, both input data and output data are strings. The input is an HTTP request, which is a plain-text message that gets passed to the web server, the PHP server, the framework, and finally a user-land controller. The output is an HTTP response, which is also a plain-text message that gets passed to the client. If my app needs the database to load or store some data, that data too is in its initial form a string. It needs to be deserialized into objects to do something and later be serialized into strings so we can store the results.

Skipper is visual editor for ORM frameworks Doctrine, Doctrine 2, MongoDB ODM, Propel and CakePHP. It allows to import, edit and export ORM definitions in easy-to-use graphical interface.

An Open Source collection of Design Principles and methods

Handling millions of daily users efficiently and securely does not happen by chance, here's some what goes into it.

Welcome to WaterBear, the home of imperfect activists. Discover stories that make you feel good and tools to help you do good.

Using AWS Lambda and other AWS services to build a cost efficient, highly available email formatting and delivery service with event tracking. Creating email layouts is hell on earth. Manually…

These rare photos from the end of the 19th century capture a range of Bedouins at a time of change. As modern governments projected their power into previously ungovernable tracts of the desert, ma…

Whenever I read a test method I want to understand it without having to jump around in the test class (or worse, in dependencies). If I want to know more, I should be able to “click” on one of the method calls and find out more. I’ll explain later why I want this, but first I’ll show you how to get to this point. As an example, here is a test I encountered recently:

Many video streaming services show GIF animations in the frontend when users fast forward and rewind throughout a video. This helps customers see a preview and makes the user interface more intuitive. Generating these GIF files is a compute-intensive operation that becomes more challenging to scale when there are many videos. Over a typical 2-hour […]

Riverside 2.0 introduces automated editing tools, transcriptions, iPhone app upgrades, full HD screen-share recordings, and more!

Awesome tips for Laravel

You can build a functional CDN on an 8-year-old laptop while you're sitting at a coffee shop. Here's what a CDN you put together in five hours might look like.

The mental minefield of capex and opex

In this article, you’ll learn the similarities and differences between Laravel vs. Symfony and choose the one that best suits your project.

I got together with Tim Kadlec from over at WebPageTest the other day to use do a bit of performance testing on CSS-Tricks. Essentially use the tool, poke

With Postgres, you don't need to immediately look farther than your own database management system for a full-text search solution. If you haven't yet given Postgres' built-in full-text search a try, read on for a simple intro.

Insights from the Kablamo Engineering Team

I've picked up a ton of useful tips over the years developing and writing about Vue. Some are clever, some I use almost every day, and some are more advanced — but they're all useful.

Flashcards that can predict when you'll forget them. Zorbi makes it easy for anyone to create flashcards from Chrome and note-taking tools like Notion.

A guide for collaborating with networks of people, working together towards a common purpose.

How a team that was new to Elixir over-delivered a big project in just three months.

Half a decade after the first commit of the pioneering ACSS, utility-first CSS is more popular than ever. With success comes many adepts but also a fair shar...

The document outlines advanced techniques for implementing custom relationships in Laravel using Eloquent, particularly focusing on ternary relationships. It discusses the limitations of traditional many-to-many relationships and introduces methods to manage these complexities through the use of belonging and eager loading strategies. The goals include understanding Eloquent's model and query builder classes, solving the n+1 problem, and implementing a basic belongstoternary relationship.

Last time, I explained that, although estimating software project timelines is hard, you should do it anyway. With that background, I want to go into some detail and share the technique I use when I need to develop a project timeline. I don’t believe there’s a single “correct” technique; this is one system that works well for me. However, my system does have one critical characteristic that I believe any effective estimation technique should have: it captures both time and uncertainty.

It’s well established that estimating software projects is hard. This is true, but you should learn how anyway.

Last week I gave a talk at AlpineDay entitled "From Vue to Alpine: How & Why". I put up my slides from my AlpineDay talk, "From Vue to Alpine: How & Why":https://t.co/xTzIl0FGunAnd also the files I used to test performance:https://t.co/tB5EThfEEJ pic.twitter.com/Jv8P7iDBcv— Matt Stauffer (@stauffermatt) June 10, 2021 In the talk I shared a few situations in which I've moved applications that were previously using Vue to use Alpine instead, for the sake of Google's Core Web Vitals. These sites were using Vue for light enhancements on top of a server-rendered app, and I found that Alpine is lighter to load and parse in these cases. I still stand by everything I said in the talk. However, a large swath of the Internet discovered my slides, hadn't heard the talk, and assumed I was badmouthing Vue. So, I wanted to write a post about how we can optimize our usage of Vue for this same scenario! How do we minimize Vue's impact on the Core Web Vitals? When Vue is too heavy In my talk, I described working on the Tighten website to improve its Core Web Vitals scores. For that particular site, we were using Vue for some very small components, and the combination of Vue's loading time and the components' initial processing time in the browser led to a significant delay for loading the page. I discovered I could solve our problem by replacing those components with Alpine components, and realized — and then gave a talk about this idea — that Alpine is an ideal fit, even for a Vue-loving agency like ours, for enhancements above vanilla JavaScript and below heavy dashboards and SPAs. Gimme my Vue! However, many of our sites — and likely yours, if you're reading this — are ideal for Vue, so we're not just going to drop it. Instead, let's look: can we optimize our page load speeds? There's a whole group of answers that have to do with code splitting and async loading, which you can find a link to down at the bottom of this post. But there are two strategies that are very similar to what I talked about in my talk, so they're the ones I'm going to cover in this talk. Making Vue load faster If you define your Vue components inline in your HTML (rather than in single-file components), it turns out this requires a heavier (larger file download) and slower (more processing power spent) version of Vue. This version has an in-browser compiler, which causes the impact to load size and processing time. I talked briefly with Evan You, the creator of Vue, who taught me that the "runtime-only" version (meaning, with no compiler) of Vue is 2/3rd the download size of the full Vue. He also gave me two ideas for how we can shrink Vue's load size and processing time. 1. Pre-compile your templates and use the "runtime" Vue build As I mentioned above, if Vue is going to have to compile Vue component definitions from your HTML, it has to include an in-browser compiler, which makes the script file larger and the proces

I've worked with a number of clients on Elixir projects and I've onboarded myself, I've been onboarded and I've onboarded others. And compared to my experiences with PHP/Python/Javascript and my limited experience with C#/.Net I have experienced quite a difference.

This week I had the privilege of speaking to design students at two universities about my career. Here are some of the things I shared, most of which were answers to their questions. 1. The greatest…

For varying levels of seniority, from senior, to staff, and beyond.. “An incomplete list of skills senior engineers need, beyond coding” is published by Camille Fournier.

The rules that help make good improv comedy can surprisingly help make good product too. Let's run through interesting parallels between the two, and how you can apply some lessons from improv to build better product.

To Share session across domain and it's multiple especially when you have large ecosystem were...

In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered HTML Emails and SVG Generators. This time we look into different kinds of tools to help you streamline your accessibility testing process. Don’t miss the next one.