magnASCII.io Simone Magnaschi
Senior Full Stack Web Dev

Tailwind: style your site without writing any CSS! - Julia Evans

Hello! Over the last couple of days I put together a new website for my zines (https://wizardzines.com). To make this website, I needed to write HTML and CSS. Eep!! Web design really isn’t my strong suit.
Saved on: 2018-11-02

goldfire/howler.js

howler.js is an audio library for the modern web. It defaults to Web Audio API and falls back to HTML5 Audio. This makes working with audio in JavaScript easy and reliable across all platforms. Additional information, live demos and a user showcase are available at howlerjs.com.
Saved on: 2018-11-01

The Web Accessibility Introduction I Wish I Had

Hello again, past self. I'm sending you another message from a future where it's finally getting colder, you got the guts to go to therapy, and that thing under the floorboards somehow escaped. Most importantly, your future job responsibilities focus much more focus on web accessibility.
Saved on: 2018-10-31

Web Performance 101

This is an introduction to modern web loading performance. Learn why performance is important, what performance optimizations exist, and which tools can help you understand if your app is performing well.
Saved on: 2018-10-30

14 Things I Wish I’d Known When Starting with MongoDB

Key Takeaways Even though MongoDB doesn’t enforce it, it is vital to design a schema. Likewise, indexes have to be designed in conjunction with your schema and access patterns. Avoid large objects, and especially large arrays.
Tags: #mongodb
Saved on: 2018-10-29

HTTP/2: speed up your apps and dispatch real time updates (Symfony and API Platform’s features announcement)

HTTP/2 can improve the loading time of webpages up to 2 times. Did you know that it’s very easy to optimize your Symfony applications to leverage the advanced features of this new protocol?
Saved on: 2018-10-27

nystudio107 | An Annotated webpack 4 Config for Frontend Web…

Please consider 🎗 sponsoring me 🎗 to keep writing articles like this. Build­ing a mod­ern web­site has become cus­tom appli­ca­tion devel­op­ment.
Saved on: 2018-10-25

The Guide To Write Universal SSR-ready Vue Components

As a Vue developer, you may have heard the term server-side rendering (SSR). Even if you are not using a framework like Nuxt.
Tags: #vuejs
Saved on: 2018-10-24

Modernizing Applications for Kubernetes - DEV Community ?‍??‍?

Modern stateless applications are built and designed to run in software containers like Docker, and be managed by container clusters like Kubernetes.
Saved on: 2018-10-23

A Pragmatic Quick Reference

I modified the recommended reading list to include The Pragmatic Programmer: From Journeyman to Master. If you haven't read the book, it includes a handy reference card that will give you a great idea of the gems covered inside.
Saved on: 2018-10-20

Paper Airplane Designs

A database of paper airplanes with easy to follow folding instructions, video tutorials and printable folding plans. Find the best paper airplanes!
Saved on: 2018-10-19

Organise by domain

In this post we'll look at a different approach of structuring large code bases into separate domains. The name "domain" is derived from the popular DDD paradigm, or also: domain driven design.
Tags: #laravel #ddd
Saved on: 2018-10-18

Domain Storytelling

Storytelling is at the heart of human communication—why not use it to overcome costly misunderstandings when designing software? By telling and visualizing stories, domain experts and team members make business processes and domain knowledge tangible.
Tags: #ddd
Saved on: 2018-10-18

Rhythm in Web Typography | Better Web Type

Horizontal rhythm mostly impacts the legibility, while vertical rhythm impacts the readability of the text and establishes a sense of visual hierarchy. This guide is based on chapter 6 from the book Better Web Typography for a Better Web by Matej Latin.
Saved on: 2018-10-17

Working an application in Vue.js with TDD — An extensive guide for people who have time — part 1

If you want to read it in pt-BR, check it out here. This is a sample vue.js project using TDD. Contribute to kuroski/article-tdd-vue development by creating an account on…
Tags: #vuejs #tdd
Saved on: 2018-10-17

k88hudson/git-flight-rules

Flight Rules are the hard-earned body of knowledge recorded in manuals that list, step-by-step, what to do if X occurs, and why. Essentially, they are extremely detailed, scenario-specific standard operating procedures. [...]
Tags: #git
Saved on: 2018-10-16

How to Manage Connections Efficiently in Postgres, or Any Database — Brandu

You start building your new project. You’ve heard good things about Postgres, so you choose it as your database. As advertised, it proves to be a satisfying tool and progress is good.
Tags: #database
Saved on: 2018-10-16

CSS Layout cookbook

The CSS layout cookbook aims to bring together recipes for common layout patterns, things you might need to implement in your own sites.
Tags: #guide #css
Saved on: 2018-10-14

Diving into Symfony’s DependencyInjection — Part 1: First steps with the co

this article, we’re going to dive into Symfony’s dependency injection component. We will use it from scratch, out of the Symfony framework, with the minimum of external dependencies. You can code along with me while reading this article, each steps will be detailed so you can easily follow.
Tags: #symfony
Saved on: 2018-10-11

Unit Test Your First Vue.js Component

In Build Your First Vue.js Component we made a star rating component. We’ve covered many fundamental concepts to help you create more complex Vue.js components. Yet, there’s one crucial point you need to build bulletproof components you can use in production: unit testing.
Saved on: 2018-10-10

Tips for building lighter and more performant Vue.js SPA

Building Single Page Apps is quite common these days. Frontend frameworks come with tools and boilerplates that scaffold starter projects which are most of the time Single Page apps. 
Tags: #vuejs #spa
Saved on: 2018-10-10

BEM - A naming philosophy that just works

Report Share
Tags: #css #bem
Saved on: 2018-10-09

12 Factor CLI Apps – Jeff Dickey – Medium

Jeff D. CLIs are a fantastic way to build products. Unlike web applications, they take a small fraction of the time to build and are much more powerful. With the web, you can do whatever the developer programmed.
Saved on: 2018-10-09

Calls between JavaScript and WebAssembly are finally fast 🎉 – Mozilla Hacks : the Web developer blog

At Mozilla, we want WebAssembly to be as fast as it can be. This started with its design, which gives it great throughput. Then we improved load times with a streaming baseline compiler. With this, we compile code faster than it comes over the network.
Saved on: 2018-10-09

An Introduction to Modern Agile

Agile is modernizing. Thanks to Lean and Agile pioneers and practitioners, we now have simpler, safer, speedier ways to achieve awesome results. We call these new approaches “Modern Agile” because they’ve evolved far beyond early Agile methods.
Tags: #agile
Saved on: 2018-10-03

Perceived Performance: The Only Kind That Really Matters

Chris Harrison, a grad student at Carnegie Mellon found that progress bars with bands that animate in the opposite direction of the progress make the bar seem to fill faster.
Saved on: 2018-10-03

Kubernetes: The Surprisingly Affordable Platform for Personal Projects

At the beginning of the year I spent several months deep diving on Kubernetes for a project at work. As an all-inclusive, batteries-included technology for infrastructure management, Kubernetes solves many of the problems you're bound to run into at scale.
Saved on: 2018-10-03

Another question about the future of PHP vs other, currently trendier thing

I see a lot of questions pertaining to whether PHP can survive the current trend of Node-based JS frameworks. The consensus seems to be that : PHP is
Saved on: 2018-10-02

The Complete Guide to Lazy Loading Images | CSS-Tricks

Images are critical for every website and application today. Whether it be marketing banners, product images or logos, it is impossible to imagine a website without images. Sadly though, images are large in size making them the single largest contributor to the page size.
Tags: #webdev
Saved on: 2018-09-27

Ask HN: What was the best decision you made in your career? | Hacker News

I made the jump 5 years ago and have worked for a number of companies since, on 6-12 month contracts. The money has jumped each time, such that I’m on what I consider to be silly money now for the job I do — Ireland, not US.
Saved on: 2018-09-26

GraphQL vs REST: Caching | Phil Sturgeon

Recently I wrote GraphQL vs REST: Overview, giving a hype-free outline of the differences between REST and GraphQL. One section that would not have fit into that already lengthy article was caching, so I thought I'd fire that out next.
Tags: #graphql #api
Saved on: 2018-09-26

Symfony Docker, dall'ambiente di sviluppo alla produzione

Test jobs Test with coverage: stage: Test coverage: '/Lines:\s*\d+\.
Saved on: 2018-09-25

Easy apps with hyperHTML — 1 – Easy apps with hyperHTML – Medium

hyper what? An introduction to a blazing fast, lightweight JS library. Part 1 written by Ivan Torres and Paul Thompson.
Saved on: 2018-09-25

Zulko/eagle.js

This project is considered feature-completed and not actively maintained currently. We recommend you to use slidev for better support of Vue 3. Most of all, eagle.js aims at offering a simple and very hackable API so you can get off the beaten tracks and craft the slideshows you really want.
Saved on: 2018-09-25

DBMS Musings: NewSQL database systems are failing to guarantee consistency,

(Spanner vs. Calvin, Part 2) [TL;DR I wrote a post in 2017 that discussed Spanner vs. Calvin that focused on performance differences.
Tags: #database
Saved on: 2018-09-21

The Reading List

A few years ago I continued my journey to become a true software engineer. I interviewed with big tech names and worked with brilliant people. Along the way, I asked for ways to improve my craft. The following is the intersection of a long list of books.
Saved on: 2018-09-20

A Deconstruction of CQRS - DEV Community ?‍??‍?

The cover image is copyright Fabian Oefner from the Disintegrating II series. This is one of my favorite cars, the Ford GT40. In earlier days of CQRS, a web search for "cqrs" would auto-correct to "cars". The old CQRS blog humorously bears the subtitle: Did you mean cars?
Tags: #cqrs
Saved on: 2018-09-19

What makes a good front-end developer? | CSS-Tricks

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Defining what a front-end developer is and what they do is tough as it is. So, how do we set the bar for what makes for a good front-end developer?
Tags: #frontend
Saved on: 2018-09-19

BBC GEL | Design Patterns Index

Content utilities allow the user to interact with, or perform an action for a piece of content. For example, Add or Share.
Tags: #ux
Saved on: 2018-09-18

TechYaks

Over 80K software development tech talks ranked algorithmically to surface the industry's best presentations from the past, present and future.
Tags: #video #talks
Saved on: 2018-09-14

Guitar Dashboard

An interactive music theory dashboard, including a circle of fifths for guitarists. Follow @mikehadlow on Twitter for news and updates.
Tags: #tools #music
Saved on: 2018-09-14

Clean Architecture by Uncle Bob: Summary and review

Clean architecture is the latest book by Uncle Bob. It defines architectural patterns to make software easy to change. In this blog post, I will go through the book summarizing the main concepts and giving my opinion on it. What is architecture?
Saved on: 2018-09-13

Configuring PHP-FPM For High Network Traffic - DEV Community ?‍??‍?

Maintaining a constant response time on a server with high network traffic while using PHP is probably the hardest & most annoying thing I've done in my career. Switching from Apache to Nginx was a huge performance upgrade...
Saved on: 2018-09-11

Notes to myself on software engineering – François Chollet – Medium

Member-only storyA laundry list of personal remindersFrançois CholletFollow--ShareOn the Development ProcessCode isn’t just meant to be executed. Code is also a means of communication across a team, a way to describe to others the solution to a problem.
Tags: #programming
Saved on: 2018-09-10

Design with Difficult Data · An A List Apart Article

You’ve been asked to design a profile screen for a mobile or web app. It will need to include an avatar, a name, a job title, and a location. You fire up Sketch or Figma. Maybe you pull out your drafting pencil or head straight to markup and CSS.
Tags: #webdesign #ux
Saved on: 2018-09-07

Introduction To Calculus With Derivatives

Suppose you need to calculate \(101^2\) but you don't have a calculator handy. How would you estimate it? \(100^2\) is pretty easy: \(100 * 100 = 10000\). But \(101^2\) seems tougher. Or suppose you had to estimate \(4.1^2\). How would you do it? What about \(7.
Saved on: 2018-09-07

Google AMP Can Go To Hell | Polemic Digital

Let’s talk about Accelerated Mobile Pages, or AMP for short. AMP is a Google pet project that purports to be “an open-source initiative aiming to make the web better for all”.
Saved on: 2018-09-06

Who left open the cookie jar? A comprehensive evaluation of third-party cookie policies

Who left open the cookie jar? A comprehensive evaluation of third-party cookie policies from the Franken et al., USENIX Security 2018 This paper won a ‘Distinguished paper’ award at USENIX Security 2018, as well as the 2018 Internet Defense Prize.
Tags: #webdev
Saved on: 2018-09-06

Simple Vue.js Form Validation with Vuelidate

Thanks to Vue's reactivity model, it's really easy to roll your own form validations. This can be done with a simple method call on the form submit, or a computed property evaluating input data on each change.
Tags: #vuejs
Saved on: 2018-09-05

Building a single-page application with Symfony 4, Vue.js, Vue Router, Vuex

With Symfony, I used to build my web applications in a traditional way: the framework handles everything, from the routing to the page rendering. However nowadays web applications have complex user interactions and the previous approach does not fit well for such cases.
Saved on: 2018-09-04

Magic Sandbox

Tags: #k8s #devops
Saved on: 2018-09-04

? Emoji translations with the ? Twilio API for ? WhatsApp and Node.js - DEV

I 💖 emojis, so when I heard about the new Twilio API for WhatsApp I wanted to build something emojiriffic. Inspired by Monica Dinculescu’s to_emoji Twitter bot and emoji translator I decided to build a WhatsApp text-to-emoji translator.
Saved on: 2018-09-04

A Complete Beginner's Guide to React - DEV Community ?‍??‍?

React is one of my favorite technologies, so I thought I would create a React intro. This post requires knowledge of HTML and JavaScript -- I am of the firm opinion that you should know these before moving on to libraries like React.
Saved on: 2018-09-04

Select Star SQL

This is an interactive book which aims to be the best place on the internet for learning SQL. It is free of charge, free of ads and doesn't require registration or downloads. It helps you learn by running queries against a real-world dataset to complete projects of consequence.
Saved on: 2018-09-04

A tour of JavaScript timers on the web

Pop quiz: what is the difference between these JavaScript timers? More specifically, if you queue up all of these timers at once, do you have any idea which order they’ll fire in?
Tags: #javascript
Saved on: 2018-09-03

Nuzzel - News From Your Friends

Thank you for being patient. We are doing some work on the site and will be back shortly.
Saved on: 2018-09-03

thedaviddias/Front-End-Performance-Checklist

Performance is a huge subject, but it's not always a "back-end" or an "admin" subject: it's a Front-End responsibility too.
Saved on: 2018-08-30

Domain-Driven Design in Practice | Pluralsight

You will need to have some basic experience with C#. It's also recommended that you've read the book Domain-Driven Design: Tackling Complexity in the Heart of Software by Eric Evans and that you've watched the Domain-Driven Design Fundamentals course by Julie Lerman and Steve Smith.
Tags: #ddd #course
Saved on: 2018-08-28

On structuring PHP projects — Nikola Poša - Blog

An indispensable part of every programming project is how you structure it, which involves organizing files and sources into directories, naming conventions, and similar. As your application grows, so does the need for structuring it in way that it is easy to manage and maintain.
Saved on: 2018-08-28

Uncle Bob Martin on Clean Software, Craftsperson, Origins of SOLID, DDD, &

Key Takeaways Michael Feathers wrote to Bob and said if you rearrange the order of the design principles, it spells SOLID. Software Craftsperson should be used when you talking about software craftsmanship in a gender-neutral way to steer clear of anything exclusionary.
Saved on: 2018-08-27

The Everybody Poops Rule – Ross Tuck

One of the hardest things to teach growing devs is when not to use their newfound skills. After putting huge effort into learning with a mentor, having that same mentor pick up a feature and say “No, just crap this one out, it’s not important” seems inconsistent and bewildering.
Saved on: 2018-08-27

Anki - powerful, intelligent flashcards

Anki is a program which makes remembering things easy. Because it's a lot more efficient than traditional study methods, you can either greatly decrease your time spent studying, or greatly increase the amount you learn. Anyone who needs to remember things in their daily life can benefit from Anki.
Saved on: 2018-08-27

Eric Evans: Domain-Driven Design Even More Relevant Now

Challenging the notion that the book he wrote in 2003 was no longer relevant, Eric Evans, author of Domain-Driven Design, said the concepts are even more relevant now than they were 14 years ago.
Saved on: 2018-08-24

Forced Evolution: Shopify's Journey to Kubernetes

Niko Kurtti talks about the challenges Shopify saw in moving from a traditional host-based infrastructure to a cloud native one, moving not only their core app to Kubernetes but also hundreds of other apps at the same time.
Tags: #k8s #devops
Saved on: 2018-08-24

Coding with Clarity: Part II · An A List Apart Article

Any fool can write code a computer can understand. Good programmers write code that humans can understand. Martin Fowler As any developer who works with other developers can attest, if code is unclear, problems occur.
Tags: #programming
Saved on: 2018-08-24

Coding with Clarity · An A List Apart Article

Working code isn’t necessarily good code. Your code also needs to be easy to read, understand, and modify. It needs clarity, and to achieve that, it has to be organized well, with careful planning and proper separation of ideas taking place before you even open your code editor.
Tags: #programming
Saved on: 2018-08-24

5 Vue CLI 3 plugins for your Vue project – Vue Mastery – Medium

If you haven’t heard already, Evan You, the creator of Vue, just announced the release of Vue CLI 3, after months of hard work. One of the best things about the new Vue CLI 3 is how extensible it is. The developers designed the new version with a plugin architecture in mind from day one.
Tags: #vuejs
Saved on: 2018-08-23

Practical Use of Vue.js Scoped Slots | Netguru Blog on Frontend

There are situations when you want the template inside the slot to be able to access data from the child component that is responsible for rendering the slot content. This is particularly useful when you need freedom in creating custom templates that use the child component's data properties.
Tags: #vuejs
Saved on: 2018-08-23

Web Performance Made Easy - Google I/O 2018 edition

At Google IO 2018, we presented a roundup of tools, libraries and optimization techniques that make improving web performance easier. Here we explain them using The Oodles Theater app. We also talk about our experiments with predictive loading and the new Guess.js initiative.
Saved on: 2018-08-22

What they don’t tell you about event sourcing – Hugo Rocha – Medium

Event sourcing and CQRS gained a lot of popularity recently. The advantages are obvious and they share a very peculiar symbiosis with the current tech state of the art, making them very relevant.
Saved on: 2018-08-22

Using traits to compose your Doctrine entities – Titouan Galopin – Medium

I migrated my posts to my own blog because Medium is becoming less and less comfortable for readers (paywalls, impossibility to highlight the code, etc.). To read this article in a nicer and privacy friendly context, read it on my personal blog and follow me on Twitter to get notified!
Tags: #php #doctrine
Saved on: 2018-08-21

adhocore/phint

Initializes new PHP project with sane defaults using templates. It scaffolds PHP library &/or project to boost your productivity and save time. For already existing project, run with --sync flag to add missing stuffs, see phint init.
Saved on: 2018-08-21

Shorthand comparisons in PHP - stitcher.io

You probably already know some comparison operators in PHP. Things like the ternary ?:, the null coalescing ?? and the spaceship <=> operators. But do you really know how they work? Understanding these operators makes you use them more, resulting in a cleaner codebase.
Tags: #php
Saved on: 2018-08-20

Git Submodules: Adding, Using, Removing, Updating :: Chris Jean

I’ve spent a little more than a month working with Git now. I can honestly say that while there are many things that I like about Git, there are just as many things that I personally find to be a pain in the butt. Submodules specifically have managed to be a thorn in my side on many occasions.
Tags: #git
Saved on: 2018-08-20

Headless Chrome support in Cloud Functions and App Engine | Hacker News

Using this, in conjunction with AWS Step Functions, Lambda, and ECS, it became merely cents a month to run a headless scraper task in the cloud. What does your workflow look like?
Saved on: 2018-08-20

Mithril.js

What is Mithril.js? Mithril.js is a modern client-side JavaScript framework for building Single Page Applications. It's small (< 10kb gzip), fast and provides routing and XHR utilities out of the box. Mithril.js is used by companies like Vimeo and Nike, and open source platforms like Lichess.
Saved on: 2018-08-18

8 resources to learn about SOLID design principles - A blog about Laravel F

Lately, I’ve been reading about the SOLID design principles. They were introduced by Robert C. Martin in his paper titled “Design Principles and Design Patterns”. While these are no absolute rules, they can help you design better software.
Saved on: 2018-08-16

Markov Chains

Markov chains, named after Andrey Markov, are mathematical systems that hop from one "state" (a situation or set of values) to another.
Tags: #programming
Saved on: 2018-08-15

The easiest way to keep your web apps accessible: Just use text

The web is no longer just a collection of static text documents with a few images and GIFs thrown into the mix.
Saved on: 2018-08-15

How to build a scalable Symfony application on Kubernetes

Modern web applications are complex. The expectations of your users regarding your application are constantly increasing: nowadays, an application needs to be fast, convenient, easy to use and beautiful.
Saved on: 2018-08-14

To Fix That Pain In Your Back, You Might Have To Change The Way You Sit : G

My back hurts when I sit down. It's been going on for 10 years. It really doesn't matter where I am — at work, at a restaurant, even on our couch at home. My lower back screams, "Stop sitting!"
Tags: #health
Saved on: 2018-08-14

How to deal with dirty side effects in your pure functional JavaScript

So, you’ve begun to dabble in functional programming. Once you’ve started, it won’t be long before you come across pure functions. And, as you go on, you will discover that functional programmers appear to be obsessed with them. “Pure functions let you reason about your code,” they say.
Saved on: 2018-08-14

niieani/bash-oo-framework

Bash Infinity is a standard library and a boilerplate framework for writing tools using bash. It's modular and lightweight, while managing to implement some concepts from C#, Java or JavaScript into bash.
Saved on: 2018-08-10

Photography Composition: The Definitive Guide - Beautiful Pictures

This article summarises all my knowledge and experience, and it took me 6 months to get together. I believe, anyone, newbie or pro, could find some new useful info inside of it. There are already hundreds of articles, dozens of guides. And some of them are really good.
Saved on: 2018-08-08

11 Painful Git Interview Questions You Will Cry On - DEV Community ?‍??‍?

According to the latest Stack Overflow developer survey, more than 70 percent of developers use Git, making it the most-used VCS in the world. Git is commonly used for both open source and commercial software development, with significant benefits for individuals, teams and businesses.
Saved on: 2018-08-06
❤️
</>
2024