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.
Tags:
#productivity
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.
Saved
on: 2020-02-01
150,000 Botanical and Animal Illustrations Available for Free Download from
Saved
on: 2020-01-31
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.
Tags:
#productivity
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
Pavithra Kodmad su Twitter: "Hey twitter friends, can you link me to articl
Tags:
#webdev
Saved
on: 2020-01-23
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.
Tags:
#productivity
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
Tags:
#sw-architecture
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.
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
Php slim framework (Routing, middleware, service container, setting up twig templating and middleware).
Saved
on: 2020-01-14
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.
Tags:
#sw-architecture
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.
Tags:
#sw-architecture
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.
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
Ask HN: What Technologies to Learn in 2020? | Hacker News
Saved
on: 2020-01-05
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.
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
(2) Krutie Patel su Twitter: "Always switching between Vue and Nuxt project
Tags:
#vuejs
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.
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.
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.
Tags:
#sw-architecture
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...
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
Lessons learned scaling PostgreSQL database to 1.2bn records/month
Saved
on: 2019-10-16
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
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.
Tags:
#productivity
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.
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