magnASCII.io Simone Magnaschi
Senior Full Stack Web Dev

Performant Front-end Architecture

This post describes some techniques to make front-end apps load faster and provide a good user experience. We'll look at the overall architecture of the front-end. How can you load essential resources first, and maximize the probability that the resources are already in the cache?
Saved on: 2020-02-10

Redux in 30 lines of PHP

The official website calls Redux “a predictable state container for JS Apps”. The main benefit of Redux is that it shines a light on your global application state, allowing you to trace when, where, why, and how your application’s state changed.
Saved on: 2020-02-09

Should I encrypt, hash or encode?

I'm not a security expert, but as a software engineer I feel like it's part of my job to do everything in my power to protect our customer's data.
Tags: #security
Saved on: 2020-02-09

My productivity app is a never-ending .txt file

The biggest transition for me when I started college was learning to get organized. There was a point when I couldn't just remember everything in my head. And having to constantly keep track of things was distracting me from whatever task I was doing at the moment.
Saved on: 2020-02-09

Setting Up Your Webcam, Lights, and Audio for Remote Work, Podcasting, Vide

I've started live streaming and publishing videos on my YouTube Channel again recently and it made me realize just how much work I've put into getting a good hardware setup—not just for the streams, but also just as someone who works remote and sits on video calls every day.
Tags: #gear
Saved on: 2020-02-07

maps.stamen.com

These high-contrast B+W (black and white) maps are the perfect backdrop for your colorful and eye-catching map content and have been our most popular map style to date. Available in six flavors: standard toner, labels, lines, background, and lite.
Tags: #tools
Saved on: 2020-02-06

Lessons from building “N26 for Web” | Hugo Giraudel

In just about a month, that will be 3.5 years I am at N26. I was hired as the first web developer to rebuild the N26 web platform.
Saved on: 2020-02-03

Let’s talk about your resume | Hugo Giraudel

Folks, we need to talk about resumes. Over the last 3 years at N26, I have had to get quite involved in hiring. I virtually interviewed every single person who joined the web team, and have probably reviewed enough CVs for a life time.
Saved on: 2020-02-03

Vue Screencasts - Learn VueJS through video tutorials

VueScreencasts VueScreencasts.com Concise Screencasts for Working Developers "Short, precise, step-by-step, beginner-friendly and clear." —Naty Java "At 14:22... it was exactly that question which I had in mind seconds before!" —Henning Sieh "Amazing!" —Erika Kim "You saved my job just now.
Tags: #vuejs #video
Saved on: 2020-02-01

Why Trying to Be Perfect Won’t Help You Achieve Your Goals (And What Will)

We all have goals that are important to us. But is it our drive to achieve a certain outcome that makes us better? Or something else entirely? In the book Art & Fear (audiobook), authors David Bayles and Ted Orland share a surprising story about a ceramics teacher.
Saved on: 2020-01-31

The Sounds Of New York City, Circa 1920

We can hear the music of the Roaring '20s anytime we want. But what if you could hear the day-to-day sounds of what it was like to live at that vibrant time? That's the basis of Emily Thompson's project "The Roaring Twenties.
Saved on: 2020-01-24

3 tricks to start working despite not feeling like it

Click here to listen Your browser does not support the audio tag.Ever wish you felt like creating that presentation? Felt like doing that research? Felt like doing the dishes? Most of us do. It's easy to start when we feel like it. Unfortunately, we often don't. We don't feel ready.
Saved on: 2020-01-21

JoliCode - Battle log: a deep dive in Symfony stack in search of optimizati

My team and I are working on a big project that is becoming bigger and bigger. Split in micro services, each end-user call generates an increasing number of HTTP API calls. Performance was becoming a problem and the Developer eXperience (DX) suffered as a result.
Saved on: 2020-01-20

justinamiller/SoftwareArchitect

What is a Software Architect?Levels of ArchitectureTypical ActivitiesImportant Skills (1) Design (2) Decide (3) Simplify (4) Code (5) Document (6) Communicate (7) Estimate and Evaluate (8) Balance (9) Consult and Coach (10) Market Architect's Technology RoadmapTypes of Solution ArchitectsSuggested B
Saved on: 2020-01-19

forbesmyester/esqlate: Build minimum viable admin panels quickly with just

eSQLate is an attempt to give small teams a quick and easy form of administration panel which is significantly more powerful than CRUD based systems but also as easy to set up.
Tags: #tools #sql
Saved on: 2020-01-17

DarkGhostHunter/Preloader: Preloader helper to create a PHP-ready preload s

Get the best options to keep your application fast as ever, with just one line. This package generates a PHP preloading script from your Opcache statistics automatically. No need to hack your way in.
Saved on: 2020-01-15

From 15,000 database connections to under 100: DigitalOcean's tale of tech debt

I could not help but smile when I heard the question. Software engineers asking about a company’s tech debt is the equivalent of asking about a credit score. It’s their way of gauging a company’s questionable past and what baggage they’re carrying.
Saved on: 2020-01-15

Deploy your side-projects at scale for basically nothing - Google Cloud Run

I have built hundreds of side projects over the years and finding a place to manage and deploy them all has always been tricky.
Saved on: 2020-01-12

Goodbye, Clean Code : Hacker News

There are a lot of situations where 3-5 lines of many methods follow basically the same pattern, and it can be aggravating to look at. “Don’t repeat yourself!” Right? So you try to extract that boilerplate into a method, and it’s fine until the very next change.
Saved on: 2020-01-12

Talk write-up: "How to build a PaaS for 1500 engineers"

This article is based on a presentation I gave as part of AdevintaTalks in Barcelona on November 2019. I’m experimenting with this format: I went through the slides typing what I’d speak over them, edited the text, and added some of the most relevant slides inbetween paragraphs.
Saved on: 2020-01-10

Are Frameworks Keeping Up With Modern API Requirements? | Phil Sturgeon

Over the years I've used about 20 different web application frameworks (tool-kits for making server-side applications), contributed to a few, and maintained a couple of popular ones.
Tags: #api
Saved on: 2020-01-08

The End of the Beginning

The first American automobile maker, Duryea Motor Wagon Company, was founded in 1895; 34 more auto-makers would be founded in the U.S. in the following five years.
Tags: #web #essay
Saved on: 2020-01-08

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word] — Smashing

Vitaly Friedman 178 min read Performance, Debugging, CSS, JavaScript, PDF, Checklists, Guides, Core Web Vitals Share on Twitter, LinkedIn Let’s make 2021… fast! An annual front-end performance checklist (available as PDF, Apple Pages, MS Word), with everything you need to know to create fast
Saved on: 2020-01-07

The Data Detox Kit: Learn the Essentials

The Data Detox Kit requires javascript and supports newer versions of Chrome, Safari, and Firefox. Please enable javascript in your browser and refresh this page. Still having issues? Try Firefox.
Tags: #privacy
Saved on: 2020-01-06

Why are agent nouns good?

Another talk: https://www.youtube.com/watch?v=dfgtKb-VpRk You don't have to really watch it. Basically, he's saying many people currently do for
Saved on: 2020-01-05

0x4447/0x4447_product_s3_email

This solution is free for anyone to use and learn from. If you’d like to see more projects like this one, consider using some of our products from the AWS Marketplace or share them with someone you might think would be interested in using them.
Tags: #tools #aws
Saved on: 2020-01-05

What Every Developer Absolutely, Postively Needs to Know about Database Indexing

Thought this one was definitely worth sharing. I liked i at least. https://www.youtube.com/watch?v=HubezKbFL7E
Saved on: 2020-01-04

Handling Plugins In PHP

A common problem that developers face when building applications is how to allow the application to be “plug-able” at runtime. Meaning, to allow non-core code to modify the way an application is processed at runtime.
Saved on: 2019-12-30

x.com

Saved on: 2019-12-30

How tracking pixels work - Julia Evans

I spent some time talking to a reporter yesterday about how advertisers track people on the internet.
Saved on: 2019-12-19

Routing in Slim 4 – Rob Allen's DevNotes

Routing in Slim 4 works pretty much exactly the same as in Slim 3. They are used to map a URL that the browser requests to a specific handler that executes the code for that particular page or API endpoint. You can also attach middleware that will only be run when that route is matched.
Saved on: 2019-12-19

Having fun with Kubernetes #0 – Martin Pham

Kubernetes (aka k8s – well, because there are 8 characters between K and S) was always on my Checklist for a long time. Since I wanted to learn more about DevOps to improve our delivery process at work.
Saved on: 2019-12-19

How to Use Ansible to Install and Set Up LAMP on Ubuntu 18.04 | DigitalOcea

Server automation now plays an essential role in systems administration, due to the disposable nature of modern application environments.
Saved on: 2019-12-18

No, disabling a button is not app logic.

I'm going to start this post with an excerpt from the book "Constructing the User Interface with Statecharts", written by Ian Horrocks in 1999: User interface development tools are very powerful.
Saved on: 2019-12-16

SQL Murder Mystery

There's been a Murder in SQL City! The SQL Murder Mystery is designed to be both a self-directed lesson to learn SQL concepts and commands and a fun game for experienced SQL users to solve an intriguing crime. This exercise is meant more as a way to practice SQL skills than a full tutorial.
Saved on: 2019-12-16

Making Distributed Working Work ◆ 24 ways

Four years ago, I started working at a small startup called Snyk that’s based in two locations – London and Tel Aviv.
Saved on: 2019-12-12

TahaSh/vue-forum-app: The frontend of an example fullstack app built using

This repo demonstrates almost everything you need to know to build a complete fullstack application using Vue and Node/Express. This demo covers things like: I'm here assuming that the backend will run on localhost:5000.
Tags: #vuejs
Saved on: 2019-12-11

You Don't Know JS Ebooks

This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Saved on: 2019-12-11

Ask HN: We are shutting down our startup, I get our code. What now? | Hacke

My co-founder recently decided to shut the company down, focusing on what he/she does best rather than being reliant on tech/design loops by making our amazing designer create a Shopify site that he/she can manage him/herself.
Saved on: 2019-12-10

Fast load times

Web performance is a crucial aspect of web development that focuses on the speed at which pages load, as well as how responsive they are to user input. When you optimize your website for performance, you're giving users a better experience.
Tags: #performance
Saved on: 2019-12-09

Low-Cost VPS Testing

Last time around I was looking for a large dedicated VPS in the $100/month price range. Since then I have started deploying a lot more tiny cloud instances that cost less than $10/month to run just one or two apps.
Tags: #server
Saved on: 2019-12-07

The Amazon Builders' Library

مركز المطورين / ...
Saved on: 2019-12-06

Lessons Learned from Testing and Refactoring Legacy – 24 Days in December

I remember when I first discovered automated testing. I immediately wanted to apply it to all the projects that I was working on, but it didn’t work as well as I expected. In fact, it was a disaster, which is why so many developers shy away from tests after a few failed attempts.
Tags: #testing #php
Saved on: 2019-12-05

YouTube

Let's Learn About php 7.4 and its new features! Lesson 1: Class property typing (easy casting) https://www.youtube.com/watch?v=DG9raLLgQjI&list=PLNuh5_K9dfQ1...
Tags: #php
Saved on: 2019-12-05

Generics in PHP using PHPDocs - Ondřej Mirtes - Medium

Two years ago I wrote an impactful article on union and intersection types. It helped the PHP community to familiarize themselves with these concepts which eventually led to intersection types support in PhpStorm. Today I have a similar goal. Generics are coming to PHPStan 0.
Saved on: 2019-12-02

How to Overlap Images in CSS | Bri Camp Gomez

Something very popular in web design currently is overlapping images. When the design is handed to you, as the developer to implement it, there are a few ways to go about it like most things with CSS.
Saved on: 2019-12-02

Title, Author, Keyword Search:

We improve the lives of professional developers. We create timely, practical books on classic and cutting-edge topics to help you learn and practice your craft, and accelerate your career. Come learn with us.
Tags: #books
Saved on: 2019-11-29

Developer Roadmaps

Community driven roadmaps, articles and guides for developers to grow in their career.
Saved on: 2019-11-21

My ffmpeg Cookbook | LornaJane

I have been doing more screencasting lately, so I thought I’d share some recipes here, for my own future use and in case anyone else wants to use them. I capture my videos using Kazam on Ubuntu, usually by resizing my second monitor to 800×600 and then capturing that.
Tags: #video #guide
Saved on: 2019-11-20

Build your own React

We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features. You can find the history with the old blog posts and the code on the Didact repo.
Saved on: 2019-11-15

Kubernetes for Full-Stack Developers, a self-guided course. | DigitalOcean

Working on improving health and education, reducing inequality, and spurring economic growth? We'd like to help.
Saved on: 2019-11-14

PHP static code analysis – keep your code under control

How many times have you seen a code that seemed to be written in a rush? Multiple times, I believe.
Tags: #php
Saved on: 2019-11-13

The Google Squeeze

In 3Q 2014 Google had $16.5 billion in revenue and $2.8 billion in profit. I proceeded to write an article entitled Peak Google. Fast forward to last quarter, and Google had $36 billion in revenue and $6.7 billion in profit, increases of 118% and 139% respectively.
Tags: #business
Saved on: 2019-11-13

Developers mentoring other developers: practices I've seen work well

How does mentoring work? I asked this question ten years into my software engineering career when I joined Uber. Until then, I've never received or done mentoring, or at least never put this label on any activity I've done before. Uber, however, had an official mentoring program.
Saved on: 2019-11-12

Keep your source code SIMPLE

As software developers we are fortunate to have many useful best practices for productive and fun coding like the SOLID principles, GRASP patterns, or STUPID anti-patterns.
Saved on: 2019-11-10

CSS Utility Classes and "Separation of Concerns"

Over the last several years, the way I write CSS has transitioned from a very "semantic" approach to something much more like what is often called "functional CSS.
Saved on: 2019-11-07

Legacy PHP Application: PHP CS Fixer & PHP Code Sniffer for PSR1 & PSR2 – S

Part 1 of this series covers a tour of my 14+ year old legacy CMS called LampLight and it continues with my use of command line code analysis tools to migrate it from PHP v 5.6 to 7.3.
Tags: #php
Saved on: 2019-11-05

Tailwind Builder

is now part of Shuffle™. The new editor includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI. Switch to Shuffle → Create Tailwind templates in minutes The only product for Tailwind CSS that includes a visual editor, 25+ beautiful styles, and 5,800+ UI components.
Saved on: 2019-11-04

An always-available, online-capable Raspberry Pi in your pocket · ./jm

These days, I’m building a lot of hardware projects based on the ubiquitous Raspberry Pi mini computer. Especially with the Raspberry Pi Zero W (an even tinier version, with the W denoting the wifi-capable version), you can have one anywhere and can power it from any USB power source.
Saved on: 2019-11-03

Twelve-factor app development on Google Cloud

This document describes the popular twelve-factor app methodology and how to apply it when you develop apps that run on Google Cloud. If you use this methodology, you can make scalable and resilient apps that can be continuously deployed with maximum agility.
Saved on: 2019-11-01

Posts by categories | Philippe Bourgau’s Blog

How to fix bad agile by starting neutral discussions about baby-steps programming. Baby steps are a sustainable and productive approach to writing code. Here is a step-by-step workshop to guide a team to drawing a Quality View.
Saved on: 2019-10-31

The Little Handbook of Statistical Practice

The Little Handbook of Statistical Practice Gerard E. Dallal, Ph.D Chief, Biostatistics Unit Jean Mayer USDA Human Nutrition Research Center on Aging at Tufts University 711 Washington Street Boston, MA 02111 Gerard.Dallal@tufts.
Tags: #statistics
Saved on: 2019-10-29

Developers: Get Ready for New SameSite=None; Secure Cookie Settings

When a resource on a web page accesses a cookie that matches the site the user is visiting, this is same-site or “first party” context.
Saved on: 2019-10-24

PHP: Patterns and Principles

PHP: Patterns and Principles is the upcoming book by Brent Roose, creator of stitcher.io, Laravel Beyond CRUD, and PHP Annotated. It focuses on teaching PHP developers patterns and principles in dealing with larger web apps.
Saved on: 2019-10-21

ITCSS: Scalable and Maintainable CSS Architecture - Xfive

How do I make my CSS scalable and maintainable? It’s a concern for every front-end developer. ITCSS has an answer. In 2016, we published an article on ITCSS, where we shared our experience with its implementation into our own development workflow.
Tags: #css
Saved on: 2019-10-18

Custom error rendering in Slim 4 – Rob Allen's DevNotes

One of the nice things about Slim 4 is that it’s easier to customise the HTML generated on error without having to worry about the rest of the error handling mechanism. This is because we have separated error rendering from error handling.
Saved on: 2019-10-17

Object Oriented PHP for beginners

Object oriented PHP tutorials. This playlist covers Object-Oriented PHP in details. Starting with very basics: Creating classes and objects. ending with much...
Tags: #video #php
Saved on: 2019-10-17

Designing accessible color systems

Color contrast is an important aspect of accessibility. Good contrast makes it easier for people with visual impairments to use products, and helps in imperfect conditions like low-light environments or older screens.
Saved on: 2019-10-17

Reversing private APIs, Safeway, and not-so-extreme couponing

The browser fires an OPTIONS request to https://albertsons.okta.com/api/v1/authn. Since we’re doing this programmatically, we don’t need to worry about this (as it’s for cross origin request safety, a browser safety feature).
Saved on: 2019-10-15

Embracing simplicity in your code - Marcel Pociot's blog about Laravel, PHP

Before I start going into any details in this blog post, I want us to have the same definition of the meaning of "simplicity" and "simple" that I am referring to in this article.
Tags: #programming
Saved on: 2019-10-11

Decouple Vue.js components from the Vuex Store - Markus Oberlehner

One of the main concerns I have when building Vuex-based applications is the tight coupling of components with the Vuex store that seems inevitable when using Vuex.
Saved on: 2019-10-10

The Obvious UI is Often the Best UI

Voltaire said, “le sens commun est fort rare”—common sense is very rare. Perhaps to realize that a certain decision is common sense, one has to have enough life experience to know the right path to take , at which point certain choices become common sense and don’t require much analysis.
Saved on: 2019-10-10

9 Projects you can do to become a Frontend Master

Whatever you do, it's always beneficial to have the right tools at your disposal. I love working remotely and am a big advocate of doing remote software development. Therefore, I always strive to have the best equipment available to be as productive as possible.
Saved on: 2019-10-09

Animated Icons - 200 Free Icons

Icons All styles New icons Illustrations Forum Pricing Products English 简体中文 Français Deutsch Italiano 日本語 Português Русский Español 한국어 Filters Animated Animated and static Animated Static Icon type All designers All designers Icons8 Guest Artists Designers iOS 11,026
Tags: #webdesign
Saved on: 2019-10-09

https://bitbucket.org/BitPusher16/dotfiles/raw/49a01d929dcaebcca68bbb1859b4

#!/bin/bash ########## # contents ########## # contents # notes # script setup # git config files # local versioning within a single commit # local versioning across commits # local branches # remote repos # remote repos with multiple users # commands that can change published commit history # misc
Tags: #git
Saved on: 2019-10-08

Editorial Design Patterns With CSS Grid And Named Columns

10 min read CSS, CSS Grid, Patterns Share on Twitter, LinkedIn Try monday dev for free! Building Modern HTML Emails, with Rémi Parmentier Deep Dive On Accessibility Testing, with Manuel Matuzović Advertise on Smashing Magazine Start with $100 Credits! Accessible Typography for Web & UI Design Mast
Tags: #css-grid #css
Saved on: 2019-10-06

A github CI workflow tailored to modern PHP applications (Laravel, Symfony, …)

Last year we wrote a blogpost about our setup we use for Oh Dear! with Gitlab, and how we use their pipelines for running our CI tests. Since then, we’ve moved back to Github since they introduced their free private repositories.
Tags: #php
Saved on: 2019-10-06

Your tips to write testable (PHP) code?

I'm going to make a quick seminar for my team on how to improve the testability of our (15 years old) PHP code-base. Do you have any specific tips and
Saved on: 2019-10-05

Hover States / The home of alternative digital design

Turning the launch of their website in to a performance studio F451 live streamed the designing, the coding, the lunch breaks and a round table discussion into a captivating holding page and a slick scroller portfolio.
Tags: #webdesign
Saved on: 2019-10-03

Managing Flow and Rhythm with CSS Custom Properties ◆ 24 ways

An important part of designing user interfaces is creating consistent vertical rhythm between elements. Creating consistent, predictable space doesn’t just make your web pages and views look better, but it can also improve the scan-ability.
Saved on: 2019-10-02

https://unawaz.github.io/stochastic-hill-climbing/tasks/

20,000 Startup Ideas (This data comes from the O*NET web site.) This gives a kind of map of the territory of current economically important human activities. Therefore it represents a good source of startup ideas. It maybe is even the listing of approximately all startup ideas.
Tags: #startup
Saved on: 2019-10-01

A simple guide to HTML <head> elements

Valid <head> elements include meta, link, title, style, script, noscript, and base. These elements provide information for how a document should be perceived, and rendered, by web technologies. e.g. browsers, search engines, bots, etc.
Tags: #webdev
Saved on: 2019-10-01

Strategies for Long Projects - Ben Brostoff

Each I started months ago and have found brutally difficult in unique ways. For each, progress is often times non-visible and the visible progress is incremental. Running is frequently an exercise in watching your pace go up and down with no discernible reason for the zigs and zags.
Saved on: 2019-09-30

Dependency Injection in Vue.js with Functional Component Factories - Markus

If you are a regular reader of my blog, you may have noticed that many of my articles are about decoupling components from dependencies. Over the past few months, I have written a few articles on this subject.
Tags: #vuejs
Saved on: 2019-09-30

Article Series - .NET Core 3

With the release of .NET Core 3.0, Microsoft has the next major version of the general purpose, modular, cross-platform and open source platform that was initially released in 2016. .NET Core was initially created to allow for the next generation of ASP.
Saved on: 2019-09-24

Menus with "Dynamic Hit Areas" | CSS-Tricks

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Flyout menus! The second you need to implement a menu that uses a hover event to display more menu items, you’re in tricky territory. For one, they should work with clicks and taps, too.
Tags: #webdev #ux #css
Saved on: 2019-09-24

Static First: Pre-Generated JAMstack Sites with Serverless Rendering as a F

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! You might be seeing the term JAMstack popping up more and more frequently. I’ve been a fan of it as an approach for some time.
Tags: #jam-stack
Saved on: 2019-09-24

Data Provider component in Vue.js

By using component-based technologies such as Vue.js, doesn't mean that all components must be UI based. In fact, my favourite way to apply advanced reusability in large applications is by using component composition.
Tags: #vuejs
Saved on: 2019-09-24

README.md

Compatible with popular PHP Frameworks such as Laravel 5+ & Symfony 4+ and their variants. Typically deployed on Kubernetes.
Saved on: 2019-09-24
❤️
</>
2025