magnASCII.io Simone Magnaschi
Senior Full Stack Web Dev

noximo/PHP-colored-ascii-linechart

Create beautiful, versatile ASCII line-charts within Terminal, written in PHP. This will print a simple chart with a single point in default colors.
Tags: #to-study #php
Saved on: 2018-08-06

Learning From Terminals to Design the Future of User Interfaces

I was recently called out on Twitter for claiming that Electron-based Slack, with three teams configured, regularly takes 30+ seconds to load. They claimed that I was either committing gross hyperbole, or the victim of some localized problem.
Tags: #ux
Saved on: 2018-08-04

Modular imports with AWS Amplify – Hacker Noon

The latest release of AWS Amplify now includes modular imports. Let’s take a look at what this means in terms of implementation & benchmarking.
Saved on: 2018-08-03

The Cost Of JavaScript In 2018 – Addy Osmani – Medium

Update: The Cost Of JavaScript In 2019 is now available to read. Building interactive sites can involve sending JavaScript to your users. Often, too much of it. Have you been on a mobile page that looked like it had loaded only to tap on a link or tried to scroll and nothing happens?
Saved on: 2018-08-03

Top 5 Hot Graphic Design Trends – Neringa – Medium

In my experience as a graphic designer, one of the most exciting parts of my work is exploring new visual trends. The beauty lies in the constant change of graphic design styles returning from the past and mixing with today’s movements. They add new perspectives which is always inspiring.
Tags: #design
Saved on: 2018-08-02

Seven principles of effective digital navigation – Gerry McGovern – Medium

Design for forward momentum. Designing digital navigation is not that different from designing navigation for a road. You always want to be able to help people maintain their momentum and get to their destination as quickly as possible.
Tags: #ux
Saved on: 2018-08-02

Web Typography Resources for Web Designers and Web Developers | Better Web

Web typography is a bit tricky. Take this web typography quiz and test your typography knowledge. Vertical and horizontal rhythm in web typography.
Saved on: 2018-07-31

Developing at Full Speed with Xdebug | Juan Treminio - Dallas based senior

Docker for Mac is very slow. It is so slow that I purchased a new Dell XPS laptop and for the first time in 6 years am now using a non-MacOS (Fedora) machine as my daily driver.
Saved on: 2018-07-30

Announcing TypeScript 3.0 | TypeScript

TypeScript 3.0 is here! Today marks a new milestone in the TypeScript journey, serving JavaScript users everywhere.If you’re unfamiliar with TypeScript, it’s not too late to learn about it now! TypeScript is an extension of JavaScript that aims to bring static types to modern JavaScript.
Saved on: 2018-07-30

How Goodreads offloads Amazon DynamoDB tables to Amazon S3 and queries them

At Goodreads, we’re currently in the process of decomposing our monolithic Rails application into microservices. For the vast majority of those services, we’ve decided to use Amazon DynamoDB as the primary data store.
Saved on: 2018-07-30

Design Principles - React

We wrote this document so that you have a better idea of how we decide what React does and what React doesn’t do, and what our development philosophy is like. While we are excited to see community contributions, we are not likely to choose a path that violates one or more of these principles.
Saved on: 2018-07-30

LayoutIt! Interface Builder for Bootstrap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget sapien sapien. Curabitur in metus urna. In hac habitasse platea dictumst. Phasellus eu sem sapien, sed vestibulum velit. Nam purus nibh, lacinia non faucibus et, pharetra in dolor. Sed iaculis posuere diam ut cursus.
Saved on: 2018-07-26

zen-of-programming.com

Tags: #tools
Saved on: 2018-07-24

From Helpers to Middleware [eng] / Marco Pivetta

PHP fwdays'18 conference took place on June 10 in Kyiv. Facebook: https://www.facebook.com/fwdays Twitter: https://twitter.com/fwdays Telegram: https://t.me/phpfwdays
Tags: #video #php
Saved on: 2018-07-23

JavaScript fundamentals before learning React

After all my teachings about React, be it online for a larger audience or on-site for companies transitioning to web development and React, I always come to the conclusion that React is all about JavaScript.
Saved on: 2018-07-20

Why punk keeps connecting people across space and time

On a cool night late in the summer of 1976, David Godlis stood on the Bowery: a desolate NYC strip synonymous with flophouses and winos who’d lived under the shadow of the Third Avenue El train for more than a century.
Saved on: 2018-07-18

Building the Google Photos Web UI

A few years ago I had the privilege of being an engineer on the Google Photos team and part of the initial launch in 2015.
Saved on: 2018-07-18

storage/README.md at master · igniphp/storage

Minimalistic entity framework with multi database support. - storage/README.md at master · igniphp/storage
Saved on: 2018-07-17

How to set up a short feedback loop as a solo coder - DEV Community ?‍??‍?

I've spent the last couple years as a solo freelance developer. Comparing this experience to previously working in companies, I've noticed that those of us who work alone can have fewer iterative opportunities for improvement than developers who work on teams.
Tags: #programming
Saved on: 2018-07-16

How Image Optimisation Decreased my Website's Page Weight by 62%

Images are one of the most fundamental types of content that is served on the web. They say an image is worth a thousand words, but it can also be worth quite a few megabytes too if you’re not careful.
Saved on: 2018-07-16

More than concentric layers – @herbertograca

This post is part of The Software Architecture Chronicles, a series of posts about Software Architecture. In them, I write about what I’ve learned on Software Architecture, how I think of it, and how I use that knowledge.
Saved on: 2018-07-13

Delivering WordPress in 7KB | CSS-Tricks

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Over the past six months, I’ve become increasingly interested in the topic of web sustainability.
Saved on: 2018-07-12

CSS Grid in IE: CSS Grid and the New Autoprefixer | CSS-Tricks

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! In Part 1 of this series, I debunked a few misconceptions that many people have around the Internet Explorer (IE) implementation of CSS grid. This article builds on that knowledge.
Tags: #webdev #css
Saved on: 2018-07-12

Essential Chrome Developer Tools: Beginner to Master

With the advent of modern frameworks, ES6 and the increasing risk of security everyday, knowing how to use Chrome developer tools can give you a major boost in productivity and help in easy diagnosis of a website’s performance.
Tags: #webdev
Saved on: 2018-07-09

Is timeless UI design a thing?

Why would I want my design to last that long? Sometimes you don't really want your design to be timeless. Sometimes you need your product out really quick because you know it will lose its timing very soon, so you just want to bank now.
Saved on: 2018-07-09

How to manage any kind of secret with AWS Secrets Manager

AWS Secrets Manager is a service recently released designed to make the management of secrets easier. It provides built-in support for Amazon RDS, making it very easy to set and rotate secrets and use the CLI or an SDK to retrieve secrets from applications.
Tags: #security #aws
Saved on: 2018-07-08

Particular/Workshop: SOA Done Right

Welcome to the workshop. Optional: PostmanSee FAQ for more information.
Saved on: 2018-07-06

Facebook post preview with ReactJS and AWS Lambda

I'm currently focused on learning more about React. For me, the best way to learn something is to build a small project that's not a todo list (lol).
Saved on: 2018-07-05

learn-vuejs/vue-patterns

Useful Vue patterns, techniques, tips and tricks and helpful curated links.
Tags: #vuejs #guide
Saved on: 2018-07-04

multi-image-blog-project — SitePoint

Image Resizing: Bruno Škvorc shows how to modify a multi-image gallery blog to serve resized versions of images depending on the size of the viewport. Tonino Jankov shows how to optimize on-the-fly thumbnail generation, reducing request time from 28 to 0.7 seconds with Nginx and pm-static.
Saved on: 2018-07-02

Robert Heaton

Five years ago I realized that I remembered almost nothing about most books that I read. I was reading all kinds of non-fiction - pop-psychology, pop-economics, pop-sociology, you name it - and felt like quite the polymath auto-didact.
Tags: #learning
Saved on: 2018-07-01

blue-chip-js/blue-chip

BlueChip accepts payloads from GraphQL or JsonAPI servers, normalizes them into your store and provides an ORM like syntax for retrieving the data for use. There are only two things that BlueChip does.
Saved on: 2018-06-30

kay-is/react-from-zero

A simple (99% ES2015 less) tutorial for React. Everything runs in the browser without a manual pre-compilation. If you want to run the examples with create-react-app, you have to copy the text/babel script parts of the examples into the src/index.
Saved on: 2018-06-30

Medium

You can find (just about) anything on Medium — apparently even a page that doesn’t exist.
Saved on: 2018-06-29

How to build a real-time editable data table in Vue.js

Learn to code for free. freeCodeCamp's open source curriculum has helped more than 40,000 people get jobs as developers. Get started
Tags: #vuejs
Saved on: 2018-06-27

Loading...

Saved on: 2018-06-26

Bash Brackets Quick Reference

Bash has lots of different kinds of brackets. Like, many much lots. It adds meaning to doubling up different brackets, and a dollar sign in front means something even more different. And, the brackets are used differently than many other languages.
Tags: #bash
Saved on: 2018-06-21

The Layouts of Tomorrow | Max Böck - Frontend Web Developer

It mocks the fact that a lot of today’s websites look the same, as they all follow the same standard layout practices that we’ve collectively decided to use. Building a blog? Main column, widget sidebar. A marketing site? Big hero image, three teaser boxes (it has to be three).
Saved on: 2018-06-21

Certificates for localhost

Sometimes people want to get a certificate for the hostname “localhost”, either for use in local development, or for distribution with a native application that needs to communicate with a web application.
Tags: #webdev #https
Saved on: 2018-06-20

React Native at Airbnb – Airbnb Engineering & Data Science – Medium

This article was published in 2018 and reflects the state of React Native at the end of 2017. When using these articles to make decisions about your business, please use discretion.
Saved on: 2018-06-20

The machine Fired me

It was 7am when my phone rang. Instead of an alarm, it was my recruiter disturbing me from a pleasant dream. It was too early for a phone call or to be caught off guard, so I did not answer. I went to take a shower and get ready for the day.
Tags: #story
Saved on: 2018-06-20

Material Design is a political choice

Materialism is the new Modernism? In design history, the idea of universality and neutrality comes from the Modernism movement - or Swiss Style - which, one could suppose, is what Google means by “good classic design”.
Saved on: 2018-06-18

More Unicode Patterns | CSS-Tricks

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Creating is the most intense excitement one can come to know.
Saved on: 2018-06-15

The Fullstack Tutorial for GraphQL

The free and open-source tutorial to learn all around GraphQL to go from zero to production. In the first chapter, you’ll learn about the core concepts of GraphQL.
Saved on: 2018-06-13

Easier scrollytelling with position sticky

Bar is 10% Bar is 90% Bar is 50%
Saved on: 2018-06-13

How to display a "new version available" of your Progressive Web App

In this article, I will show you how to add a notification to your site and display it each time that there is a new version of the service worker available. You’ll also learn how to refresh the page, so that the user is up to date and has the latest version of any cached files.
Tags: #pwa
Saved on: 2018-06-12

How Frank Chimero Designs a Poster | The Work Behind The Work

Frank Chimero is a designer, illustrator, and author based in New York. His clients range from Nike to NPR and his work has been featured in Monocle, The Atlantic, Time, Slate and The New Yorker. In this article, Frank takes us through his process of designing a poster, from concept to production.
Tags: #design #art
Saved on: 2018-06-11

Mister Rogers Had a Simple Set of Rules for Talking to Children

The TV legend possessed an extraordinary understanding of how kids make sense of language. For the millions of adults who grew up watching him on public television, Fred Rogers represents the most important human values: respect, compassion, kindness, integrity, humility.
Tags: #kids #culture
Saved on: 2018-06-09

15 Experts Share Their Web Performance Advice for 2018

We had a lot of great feedback from the community on our previous post, web performance experts to follow online.
Saved on: 2018-06-08

You’re Doing Scrum Wrong, and Here’s How to Fix It – Hacker Noon

When the Manifesto for Agile Software Development was first published, it was not a process, but a set of guiding principles. Two of the core, foundational principles of agile development are reflection and continuous improvement.
Saved on: 2018-06-08

Offline-First Progressive Web Apps (PWA) in Vue.js from @alexjoverm on @egg

Progressive Web Apps are just Web pages, but with superpowers. They load under uncertain network conditions, even offline. They’re fast and engaging, providing the best user experience. They can be installed on your smartphone if the browser supports it, feeling like a native app.
Saved on: 2018-06-07

How to Pick a Good Monitor for Software Development

You would think buying a monitor is easy. Just read a few reviews and add it to your cart, easy peasy.
Saved on: 2018-06-06

Guide to leading a team

Alignment, accountability and transparency are the building blocks of a successful team. They are must-haves to make everything else in this guide work. Let’s outline how communication actually happens on a high performing team. There are typically 2 processes for formal communication:
Tags: #management
Saved on: 2018-06-06

Git Merge vs Git Rebase

Git merge and rebase serve the same purpose – they combine multiple branches into one. Although the final goal is the same, those two methods achieve it in different ways. Which method to use? Here you have a sample repository that has two diverging branches: the master and the feature.
Tags: #git
Saved on: 2018-06-04

HTML5 UP

Unlimited access to 80+ responsive site templates (including everything at HTML5 UP), plus extras and support for just $19.
Saved on: 2018-06-03

Page Object Model (POM) | Design Pattern

Page Object Model is a design pattern which has become popular in test automation for enhancing test maintenance and reducing code duplication. A page object is an object-oriented class that serves as an interface to a page of your AUT.
Tags: #testing
Saved on: 2018-06-02

PHP-FPM: Process Management | Servers for Hackers

Learn how to manage how PHP-FPM creates and uses PHP processes to get the most out of your server.I'm running Ubuntu 14.04 in this video: # See the version used.
Saved on: 2018-06-01

Tcpdump Examples

Practical tcpdump examples to lift your network troubleshooting and security testing game. Commands and tips to not only use tcpdump but master ways to know your network.
Tags: #linux #guide
Saved on: 2018-05-30

Vue <3 GraphQL

TL;DR: I made dis: https://vuex-orm.github.io/vuex-orm-graphql/ This is my first article on dev.to and I want to use this to share my current open source project with this amazing community :) The GraphQL Plugin for Vuex-ORM and this article is powered by the Germany based i22 Digitalagentur GmbH.
Saved on: 2018-05-29

Invisible asymptotes — Remains of the Day

My first job at Amazon was as the first analyst in strategic planning, the forward-looking counterpart to accounting, which records what already happened.
Saved on: 2018-05-29

Liskov and type safety - stitcher.io

I've been fascinated by type systems in programming languages for a while now. Recently, something clicked for me about inheritance and types. Not only did it clarify type variance, I also understood what the Liskov substitution principle actually is about.
Saved on: 2018-05-28

Building a YouTube MP3 Downloader with Exodus, FFmpeg, and AWS Lambda

Let’s focus on the easy part first: what we’ll be building in this tutorial. The end result will be a browser bookmarklet which can be used to convert YouTube videos to MP3s and download them.
Tags: #lambda #guide
Saved on: 2018-05-27

spatie/typed

This package is a mere proof of concept about what's possible in PHP's userland to improve type checking. It adds support for type inference, generics, union types, typed lists, tuples and structs. Because all is done in userland, there are limitations on what syntax is possible.
Saved on: 2018-05-25

Cool Backgrounds

After laboring over your latest piece of writing, one of the hardest steps before hitting publish is finding an exciting background image to really showcase and draw attention to your post.
Tags: #tools
Saved on: 2018-05-25

Wired Elements

A set of common UI elements with a hand-drawn, sketchy look. These can be used for wireframes, mockups, or just the fun hand-drawn look. The elements are drawn with enough randomness that no two renderings will be exactly the same — just like two separate hand-drawn shapes.
Saved on: 2018-05-25

jorgebucaran/hyperapp

The tiny framework for building hypertext applications. Here's the first example to get you started. —no build step required!
Saved on: 2018-05-23

Vue.js

Vue.js is great. However, when you start building large scale JavaScript applications, you will start to hit the boundaries of the Vue.js. These boundaries are not really the limitations of the framework; rather these are the important design decisions that Vue.js team had taken from time to time.
Tags: #vuejs
Saved on: 2018-05-23

pwm/s-flow: A lightweight library for defining state machines that supports

S-Flow is a lightweight library for defining finite state machines (FSM). Once defined the machine can be run by giving it a start state and a sequence of events to derive some end state.
Saved on: 2018-05-21

Serverless and PHP: introducing Bref | Matthieu Napoli

Serverless basically means "Running apps without worrying about servers". Obviously there are still servers involved, the main difference is that you do not maintain the servers and reserve their capacity. They are scaled up or down automatically and you pay only for what you use.
Saved on: 2018-05-17

The Ultimate Guide to Automated WordPress Deployments

Like any CMS or web application, deploying WordPress can be a complex affair. Missing files during an upload can cause errors, incorrectly migrating the database can cause data loss, and moving a large library of media files can take a long time.
Tags: #wordpress
Saved on: 2018-05-17

Where Lines Break is Complicated. Here’s all the Related CSS and HTML.

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Say you have a really long word within some text inside an element that isn’t wide enough to hold it. A common cause of that is a long URL finding it’s way into copy.
Saved on: 2018-05-16

Learn VIM while playing a game

VIM Adventures is an online game based on VIM's keyboard shortcuts (commands, motions and operators). It's the "Zelda meets text editing" game. It's a puzzle game for practicing and memorizing VIM commands (good old VI is also covered, of course).
Tags: #vim
Saved on: 2018-05-16

The headers we don't want

HTTP headers are an important way of controlling how caches and browsers process your web content. But many are used incorrectly or pointlessly, which adds overhead at a critical time in the loading of your page, and may not work as you intended.
Tags: #server
Saved on: 2018-05-16

Page Transitions for Everyone | CSS-Tricks

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! As Sarah mentioned in her previous post about page transition using Vue.js, there is plenty of motivation for designers and developers to be building page transitions.
Saved on: 2018-05-15

how_to_do_things_safely_in_bash.md

Like programming in C or driving a car, contemporary shellscript languages require some knowledge and discipline to use safely, but that's not to say it can't be done. This guide accompanies Shellharden, the corrective syntax highlighter.
Tags: #bash
Saved on: 2018-05-15

Optimizing front-end delivery with Webpack 4 · Jesal Gadhia

With the latest major Webpack release (version 4.x), we are at a point where you don’t need a config to get started. It is optimized by default (#0CJS!).
Tags: #webpack
Saved on: 2018-05-15

Git Submodules Revisited

Git's submodules are so universally derided that there's practically an entire industry devoted to providing alternatives for managing dependencies.
Tags: #git
Saved on: 2018-05-15

Event Sourcing made Simple – Kickstarter Engineering

tl;dr: Event Sourcing is to data what Git is to code. We’ve implemented a minimal event sourcing framework at Kickstarter to power d.rip. It’s simple and it has made our life so much better! Read on! Most software developers use a tool to keep track of code history.
Saved on: 2018-05-14

Thermo

Expert support, elite performance, and ultra-flexible infrastructure. Nexcess raises the bar on hosting. Managed WooCommerce on Nexcess is the high-performance you need if you're running a serious online shop.
Saved on: 2018-05-14

Rebuilding the WordPress Edit Screen for Fairfax Media — Human Made

Enterprise WordPress projects differ substantially from a typical WordPress project, which might simply be a custom theme with some posts, pages, and a widgetized sidebar or two.
Tags: #wordpress
Saved on: 2018-05-14

The Relative Units of CSS - Pine

The units in CSS are critical as we work with these all the time. You can’t build anything without using these so we must know the units properly. We all know well our favorite unit which is the pixel.
Tags: #css
Saved on: 2018-05-14

hobby-kube/guide

This guide answers the question of how to setup and operate a fully functional, secure Kubernetes cluster on a cloud provider such as Hetzner Cloud, DigitalOcean or Scaleway.
Saved on: 2018-05-12

Book recommendations on TDD?

I'm on the mission to improve myself as a programmer and lately I've started reading the books recommended by the community, Clean Code by Robert C. M
Tags: #tdd #books
Saved on: 2018-05-10

My struggle to learn React | Brad Frost

I’m going to be honest: I’ve had a hell of a time getting my head around React. More than any other technology I’ve touched over the last 10 years of my career, I just haven’t had it click for me. It’s very frustrating as I really want to learn it, and it’s clear the library has legs.
Saved on: 2018-05-09

Google I/O 2018

Saved on: 2018-05-09

Chromium Blog: The State of the Web at Google I/O 2018

The introduction of the Service Worker API is one of the most significant improvements to the web in recent history. It frees developers from the limited lifecycle of pages, working in the background to intercept network requests and handle incoming events to enable web apps to work offline.
Tags: #webdev
Saved on: 2018-05-09

Building a Progressive Web App in React

In case you haven’t heard, Progressive Web Apps (PWAs) are finally ready for prime time. It might not yet be obvious to many people how to install a PWA, but if you’ve done it once you won’t forget it and it’s simpler than using an app store.
Tags: #react-js #pwa
Saved on: 2018-05-09

How to Use Git Merge [the Correct Way]

Isolating features into different branches is a crucial practice for any serious developer. By separating each feature, bugfix or working experiment you will avoid a lot of problems and keep your development branches clean.
Tags: #git
Saved on: 2018-05-08

How to build a news app with JavaScript and React Native

Requirements for building the app: A basic understanding of the JavaScript language. Node.js, and react native. Libraries used: moment, react-native, react-native-elements. If you’re not familiar with these resources, don’t worry — they are quite easy to use.
Saved on: 2018-05-08

The Art of Minimalism with UX

Minimalism is on the rise — but what is it? Is it the style of art that can be found in architecture, paintings, sculptures and design that eliminates all non-essential forms or features? Or is it a form of lifestyle where you declutter your life from all unnecessary things.
Tags: #webdesign #ux
Saved on: 2018-05-08

What I'd like to hear from an experienced developer when I was a beginner

When we are just students, getting our first jobs, many questions come to mind: What programming language should I learn? Should I pursue a more scientific oriented career? What are the types of jobs related to the technology I want to work on? Where to work? What kind of company? What has changed r
Saved on: 2018-05-08

As easy as 1,2,3…

In every day life we all do our calculations, whether for the taxman, our purchases, paying the household bills or in some academic discipline, using the place value decimal number system.
Saved on: 2018-05-08

Conversations with a six-year-old on functional programming

My six-year-old son walked up to me yesterday. “What are you reading?” At the time, I was reading part of Janis Voigtländer’s habilitation thesis. Unsure where to even start, I decided to just answer straightforwardly: “I’m reading a very long story about free theorems.”
Saved on: 2018-05-08
❤️
</>
2024