magnASCII.io Simone Magnaschi
Senior Full Stack Web Dev

Migres - The PostgreSQL migration tool : PHP

Hey /r/PHP I just released the first *alpha* version of a tool I have been working on. It's a framework agnostic migration tool for PostgreSQL. http
Saved on: 2019-07-31

The Guardian digital design style guide

Introduction The Guardian website is made up of a series of fronts and articles. Introduction Fronts are made up of containers — these allow stories to be grouped in a logical manner, by theme or subject matter. Introduction Containers are composed of modular story cards.
Saved on: 2019-07-30

The CSS background-image property as an anti-pattern

The CSS background-image property allowed us to do some amazing things, but in most cases, it's time to leave it behind.
Saved on: 2019-07-28

Cloud native, container-ready PHP

PHP is the language that everyone loves to hate. It was the first language many of us used to build web apps (including myself!), but it’s fallen out of favors with developers.
Saved on: 2019-07-25

The Simplest Way to Load CSS Asynchronously | Filament Group, Inc.

One of the most impactful things we can do to improve page performance and resilience is to load CSS in a way that does not delay page rendering.
Saved on: 2019-07-24

Sarah Drasner on Let’s Write A Vue App From Scratch on Vimeo

Join Sarah, a Vue core team member, as she builds an app from scratch, using Nuxt.js, her own Vue snippet extension in VS Code, and an API! We’ll see how far we can get and all the mistakes we can make in 45 min to creating a functional application with routing, server side rendering, animations,
Tags: #vuejs #talks
Saved on: 2019-07-24

hellerve/programming-talks: Awesome & interesting talks about programming

I watch a lot of talks that I love to share with my friends, fellows and coworkers. As I consider all GitHubbers my friends (oh yeah!), I decided it's time to share the list. There are talks on programming language specifics as well as a more general section I call "theory".
Saved on: 2019-07-23

Do-nothing scripting: the key to gradual automation

Every ops team has some manual procedures that they haven’t gotten around to automating yet. Toil can never be totally eliminated.
Tags: #devops
Saved on: 2019-07-22

Setup VS Code for Efficient PHP development 🚀

I recently started programming in PHP using the well-known Symfony framework. I wanted to keep my VS Code habits and proficiency I had from my previous projects in Node.js and Vue.js, so I tried to configure VS Code for PHP development as well.
Tags: #tools #php
Saved on: 2019-07-20

How I use Live Templates in PHPStorm | Marijn Huizendveld

How fast you can type is usually not a constraint on software design work. However, having to write the same boilerplate code again, and again, and again can be quite a drag. Over the years I’ve started to use PHPStorm – my IDE of choice – better and better.
Saved on: 2019-07-19

Frontend Design, React, and a Bridge over the Great Divide

Frontend designers create the HTML, CSS, and presentational JavaScript code that powers web products’ user interfaces. I see frontend design as helpful mortar that bridges the gap between design and development. Of course “frontend designer” may or may not be the right title for it.
Saved on: 2019-07-19

Faster, cheaper, and better: A story of breaking a monolith

Disclaimer: Fair is Sep Dehpour’s employer at the time of writing this article. If you don’t know about Fair, we are a vehicle subscription app. So when it came to naming the monolith that was dealing with vehicles, it was a no-brainer to call it vehicle-service.
Saved on: 2019-07-18

Going serverless with Hugo and Netlify - Freek Van der Herten's blog on PHP

Our team releases a lot of open source packages. All of our packages are well documented. For the smaller packages, we use a simple readme on GitHub. The bigger packages, like medialibrary and event projector get documented on our documentation site.
Saved on: 2019-07-18

Jerry Hargrove | Amazon EventBridge

Tags: #aws
Saved on: 2019-07-18

Short Film Takes You Inside the ILFORD Factory to See How B&W Film is Made

UK-based film and photo paper manufacturer ILFORD Photo has released a new short film titled “Behind the Film” that takes you inside the HARMAN technology factory in the village of Mobberley, England, where all of the ILFORD and Kentmere B&W film, photographic paper and chemicals ar
Tags: #movies #art
Saved on: 2019-07-17

Uses – Adam Wathan

The holy grail of broadcast mics, I've been using the SM7B since my audio engineering days when I was recording bands for a living. Sometimes I'm tempted to try something else out of pure curiousity, but so far the SM7B is still the winner.
Saved on: 2019-07-16

JSConf.Asia Singapore 2019

JSConf.Asia 2019 is a 3 day long celebration of the web platform, its technology, impact and people.
Saved on: 2019-07-16

How to write testable code

This is something I put together for the engineering team at Howsy. Hopefully it will be of some assistance for others. The examples are in PHP but can be abstracted to any OOP language It’s simply a test that runs against an individual ‘unit’ or component of software.
Tags: #testing
Saved on: 2019-07-16

Mac Open Web, by Brian Warren

Submit any new links and issues on this project at GitHub. A responsive book reader for the web. Offline first and iPad first.
Tags: #tools #mac
Saved on: 2019-07-16

The Three Types of Performance Testing – CSS Wizardry – CSS Architecture, W

A lot of companies—even if they are aware that performance is key to their business—are often unsure of how, when, or where performance testing sits within their development lifecycle.
Saved on: 2019-07-15

How we built a serverless architecture with AWS

Our customers go serverless for live locations with HyperTrack. They use us as a managed service for live locations. They do not need to build and manage the servers to ingest, process, store, provision and manage anything related to the live location of their app users.
Saved on: 2019-07-11

Thank You to the Stack Overflow Community for Ranking Docker the Most Used, Desired, and Admired Developer Tool 

Learn about Docker’s collaboration with NVIDIA, which enhances your ability to leverage Docker containers and improves your overall experience of building and developing AI/ML applications. Learn how to use GenAI to fix ESLint violations, without installing Node.
Tags: #guide #docker
Saved on: 2019-07-08

Continuous Integration (CI) Explained

Continuous integration enables iterative software development, reduces risks from defects and makes developers highly productive. Continuous integration (CI) is a software development practice in which developers merge their changes to the main branch many times per day.
Saved on: 2019-07-05

Preloading in PHP 7.4

With PHP 7.4, support for preloading was added, a feature that could improve the performance of your code significantly. Let's look at it in depth.
Saved on: 2019-07-04

Startup idea checklist

I’ve been tinkering with different startup ideas and needed a good checklist to think through them. There are great templates for this already: The YC application, Amazon’s internal press release, and Sequoia’s Writing a Business Plan.
Saved on: 2019-06-23

Bringing service workers to Google Search  |  web.dev

The story of what shipped, how the impact was measured, and the tradeoffs that were made. Search for just about any topic on Google, and you're presented with an instantly recognizable page of meaningful, relevant results.
Tags: #javascript
Saved on: 2019-06-21

Improve your English pronunciation using Youtube

Master English pronunciation naturally! Learn how to pronounce tricky sounds like a native with YouGlish's real-world clips. No more dictionary confusion, just real English in context. Examples: power, courage, coup de grâce, how's it going? (Advanced search) Search by word class: call(verb) vs.
Saved on: 2019-06-20

Facebook moderators break their NDAs to expose desperate working conditions

Content warning: This story contains descriptions of violent acts against people and animals, accounts of sexual harassment and post-traumatic stress disorder, and other potentially disturbing content. Keith Utley loved to help.
Saved on: 2019-06-19

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
❤️
</>
2024