magnASCII.io Simone Magnaschi
Senior Full Stack Web Dev

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.
Tags: #css-grid #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.
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.
Tags: #webdev #css
Saved on: 2019-06-05

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.
Tags: #webdev #css
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.
Tags: #css-grid #css
Saved on: 2019-05-23

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.
Tags: #php #docker
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

Going Critical

Tags: #culture
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.
Tags: #guide #git
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.
Tags: #webdev #https
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.
Tags: #php #oop
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.
Tags: #vuejs #talks
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

My problems with Doctrine : PHP

[deleted]
Saved on: 2019-04-26

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

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.
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.
Tags: #tools #design
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.
Tags: #webdev #tools
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.
Tags: #webdev #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
Tags: #php #books
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.
Tags: #tools #music
Saved on: 2019-03-17

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”.
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
Tags: #webdev #css
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

[deleted by user]

[removed]
Saved on: 2019-03-04

Teaching TDD to Different Learning Styles

Bookmarks
Tags: #tdd #talks
Saved on: 2019-03-04
❤️
</>
2025