The Evolution of Spotify Home Architecture
Samuels: Imagine putting on your headphones and listening to your favorite song or discovering a new artist whose songs you just can't live without, or hearing an album that just dropped by an artist that you already know and love and adding those songs into your rotation.
Saved
on: 2019-06-19
How to Section Your HTML | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The sectioning elements in HTML5 are <nav>, <aside>, <article>, and <section>.
Saved
on: 2019-06-19
Relearn CSS layout: Every Layout
If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves. Through a series of simple, composable layouts, Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS.
Saved
on: 2019-06-17
Minimal Project Management - Hiltmon
With my team starting to grow at work, its time to add some Project Management to our process. However, I do not want this to add any additional time, meetings or burden on them (or myself) and so all of the popular formal processes are no good for my needs.
Tags:
#productivity
Saved
on: 2019-06-16
Intro to VuePress 1.x – ULIVZ – Medium
TL;DR: This post is a speech reinterpretation of the same name given to me on 3th VueConf Shanghai on June 8th, 2019, you can click this link to get the full slides. Since April 2018, with the hard work of the maintainers, VuePress, a static website generator launched by Vue.
Tags:
#vuejs
Saved
on: 2019-06-11
7 Absolute Truths I Unlearned as Junior Developer
Next year, I’ll be entering my 10th year of being formally employed to write code. Ten years! And besides actual employment, for nearly 2/3 of my life, I’ve been building things on the web.
Saved
on: 2019-06-08
hgraca/explicit-architecture-php: This repository is a demo of Explicit Arc
The "Symfony Demo Application" is a reference application created to show how to develop Symfony applications following the recommended best practices. This repository is a demo of Explicit Architecture, using the Symfony Demo Application.
Saved
on: 2019-06-07
How to Use Ansible: An Ansible Cheat Sheet Guide | DigitalOcean
Ansible is a modern configuration management tool that facilitates the task of setting up and maintaining remote servers. This cheat sheet-style guide provides a quick reference to commands and practices commonly used when working with Ansible.
Saved
on: 2019-06-07
Extract critical CSS | web.dev
Important: This guide describes an advanced performance technique that can improve performance, but can also lead to bugs if not implemented properly. Most sites should be able to achieve all of our recommended performance targets without implementing this technique.
Saved
on: 2019-06-05
This page is a truly naked, brutalist html quine.
This page is a truly naked, brutalist html quine. One of my favorite things is to misuse technology in creative ways. Breaking the rules without breaking the rules.
Saved
on: 2019-06-05
Any up to date tutorials about service layers, workers, data transfer object, mappers, factory and design patterns in general?
Saved
on: 2019-05-30
Building a stateless API proxy
Web APIs are lots of fun. However, things can get tricky when it comes to granting other applications access to your data on a specific service. I ran into this trickiness with the GitHub API. In Google Cloud we have client libraries for about 40 products across 8 programming languages.
Saved
on: 2019-05-30
Do you have a PHP-based site or product? And is the code open sourced somew
Disclaimer: I'm a self-taught old-school Web dude who got into this back in 1994 after the IMG tag was added to the HTML spec. I'm good with PHP, Jav
Saved
on: 2019-05-29
The Sass Ampersand | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The & is an extremely useful feature in Sass (and Less). It’s used when nesting.
Saved
on: 2019-05-28
Nick Craver - Stack Overflow: How We Do Deployment - 2016 Edition
This is #3 in a very long series of posts on Stack Overflow’s architecture. Previous post (#2): Stack Overflow: The Hardware - 2016 Edition We’ve talked about Stack Overflow’s architecture and the hardware behind it. The next most requested topic was Deployment.
Saved
on: 2019-05-28
Photographer Jun Yamamoto Captures The Magic Of Japan Streets At Night
Vibrant night urban shots by Jun Yamamoto a.k.a. jungraphy, a talented self-taught photographer, and retoucher currently based in Tokyo, Japan. Jun focuses mainly on urban and street photography.
Saved
on: 2019-05-27
13 Lucky Tips for using Anki and Spaced Repetition in 2019
For the past few years I've been using Anki to capture anything I want to remember long term. If I'm reading an important Wikipedia page I save it to Polar, annotate it directly, then create flashcards from the annotations.
Tags:
#learning
Saved
on: 2019-05-26
Build and Deploy Realtime Svelte 3 Apps Using GraphQL
Build a Realtime Svelte.js 3 App using GraphQL (svelte-apollo and Hasura Cloud) and Deploy on Now 2.0 Platform. Instant setup/sample-app -> svelte-apollo
Saved
on: 2019-05-24
jlevy/the-art-of-command-line: Master the command line, in one page
Note: I'm planning to revise this and looking for a new co-author to help with expanding this into a more comprehensive guide. While it's very popular, it could be broader and a bit deeper.
Tags:
#guide
Saved
on: 2019-05-23
Grid by Example - Usage examples of CSS Grid Layout
The following examples include an image of how the example should look in a supporting browser, they each link to a page with more information about the technique being shown, code and a CodePen of the example.
Saved
on: 2019-05-23
CQRS and Event Sourcing Intro For Developers - Software House ASC
Saved
on: 2019-05-22
How to build a Docker development setup for PHP Projects [Tutorial Part 3]
In this part of my tutorial series on developing PHP on Docker we'll lay the fundamentals to build a complete development infrastructure and explain how to "structure" the Docker setup as part of a PHP project.
Saved
on: 2019-05-20
Three.js Fundamentals
These articles have moved: Their new home is https://threejs.org/manual/.
Tags:
#javascript
Saved
on: 2019-05-18
HTML5 Aided Vue.js form validation
There are many great tools out there for form validation, being a creator of one I was wondering if we can get away with something simple. Form validation is a complex topic to nail down, but it depends on the size of your project and if there are complex validations required.
Tags:
#vuejs
Saved
on: 2019-05-16
Test-Driven Development: Really, It’s a Design Technique
Key Takeaways It is commonly accepted that any software we create must be tested to ensure it meets the functional requirements, but we must also test non-functional requirements, like security, usability, and -- critically -- maintainability.
Saved
on: 2019-05-14
PHP in 2019
Do you remember the popular "PHP: a fractal of bad design" blog post? The first time I read it, I was working in a crappy place with lots of legacy PHP projects. This article got me wondering whether I should just quit and go do something entirely different than programming.
Tags:
#php
Saved
on: 2019-05-13
Learn to change history with git rebase!
One of Git's core value-adds is the ability to edit history. Unlike other version control systems that treat the history as a sacred record, in git we can change history to suit our needs.
Saved
on: 2019-05-10
The Lean UX Canvas – Jeff Gothelf – Medium
In most of my work these days I don’t often use an official canvas.
Tags:
#ux
Saved
on: 2019-05-10
Inheritance versus composition [LWN.net]
The idea of "inheritance" is something that most students learn about early on when they are studying object-oriented programming (OOP). But one of the seminal books about OOP recommends favoring "composition" over inheritance.
Saved
on: 2019-05-09
Google Fights Back – Stratechery by Ben Thompson
For a company famed for its engineering culture, you wouldn’t expect a video at Google’s annual I/O developer conference to have such emotional resonance. And yet, just watch (I have included the context around the video in question, which starts at the 2:33 mark):
Saved
on: 2019-05-09
Vue Tailwind PurgeCSS — The right way – kyis – Medium
TailwindCSS is an amazing tool, but the extraneous utility classes it generates can bloat builds. That’s where PurgeCSS comes in, removing unused classes from our CSS output. PurgeCSS has sharp edges though—correct usage requires care, and just the right configuration.
Saved
on: 2019-05-09
CSSFX - Beautifully simple click-to-copy CSS effects
The domain cssfx.dev may be for sale by its owner! This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers.
Saved
on: 2019-05-08
HTTP headers for the responsible developer - Twilio
This article is a written version of the talk “HTTP headers for the responsible developer”. You can check the slides or the recording. Being online is the default state for many people these days.
Saved
on: 2019-05-08
When to declare classes final
In the last month, I had a few discussions about the usage of the final marker on PHP classes. It is therefore clear that coders need a better explanation of when to use final, and when to avoid it.
Saved
on: 2019-05-07
The “Design Tips” series now in TailwindCSS
This domain may be for sale!
Tags:
#webdesign
Saved
on: 2019-05-03
aynuriev.com
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Saved
on: 2019-05-02
VueConf US 2019 | Vue Mastery
Vue Mastery is the sole destination for VueConf US 2019 conference videos.
Saved
on: 2019-04-30
Organizing code into domain modules | Matthieu Napoli
Note: the french version of this article is published on Wizaplace's tech blog. Regarding "how to organize teams", we were discussing Spotify's Feature teams. In a "classic" organization, teams are usually formed by grouping people based on their job title:
Saved
on: 2019-04-29
Uppy 1.0: Your best friend in file uploading — Uppy
Today, after three years of development, we are launching version 1.0 of Uppy, our file uploader for web browsers. Three years ago, Transloadit was ready to replace their jQuery-based file uploading & processing plugin for browsers with something more modern.
Saved
on: 2019-04-29
Děláš v PHP? Jsi jedním z nás
It would take us 3 full-time months to rewrite this code in 2017. In February 2019 we did it in less than 3-week span with the help of automated tools. Why and how? This post was originally published in Czech on Zdrojak.
Saved
on: 2019-04-23
A PHP Compiler, aka The FFI Rabbit Hole | ircmaxell's Blog
It’s no secret that I’m into building toy compilers and programming languages. Today I’m introducing something that’s not a toy (I hope). Today, I’m introducing php-compiler (among many other projects).
Saved
on: 2019-04-23
Svelte 3: Rethinking reactivity
After several months of being just days away, we are over the moon to announce the stable release of Svelte 3.
Saved
on: 2019-04-22
Block or report ds160
Contact GitHub support about this user’s behavior. Learn more about reporting abuse. Provides a convenient way to run a Monero full node using your own copy of the blockchain. It gives you complete control over your Monero node.
Saved
on: 2019-04-22
TwirPHP: A modern RPC framework for PHP
In the last couple years RPC started to become popular again as a communication mechanism for web-based APIs. It’s not a new concept at all, but it changed a lot over the years: the technology evolved, new IDLs and frameworks (like protobuf and gRPC) appeared.
Saved
on: 2019-04-20
Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HT
This is a guide that everyone can use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2019.
Saved
on: 2019-04-17
CSS masonry with flexbox, :nth-child(), and order | Tobias Ahlin
On the surface it seems fairly easy to create a masonry layout with flexbox; all you need to do is set flex-flow to column wrap and voilà, you have a masonry layout. Sort of. The problem with this approach is that it produces a grid with a seemingly shuffled and obscure order.
Saved
on: 2019-04-17
Why software projects take longer than you think – a statistical model · Er
Anyone who built software for a while knows that estimating how long something is going to take is hard. It's hard to come up with an unbiased estimate of how long something will take, when fundamentally the work in itself is about solving something.
Tags:
#programming
Saved
on: 2019-04-16
VueDay 2019 schedule - Joind.in
List Grid All sessions Starred only Title Title & Description
Saved
on: 2019-04-16
How to properly set up ESLint with Prettier for Vue or Nuxt in VSCode
Writing tech tutorials is hard because certain configurations might stop working after several months. As I’m also working on other things I don’t always have time to check if this is still working.
Tags:
#webdev
Saved
on: 2019-04-15
Infrastructure as Code, Part One
Let's say you've developed a new feature and you want to release it. You've avoided all the typical pitfalls when it comes to making a new release and you've done everything as you were meant to. It's not a Friday, it's not 5 pm, and so on.
Saved
on: 2019-04-13
NoCoffee – Vision Simulator for Chrome
Vision problems are more pervasive than most of us realize. Upwards of 285 million people worldwide are visually impaired. Many more have low or moderate visual difficulties. The number in the U.S. is expected to double by 2020, due to the aging of the baby boomer generation.
Saved
on: 2019-04-12
Solve accessibility issues before they reach your customers.
Easy for developers to address most common accessibility errors in under 5 minutes. Assess your websites for WCAG 2.1 AA coverage.
Saved
on: 2019-04-12
dequelabs/axe-core
Axe is an accessibility testing engine for websites and other HTML-based user interfaces. It's fast, secure, lightweight, and was built to seamlessly integrate with any existing test environment so you can automate accessibility testing alongside your regular functional testing.
Saved
on: 2019-04-12
What You Lose by Switching to Symfony | Tomas Votruba
Switching one framework for another is nowadays getting easier and easier. What you could do for months only on your private projects, where income and delivering features are not important, is now an option for big websites with millions of lines of code.
Tags:
#symfony
Saved
on: 2019-04-11
Laravel: 12 tips to optimize performance - FrontNet Blog
Saved
on: 2019-04-11
339 bytes of responsive CSS · Gaurav Koley
7 CSS declarations and a/an (optional) font import is all it takes to change a drab basic website to a minimalistic easy to read piece of beauty. @import url('https://fonts.googleapis.com/css?family=Fira+Sans:300'); body { font-family: 'Fira Sans', sans-serif; line-height: 1.
Saved
on: 2019-04-10
★ Laravel event projector v2 has been released - Freek Van der Herten's blo
Laravel event projector is a package that aims to be the entry point for event sourcing in Laravel. It can help you setting up aggregates, projectors and reactors. Earlier today our team released v2. This version streamlines the projectors and reactors from v1 and adds support for aggregates.
Tags:
#event-sourcing
Saved
on: 2019-04-09
My Favorite Teachers In The JavaScript Community - DEV Community ????
There are so many resources in the world of tech that it's hard to sort through and pick the right resource for you. There are so many courses, blogs, and podcasts to choose from, so I've put together a list of some of my favorite teachers in the JavaScript, and frontend development, community.
Saved
on: 2019-04-09
Public Sans
Official websites use .gov A .gov website belongs to an official government organization in the United States. Secure .gov websites use HTTPS A lock ( ) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
Saved
on: 2019-04-09
Web Design in 4 minutes
Let's say you have a product, a portfolio, or just an idea you want to share with everyone on your own website. Before you publish it on the internet, you want to make it look attractive, professional, or at least decent to look at. What is the first thing you need to work on?
Tags:
#webdesign
Saved
on: 2019-04-08
A quick start guide to choosing accessible colours – UX Collective
Early last morning, I woke up to this tweet. Like everything else I find on the internet, it sent me on a wild goose chase searching for any and all the information I could find about colour accessibility. So I figured that I may as well condense this to help other people understand accessibility.
Saved
on: 2019-04-08
AddyOsmani.com - Native image lazy-loading for the web!
In this post, we'll look at the new loading attribute which brings native <img> and <iframe> lazy-loading to the web!. For the curious, here's a sneak preview of it in action: We are hoping to ship support for loading in ~Chrome 75 and are working on a deep-dive of the feature we'll publish soon.
Tags:
#webdev
Saved
on: 2019-04-08
When To Use TypeScript - A Detailed Guide Through Common Scenarios | When T
Web Development Strap yourself in. In this guide, we compare when it's absolutely vital to be using TypeScript, the strictly-typed programming language, and when it makes sense to stick to vanilla JavaScript. Originally published here April 2019, with discussions on Hackernews and Reddit.
Saved
on: 2019-04-08
Prisma - Database tools for modern application development
Prisma provides the best experience for your team to work and interact with databases. Even complex things like connection pooling, caching, real-time database subscriptions are a breeze with our products.
Saved
on: 2019-04-08
Programming: doing it more vs doing it better – Kevin Martin Jose
The ceramics teacher announced on opening day that he was dividing the class into two groups. All those on the left side of the studio, he said, would be graded solely on the quantity of work they produced, all those on the right solely on its quality.
Tags:
#programming
Saved
on: 2019-04-08
goabstract/Awesome-Design-Tools
Today, we’re excited to announce that Flawless App has joined Abstract, a design delivery platform that brings visibility, accountability, measurability, and predictability to design. Flawless App was our first company, and we’re proud of everything that we’ve achieved with our 5-person team.
Saved
on: 2019-04-05
Rich text / HTML editors and frameworks
Mobiledoc - github.com/bustle/mobiledoc-kit - framework to build editors with a standardized JSON structure ShareDB - github.com/share/sharedb - framework to sync any JSON document using operational transforms, add real-time collaborative editing to anything else Bangle.dev - github.
Saved
on: 2019-04-03
delight-im/PHP-I18N: Internationalization and localization for PHP
Provide your application in multiple languages, to users in various countries, with different formats and conventions. Note: On Windows, you may have to use the non-thread-safe (NTS) version of PHP.
Saved
on: 2019-03-29
How To Align Things In CSS — Smashing Magazine
Rachel Andrew 16 min read CSS, Browsers, Guides Share on Twitter, LinkedIn Click here to kickstart your project for free in a matter of minutes.
Saved
on: 2019-03-29
How to Deliver Constructive Feedback in Difficult Situations
As a founder, my biggest regrets revolve around not having difficult conversations sooner. I could have helped team members improve faster, fired people with the wrong fit earlier, had so many more productive meetings. I could have created a more open company culture.
Tags:
#career
Saved
on: 2019-03-26
Color Picker — A handy design tool from Color Supply
Get simple actionable web design tips in your inbox every Tuesday.
Tags:
#webdev
Saved
on: 2019-03-21
Kubernetes: deploy Laravel the easy way ♦︎ Learnk8s
TL;DR: In this article, you will learn the basics of how to deploy a Laravel application in Kubernetes. Laravel is an excellent framework for developing PHP applications.
Saved
on: 2019-03-21
How we built the fastest conference website in the world
This is a post by JSConf EU Organiser Malte Ubl.
Saved
on: 2019-03-20
Introducing Inertia.js
I recently wrote an article explaining how to do full client-side rendering in classic server-side applications. My goal with this approach is to allow developers to build rich client-side apps without all the complexity of building a full-on single-page app with accompanying API.
Saved
on: 2019-03-19
The typographic scale
The typographic scale is the bedrock of modern typography, used for centuries to choose harmonious font sizes. But there are flaws in those historical values. The classic typographic scale is a collection of font sizes that are in visual harmony.
Saved
on: 2019-03-19
PHP book recommendations 2019 : PHP
Looking for book recommendations for learning PHP that are up to date
Saved
on: 2019-03-18
Writing Resilient Components — Overreacted
When people start learning React, they often ask for a style guide. While it’s a good idea to have some consistent rules applied across a project, a lot of them are arbitrary — and so React doesn’t have a strong opinion about them.
Saved
on: 2019-03-18
6 Tricks with Resting and Spreading JavaScript Objects
Resting and spreading can be used for more than just resting arguments and spreading arrays. Here are six lesser known tricks when using rest and spread with JavaScript objects.
Tags:
#javascript
Saved
on: 2019-03-18
Geeks Tech Stack
Skip to main content Posts Database Internel Architecture: SQLite Introduction A database is an essential part of building a software system which used to store and read data efficiently.
Tags:
#database
Saved
on: 2019-03-17
Music for focussleepmeditationrelaxingcontent
Music for focussleepmeditationrelaxingcontent Ambient music generators that never end or repeat. Launch Player Truly ambient Music that lasts as long as you'd like to listen—with no distracting track changes or loops. Redefine what it means for music to be ‘ambient.
Saved
on: 2019-03-17
Which is the coolest PHP library you have used ? Put a link as well... : PH
[deleted]
Saved
on: 2019-03-16
Color Hunt - Color Palettes for Designers and Artists
Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.
Saved
on: 2019-03-16
Give me back my monolith - Craig Kerstiens
It feels like we’re starting to pass the peak of the hype cycle of microservices. It’s no longer multiple times a week we now see a blog post of “How I migrated my monolith to 150 services”.
Tags:
#sw-architecture
Saved
on: 2019-03-14
Amazon Aurora ascendant: How we designed a cloud-native relational database
Saved
on: 2019-03-14
Rebuilding My Personal Infrastructure With Alpine Linux and Docker
For more than a decade I have run one or more servers to host a number of personal websites and web applications. Recently I decided it was time to rebuild the servers to address some issues and make improvements.
Tags:
#docker
Saved
on: 2019-03-13
Facebook’s Privacy Cake – Stratechery by Ben Thompson
What was striking about the reaction to Mark Zuckerberg’s latest missive about the future of Facebook, A Privacy-Focused Vision for Social Networking, were the two very distinct reactions that, in my estimation, made the same mistake, but in opposite directions; one set of folks didn’t take Zuck
Tags:
#business
Saved
on: 2019-03-08
Microservices, Containers and Kubernetes in 10 minutes
This blog post has been updated as of 01/25/2021. What is a microservice? Should you be using microservices? How are microservices related to containers and Kubernetes? If these things keep coming up in your day-to-day and you need an overview in 10 minutes, this blog post is for you.
Saved
on: 2019-03-07
Use Cases For Flexbox — Smashing Magazine
10 min read CSS Grid, CSS, Flexbox Share on Twitter, LinkedIn Building Modern HTML Emails, with Rémi Parmentier Try monday dev for free! Try monday dev for free! Figma Workflow Masterclass, with Christine Vallaure Advanced Design Systems, with Brad Frost Click here to kickstart your project for fre
Saved
on: 2019-03-05
Learning to Learn | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! There’s been a lot of talk recently about whether or not you need a degree to be in tech (spoiler: you don’t).
Tags:
#learning
Saved
on: 2019-03-05