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.

How to write more readable, self-explanatory, and effective regular expressions in PHP.

In recent years, instagram.com has seen a lot of changes — we’ve launched stories, filters, creation tools, notifications, and direct messaging as well as myriad other features and enhancements…

My experience building advanced reporting with Eloquent

We examine the interesting and creative ways type has been used across the horological world...

Step by step instructions to start gathering your own detailed Core Web Vitals data and use it to generate advanced reports.

I'm back from a week at my mom's house and now I'm getting ads for her toothpaste brand, the brand I've been putting in my mouth for a week. We never talked about this brand or googled it or anything like that. As a privacy tech worker, let me explain why this is happening. 🧵

A stable software development model combined with the elasticity of serverless solutions.

RxJS helps developers author declarative code for handling side effects and asynchronous actions with continuous data streams and subscriptions.

A collection of hundreds of fully responsive Talwind blocks & components. Ready to copy-paste into your Tailwind project.

Making GitHub’s new homepage fast and performant — Tobias Ahlin describes how the scrolling effects are done more performantly thanks to IntersectionObserver

A CSS drawing experiment to see what’s possible with a single div.

Learn about the strict lazy loading setting that allows you to disable it entirely for non-production environments.

The Content module is a git files based headless CMS that provides powerful features when it comes to write blogs, documentation sites or just adding content to any regular website. In this post we will go through most of the benefits of this module and discover how we can create a blog with it.

An online lecture course by Scott Jehl.

A visualizer to help you learn how the DOM Event system works through exploration

Notion’s data model enables the product’s most foundational component: blocks. Through blocks, we allow users more flexibility over their information.

JavaScript has come a long way since I knew it as the “D” in DHTML. For anyone like me, who’s been reluctant to use the latest syntax that could require polyfills or a transpiler, I’ve written this cheatsheet to get you caught up on all the goodness that’s widely supported in modern browsers.

Presented by Evan Coury @EvanDotPro Presented on December 18, 2014 More and more large companies and websites are switching over to Nginx + PHP-FPM for increased performance and more efficient resource utilization. When properly tuned, this duo can be a perfect match for high traffic situations. However, it only takes one small oversight in the configuration to bring your site to a grinding halt under high load. Join Evan Coury, owner of Roave, as he shares all of his tips and tricks learned throughout years of high scalability consulting and running several extremely high traffic websites. We’ll cover how to optimally tune PHP-FPM worker pools, sysctl, and Nginx to get the most out of your servers. Additionally, we’ll cover adding additional capacity to handle traffic spikes, load balancing, and more. Meet Evan Coury Evan Coury is a core contributor and long-time user of Zend Framework who is perhaps most well known in the community for authoring the all-new ZF2 module system. He is currently a professional software architect, independent consultant, and owner of Roave, LLC, a full-service web development consulting firm specializing in PHP and Zend Framework. Evan is a strong proponent of free, open source software and also runs the successful SMSCloud.com international SMS gateway.

In this article I’ll share some tips and advice about HTML.

Inside the all-hands meeting that led a third of the company to quit, and an executive to resign

Most people use form requests solely for validation, but they can also help to keep your controllers clean. Here's how we use them in Mailcoach

Update, April 9, 2021 : We've launched Am I FLoCed, a new site that will tell you whether your Chrome browser has been turned into a guinea pig for Federated Learning of Cohorts or FLoC, Google’s latest targeted advertising experiment. The third-party cookie is dying, and Google is trying to create...

Pandas is by far the most popular tool for data analysis. It's packed with useful features, it's battle tested and widely accepted. However, pandas comes at a cost which is often overlooked. SQL databases has been around since the 1970s. They contain many features that most developers never heard of, and I want to bring some of them to light.

I was writing a tiny website to display statistics of how much sponsored content a Youtube creator has over time when I noticed that I often write a small tool as a website that queries some data from a database and then displays it in a graph, a table, or similar. But if you want to use a

Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load. This means that it’s essential to get loading and displaying them right, if you want to give your users a fantastic first impression. An excerpt from Addy Osmani's new book (also, check a free PDF preview). We’re happy and honored to have teamed up with Addy to publish a dedicated book on image optimization, and the book is now finally here!

CSS tips and tricks you will not see in most tutorials.

FFmpeg cheat sheet. GitHub Gist: instantly share code, notes, and snippets.

Presented by Ann Gaffigan (@anngaff) December 21, 2017 Hypothetically speaking, what if you wanted to change all of the lightbulbs in your house to use LED bulbs, but your current wiring didn’t support LED bulbs? You would need to re-wire your house, which would take a long time. In the meantime, you wouldn’t have any working electricity. Is there a better way? What if there was an adapter that could transition LED to work with old wiring if necessary, or if the wiring was new, just work as usual? That’s a metaphor for how I figured out how to gradually upgrade a legacy (LAMP) code base to be compliant with PHP 7.0. Since PHP deprecated the MySQL extension functions as of PHP 5.5.0 and removed in 7.0, we needed to transition a LOT of code in a legacy system to use the modern MySQLi extension functions. In trying to figure out how to upgrade the code base without ceasing new development on the system, we decided to use an adapter database class to allow us to transition gradually. In this session, we’ll explain how the adapter class works and also the rules we put in place to ensure there was an end to the transition tunnel.

A suite of open source content editing and real-time collaboration tools for developers building apps like Notion or Google Docs.

Tl;dr: We use !important because it solves annoying specificity issues. Despite being overkill in most situations, we haven't come across any practical drawbacks from globally enabling it. If you want to learn more about how we came to that conclusion and how CSS specificity…

The way we style text hasn’t changed much over the years. There have been numerous advancements to help make things more flexible, like layouts, but in terms

This is Jess B Peck's personal website. SEO, Analytics, big data, small data, and the web.

Lofi music streams for studying, working, and relaxing.

A post by Zach Leatherman (zachleat)

Learn how to use Laravel's view components effectively.

Presented by Anthony Ferrara @ircmaxell Presented on July 24, 2014 Many people teach design patterns as a fundamental step to Object Oriented Programming. They are so universally seen as important that almost every single programming conference that I have been to has had at least one talk about them. They are quite often used as interview questions to test a candidate’s OOP knowledge. However, just like inheritance, they are not needed for OOP. And just like inheritance, they are a distraction rather than a foundation. Instead of focusing on patterns, I suggest focusing on learning about abstraction and communication. Why? Come and find out!

Presented by Asmir MustaficThis talk explains how to develop and deploy to production your application built with Docker.The presentation starts from the development environment and passing by Continuous Integration arrives to Production.It shows an workflow that allows to compose many tools and best practices to obtain fast development and no downtimes.

Vite supports JSX out of the box (you might have to rename .js files to .jsx), so there are no additional steps to get started with React. However, you'll probably want to enable React Refresh for a better development experience. React Refresh lets you edit components without…

Bring your team closer to you. One click to share and remote control any window. Get things done together like never before.

Here is why SQLite is a perfect tool for you - whether you are a developer, data analyst, or geek.

In 2021, we're taking on the challenge of refactoring the CSS of our entire UI codebase to Tailwind. Learn more about how we're going to achieve this.

Groove Pizza is a playful tool for creating grooves using math concepts like shapes, angles, and patterns. Start working with one of the special pizza presets and add/remove toppings to adjust the groove, or click on the Shape Pizza tab and drag various shapes onto the big circle to play and explore math-inspired grooves. Share your creation on social media, or continue your groove over at the online digital audio workstation at Soundtrap.com.

Spammers have one goal, send as much spam as cheaply as possible, with good IP's that are not blocked, and we've been hearing more and more reports of Laravel apps getting their SMTP credentials hacked and then the attackers using those to send junk.

23 founder @archtechx

Learn how to identify and fix layout shifts.

In versions of Xdebug before version 3 setting up step debugging for code inside Docker containers has often been challenging to say the least. However, in version 3 it’s become almost trivial. In this short tutorial, I’ll step you through what you need to do, regardless of the (supported) text editor or IDE you’re using.

Using Search Console and Lighthouse to monitor Core Web Vitals, they discovered opportunities for optimizing CLS score by 0.2 which led to 15% increase in page views per session, 13% longer session duration, and 1.72 percentage point decrease in bounce rate.

The CSS content-visibility property enables web content rendering performance benefits by skipping rendering of off-screen content. This article shows you how to use this new CSS property for faster initial load times, using the auto keyword. You will also learn about the CSS Containment Spec and other values for content-visibility that give you more control over how your content renders in the browser.

If you ever wondered how the developers of YouTube or Vimeo cope with billions of video uploads or how Netflix processes its catalogue at scale or, again, if you want to discover how to create and develop your own video platform, you may want to know...

Nodes is a new way to create with code.

Browse the latest international jobs and discover exciting global career opportunities. Find your next job abroad here.

Alan Kay mentions in a talk that the Smalltalk don't scale quite well to big teams and infrastructure. However, he had some ideas on how to make OOP scale.

HTTP is fundamental to modern development, from frontend to backend to mobile. But like any widespread mature standard, it's got some funky skeletons in the...

Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.

A lot can happen in 9 years. Back then I was still advocating that you should unit-test your controllers and that setter injection is very helpful when replacing controller dependencies with test doubles. I’ve changed my mind: constructor injection is the right way for any service object, including controllers. And controllers shouldn’t be unit tested, because: Those unit tests tend to be a one-to-one copy of the controller code itself. There is no healthy distance between the test and the implementation. Controllers need some form of integrated testing, because by zooming in on the class-level, you don’t know if the controller will behave well when the application is actually used. Is the routing configuration correct? Can the framework resolve all of the controller’s arguments? Will dependencies be injected properly? And so on. The alternative I mentioned in 2012 is to write functional tests for your controller. But this is not preferable in the end. These tests are slow and fragile, because you end up invoking much more code than just the domain logic.

The mindset of modularized applications applied to monoliths.

Hi everyone 👋 Today I wanted to share with you the Ultimate Cheatsheet Compilation. I hope...

Over the last weeks I have seen a few people tweet or write about the burden of open-source maintainership or being a public person in a programming community.

​This book maps the concepts and ideas in DDD and transposes those concepts into clean, testable and quality code to prototype and work effectively alongside the Laravel framework. Readers will learn to implement the concepts and patterns present in DDL as a complete web application.