Front-End Performance Checklist 2019 [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: 2019-01-10
Axiomatic CSS and Lobotomized Owls · An A List Apart Article
At CSS Day last June I introduced, with some trepidation, a peculiar three-character CSS selector. Called the “lobotomized owl selector” for its resemblance to an owl’s vacant stare, it proved to be the most popular section of my talk.
Tags:
#css
Saved
on: 2019-01-10
mkcert: valid HTTPS certificates for localhost
The web is moving to HTTPS, preventing network attackers from observing or injecting page contents.
Saved
on: 2019-01-07
My CSS Reset/Base
Since writing about the state of CSS resets in 2018, I’ve had a few people ask what my modified CSS reset looks like.
Tags:
#css
Saved
on: 2019-01-07
What Composer Packages do you always install and find useful (in a non Framework environment)?
Saved
on: 2019-01-05
Trek10 | From relational DB to single DynamoDB table: a step-by-step explor
Is your data secure? Find out with our free IBM security assessment! Learn More → Serverless From relational DB to single DynamoDB table: a step-by-step exploration Just because it's NoSQL, doesn't mean it's non-relational Forrest Brazeal | Jan 02 2019 Seriously, watch that video, then come back
Tags:
#database
Saved
on: 2019-01-04
The Best PHP Books 2018 and 2017 - PHP Classes
This article is a listing of PHP books that have been released in the last years that are best sellers in sites like Amazon. It was built with the collaboration of the authors that have written them so they can tell you better what the books are about and why they will be useful if you read them.
Saved
on: 2019-01-04
The Best Online Courses of Hacker News All Time
HN Academy collects, ranks, and showcases the best online courses recommended on Hacker News. Intro to TensorFlow for Deep Learning Udacity · 645 HN points · 16 HN comments Supervised Machine Learning: Regression and Classification Coursera · DeepLearning.
Tags:
#learning
Saved
on: 2019-01-04
Sanitize Your Inputs? | Kevin Smith
I'm often accused of being particularly fussy with regards to language and word choice, especially in technical discussions. It's true, but I'll wear that badge with pride.
Saved
on: 2019-01-03
More Algorithms Lecture Notes
This web page contains a free electronic version of my self-published textbook Algorithms, along with other lecture notes I have written for various theoretical computer science classes at the University of Illinois, Urbana-Champaign since 1998. Bug reports.
Tags:
#programming
Saved
on: 2019-01-02
CORS, In A Way I Can Understand - DEV Community ????
Two days ago, I tweeted my frustration: I was an hour in to diagnosing a tiny browser error that was breaking the entire project: "CORS error, Access-Control nice try, you can't do that, ha ha" (I'm paraphrasing). Apparently, it resonated with a bunch of friends online.
Tags:
#webdev
Saved
on: 2019-01-02
A Practical Intro to Test-Driven Development
These days you read a ton of articles about all the advantages of test-driven development (TDD), and hear a lot of talks at tech conferences that tell you to: “Do the tests!”, and how cool it is to do them.
Saved
on: 2019-01-02
5 Books Which Will Improve Your Career
I read. A lot. And I love reading books that will positively impact my career. I'm the type of person who is motivated by digesting motivational books and podcasts. The following five books changed my outlook on not only my career, but my life.
Saved
on: 2019-01-01
The Elements of UI Engineering
In my previous post, I talked about admitting our knowledge gaps. You might conclude that I suggest settling for mediocrity. I don’t! This is a broad field. I strongly believe that you can “begin anywhere” and don’t need to learn technologies in any particular order.
Saved
on: 2018-12-31
Hacking how we see
We mostly see with the mind, and the mind is flexible. For the four hundred million people with amblyopia (lazy eye), their brain encountered an installation error when linking both eyes as babies. As a "Plan B", their brain switched one eye off.
Saved
on: 2018-12-30
SchemaCrawler
SchemaCrawler is a free database schema discovery and comprehension tool. SchemaCrawler has a good mix of useful features for data governance. You can search for database schema objects using regular expressions, and output the schema and data in a readable text format.
Saved
on: 2018-12-30
The Inter typeface family
One of the most famous lighthouses of antiquity, as I have already pointed out, was the pharos of Alexandria, which ancient writers included among the Seven Wonders of the World.
Saved
on: 2018-12-30
More games should be truly honest about death
I never intended to make videogames about my brother. He died in May last year, standing in the crowded lobby of the Manchester Arena, at the hands of the radicalised young man who’d walked into the building and detonated a homemade explosive.
Saved
on: 2018-12-29
Things I Don’t Know as of 2018
People often assume that I know far more than I actually do. That’s not a bad problem to have and I’m not complaining. (Folks from minority groups often suffer the opposite bias despite their hard-earned credentials, and that sucks.)
Saved
on: 2018-12-29
Reactive DDD—When Concurrent Waxes Fluent
Thank you very much for attending. I know your time is very valuable, and I always value when people decide to take their time and listen to me present. So the talk today is, yes, reactive DDD, or domain-driven design.
Saved
on: 2018-12-28
Powerful Photos Of Life in the Old Glasgow Tenement Blocks - 1969-72 - Flas
Powerful Photos Of Glasgow Slums 1969-72
Saved
on: 2018-12-27
21 foundations of animation |
If you want to follow my full courses and don’t already have a subscription to linkedin learning, the link below will give you a free 30 day trial, more than enough time to watch the course (I get a small commission if you sign up here:) LinkedIn Learning: Start your 30 day free trial I’ve comp
Saved
on: 2018-12-27
You know a site has its shit together when… – Hacker Noon
Poll of the Week Trending Stories From Clicks to Value: TapSwap's Sustainable Approach to Tap-to-Earn 81,094 new reads BNB Chain Announces Gasless Stablecoin Transactions for Everyday Use 7,344 new reads EC-Council Introduces AI-Powered Ethical Hacking against Cybercrime 6,203 new reads Using MinIO
Tags:
#webdesign
Saved
on: 2018-12-27
A Beginner's Guide to Scaling to 11 Million+ Users on Amazon's AWS
How do you scale a system from one user to more than 11 million users? Joel Williams, Amazon Web Services Solutions Architect, gives an excellent talk on just that subject: AWS re:Invent 2015 Scaling Up to Your First 10 Million Users.
Saved
on: 2018-12-26
Getting started with Docker
In this post, you are going to learn what Docker is and how it can help you not only to keep your developing environment organized but also portable to any machine irrespective of the operating system. This is the first part of the series. Read on! Docker is not the first such attempt.
Saved
on: 2018-12-26
Brutalist Web Design. A Breath of Fresh Air in the Modern Web
When I was 10-11 years old, I was isolated and timid so expressing myself creatively was often hard and I usually just resorted to video games to pass my time. Until I discovered the world wide web. Then everything about me changed.
Tags:
#webdesign
Saved
on: 2018-12-26
The 10 most popular dev.to posts of 2018
I took the 10 most popular posts in the year section of dev.to and added some thoughts. Useful resources for programmers. Sahil Rajput ・ Nov 19 '18 ・ 10 min read #programmers #useful #lists #resources Being a beginner friendly community I'm not surprised this is the first one.
Saved
on: 2018-12-24
Ask HN: Best talks of 2018? | Hacker News
I've often felt that we (humanity) have pushed the boundaries of our knowledge right to some really hard lines to cross: relativity won't allow interstellar travel anytime soon, we are making progress in "soft AI" but "hard AI" is still insurmountable, even fusion seems as far as it's always been.
Saved
on: 2018-12-22
RubixML/RubixML: Rubix ML is a high-level machine learning library that let
Read the latest docs here. Rubix ML is a free open-source machine learning (ML) library that allows you to build programs that learn from your data using the PHP language.
Saved
on: 2018-12-21
nhsuk/nhsuk-frontend
NHS.UK frontend contains the code you need to start building user interfaces for NHS websites and services. Visit the NHS digital service manual for examples of components and guidance for when to use them.
Tags:
#frontend
Saved
on: 2018-12-21
Connect your devices to AWS IoT using LoRaWAN | The Internet of Things on A
Since the time of this blog post, we have announced AWS IoT Core for LoRaWAN. AWS IoT Core for LoRaWAN is a fully-managed feature that allows you to connect and manage wireless devices that use LoRaWAN connectivity with the AWS Cloud.
Tags:
#iot
Saved
on: 2018-12-20
Stripe Atlas: Writing copy for landing pages
Write copy that delights visitors, persuades prospects, and wins customers. In the beginning, there’s the landing page.
Saved
on: 2018-12-19
Michael Fogleman
Python solutions to the daily coding puzzles, explained. I first participated in Advent of Code (AoC) in 2017. My co-workers at Formlabs introduced it to me. This year (2018), quite a lot of Formlabs folks are taking part and we have a nice private leaderboard going.
Saved
on: 2018-12-19
Bubblin Superbooks—An online café of books | Bubblin Superbooks
New user? Sign up Refer documentation for more details on keyboard shortcuts.
Saved
on: 2018-12-18
9 books that helped me navigate my first time being a tech-lead
The tech lead was moving to another team for a long-term assignment, and I took over as the engineering manager/team lead. From the outside, the tech lead's job seemed doable, but I quickly realized I was getting in over my head.
Saved
on: 2018-12-14
Structuring a Vue project — Authentication – Boris Savic – Medium
For the past few years my primary focus has been on the software architecture and development of the backend services. I’ve tried to stay away from front-end as long as possible since it’s the one area of software development where I feel mostly useless and unproductive.
Saved
on: 2018-12-12
Home
REXPaint is a powerful and user-friendly ASCII art editor. Use a wide variety of tools to create ANSI block/line art, roguelike mockups and maps, UI layouts, and for other game development needs.
Saved
on: 2018-12-11
Data Structures and Algorithms in JavaScript from @kyleshevlin on @eggheadi
This course teaches you how to implement your first data structures and algorithms. In the process, you’ll learn some fundamental computer science concepts as well. We’ll build these from scratch using JavaScript, but what we learn can be taken and used in any other language, too.
Saved
on: 2018-12-10
How Does setState Know What to Do?
When you call setState in a component, what do you think happens? Sure, React re-renders the component with the next { clicked: true } state and updates the DOM to match the returned <h1>Thanks</h1> element.
Saved
on: 2018-12-09
The Swiss Army Knife of Hashmaps
A while back, there was a discussion comparing the performance of using the hashbrown crate (based on Google’s SwissTable implementation1) in the Rust compiler.
Tags:
#programming
Saved
on: 2018-12-08
Progressively enhance your Symfony 4 app using Vue, API Platform, Mercure and Panther (SymfonyCon)
Watch the video! Thanks to the new capabilities of the web platform (web components, Progressive Web Apps…) and the rise of modern JS libraries (Vue, React, Angular) almost all modern Symfony applications must leverage the frontend ecosystem.
Saved
on: 2018-12-07
A Brief History of Design – Microsoft Design – Medium
It is easy to question everything designed before you when you join a new company. I mean, why the heck would a scroll bar be red in Windows 2.
Saved
on: 2018-12-06
Scaling engineering organizations
At Stripe, we think a lot about scale. As we’ve scaled our products to process billions of dollars a year for millions of businesses, we’ve also needed to scale our engineering team. There’s a temptation for fast-growing companies to build their engineering team as quickly as possible.
Saved
on: 2018-12-05
Immutable Web Apps
The owner of immutablewebapps.org is offering it for sale for an asking price of 490 USD! This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers.
Saved
on: 2018-12-05
Designs for a new admin theme [#3017785] | Drupal.org
Saved
on: 2018-12-05
Ask HN: What are your “brain hacks” that help you manage every day situatio
He's unemotional yet thoughtful. If he doesn't have an immediate answer for something, he instinctively understands how to search for the answer. He has a natural sense of the real priority of work and discussions. So I asked him for some of his favourite brain hacks...
Saved
on: 2018-12-03
How Does React Tell a Class from a Function?
But React itself cares about the difference! In both cases React’s goal is to get the rendered node (in this example, <p>Hello</p>). But the exact steps depend on how Greeting is defined.
Saved
on: 2018-12-03
Podcast Advertising: $51,975 Spent. Here’s What We Learned
Naturally, the rest of my day was spent getting real intimate with Google. We covered important topics like: You get the gist. Here’s an overview of what Google told me that day:
Saved
on: 2018-12-02
An Extensive Guide To Progressive Web Applications
27 min read Apps, PWA, Native, Service Workers Share on Twitter, LinkedIn Smart Interface Design Checklists Click here to kickstart your project for free in a matter of minutes.
Tags:
#pwa
Saved
on: 2018-11-28
https://www.sarasoueidan.com/slides/SVG-Filters-Crash-Course.pdf
Saved
on: 2018-11-28
Mastering HTTP Caching | fortrabbit blog
Using CDNs has long been something in the domain of the Alexa top 100; something a small(er) website does not need or cannot afford. This has changed over the last years, with a multitude of pay-per-use, non-enterprise vendors on the market CDNs became affordable for everybody.
Saved
on: 2018-11-28
PHP Code Performance Explained - Blackfire
Welcome to Blackfire's book to PHP Performance. This book will guide you through the challenges of managing the performance of your applications.
Saved
on: 2018-11-27
Ionic Announces Alpha Release of Vue.js Integration
At VueConf Toronto, Ionic announced the first alpha release of @ionic/vue, making it possible to add Ionic 4 to any Vue.js project, getting access to Ionic's APIs in a Vue.js-friendly manner. Ionic lets web developers build, test, and deploy cross-platform hybrid mobile apps.
Saved
on: 2018-11-27
Guy Documents His First Week of Work at Target – Apparently There Are Some
Tags:
#funny
Saved
on: 2018-11-27
5 Lessons Learned From Writing Over 300,000 Lines of Infrastructure Code
This October, I gave a talk at HashiConf 2018 where I shared 5 key lessons we learned at Gruntwork while creating and maintaining a library of over 300,000 lines of infrastructure code that’s used in production by hundreds of companies.
Tags:
#devops
Saved
on: 2018-11-27
Ryanair, Hamiltonian Cycles, and using graph theory to find cheap flights |
Saved
on: 2018-11-26
Ryanair, Hamiltonian Cycles, and using graph theory to find cheap flights -
Ryanair filtered HTML There was a coreList state variable I traversed down the state tree until I found the allAirportsList property, which contained all the airport keys and the locations to which they flew.
Saved
on: 2018-11-26
Learn Difficult Concepts with the ADEPT Method – BetterExplained
After a decade of writing explanations, I’ve simplified the strategy I use to get new concepts to click. Make explanations ADEPT: Use an Analogy, Diagram, Example, Plain-English description, and then a Technical description.
Tags:
#learning
Saved
on: 2018-11-26
When It Comes To Personas, The Real Value Is In The Scenarios — UX Articles
Personas without scenarios are like characters with no plot. — Kim Goodwin I’ve seen it happen many times. A team launches a project to identify user personas with all the best of intentions. They’ll define three, four, sometimes as many ten or fifteen different personas.
Tags:
#ux
Saved
on: 2018-11-26
Model View Controller isn't
MVC was invented in the 70s, when Alan Kay with his group worked on the Dynabook and Smalltalk at Xerox Parc. Trygve M. H. Reenskaug remembers it: Let us try to understand what they had mind, when they use the terms model, view, and controller.
Saved
on: 2018-11-24
Introducing Service Workies
Meet Kolohe. He thinks he knows an awful lot about Service Workers because well, he is one. But Kolohe is soon to find out — as you might well know if you've ever attempted using Service Workers — there be dragons. In his case the dragons are non-figurative and are trying to eat him.
Saved
on: 2018-11-23
Up to speed with web performance
On Thursday and Friday I learned all sorts of things about making sites faster at the performance.now() conference in Amsterdam. I frantically took notes at each talk, so here’s my summary of the event.
Tags:
#performance
Saved
on: 2018-11-22
Video Recordings from HashiConf 2018: Keynotes and Breakout Sessions
HashiCorp uses data collected by cookies and JavaScript libraries to improve your browsing experience, analyze site traffic, and increase the overall performance of our site. By using our website, you’re agreeing to our Privacy Policy and Cookie Policy.
Saved
on: 2018-11-21
Why can’t we use Functional CSS and regular CSS at the same time? | CSS-Tri
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Harry Nicholls recently wrote all about simplifying styles with functional CSS and you should definitely check it out.
Tags:
#css
Saved
on: 2018-11-20
Laracon AU Videos - Laravel News
The first Laracon Australia is now in the books and it looked like a fantastic event. Along with videos they’ve released photos from the event and you can see those on Flickr and here are a few of our favorites.
Saved
on: 2018-11-20
WebSocket API and protocol explained: How they work, are used and more
WebSocket marks a turning point for web development.
Tags:
#websockets
Saved
on: 2018-11-19
Nuxt.js Fundamentals, a Vue.js video course
Nuxt.js is a framework for creating Vue.js applications. Its goal is to help Vue developers take advantage of top-notch technologies and features in a fast, easy and organized way. It is easy to get started with Nuxt.js!
Saved
on: 2018-11-16
The internet is an unwelcoming place to the disabled — Quartz
The internet can be a hostile space for 15% of the world’s population who experience some form of disability.
Tags:
#accessibility
Saved
on: 2018-11-16
Docker PHP/PHP-FPM Configuration via Environment Variables
For several months now I have been working on PuPHPet.com’s replacement. It is a Docker-based GUI functionally similar to PuPHPet. Docker, like Vagrant, allows sharing directories and files from the host to the container/VM.
Saved
on: 2018-11-16
The Power of Web Components – Mozilla Hacks : the Web developer blog
Ever since the first animated DHTML cursor trails and “Site of the Week” badges graced the web, re-usable code has been a temptation for web developers. And ever since those heady days, integrating third-party UI into your site has been, well, a semi-brittle headache.
Saved
on: 2018-11-16
Things Nobody Told Me About Being a Software Engineer · Ana Ulin
My dad started teaching me Basic when I was about 7 years old, and since about that age I knew that I wanted to build software for a living. It was obviously a fun and useful thing to do, and something that I could do well.
Saved
on: 2018-11-14
Real URLs for AMP Cached Content Using Cloudflare Workers
Today, we’re excited to announce our solution for arguably the biggest issue affecting Accelerated Mobile Pages (AMP): the inability to use real origin URLs when serving AMP-cached content.
Tags:
#amp-project
Saved
on: 2018-11-14
Datomic: Event Sourcing without the hassle
When I got started using the Datomic database, I remember someone describing it to me as 'Event Sourcing without the hassle'.
Tags:
#event-sourcing
Saved
on: 2018-11-13
web.dev
Thanks for tuning in to Google I/O! Watch content on-demand. Stay organized with collections Save and categorize content based on your preferences. We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users.
Saved
on: 2018-11-13
The Best SaaS Landing page examples I’ve seen ( their secrets for conversi
Usually, I don’t advise anyone to use other websites as reference since they have different business needs and people need to understand their context and their strategy to be able to apply them properly.
Tags:
#ux
Saved
on: 2018-11-09
ZEIT – Now 2.0
Today, we have some very special news regarding the evolution of our company. ZEIT is now Vercel. This new identity aligns with our new focus — to provide the ultimate workflow for developing, previewing, and shipping Jamstack sites.
Tags:
#tools
Saved
on: 2018-11-09
Animated Grid Previews | Codrops
Today we’d like to share another CSS grid-powered template with you. The idea is to show a navigation and some scattered images in the background that have a slight parallax effect.
Saved
on: 2018-11-09
In Defense of Utility-First CSS | frontstuff
“Favor composition over inheritance”. This piece of wisdom from Design Patterns, one of the most influential software engineering books, is the foundation of utility-first CSS.
Tags:
#css
Saved
on: 2018-11-09
Spectre.css CSS Framework
Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.
Saved
on: 2018-11-08
Cutting out the inner part of an element using clip-path | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The following is a guest post by Ana Tudor. Perhaps you know Ana from her amazing work combining code, math, and art.
Tags:
#css
Saved
on: 2018-11-08
Making a large scale app with vue.js (part 1): modularize your store!
First, I apologize if my language is sometimes poor, I’m french and I don’t natively speak English. Recently I reacted about an article from Anthony Gore: Is Vue.
Saved
on: 2018-11-07
GraphQL cheatsheet
{ hero { name height } } ↓ { hero: { name: "Luke Skywalker", height: 1.
Saved
on: 2018-11-07
Programming Quotes
There are two ways of constructing a software design: One way is to make it so simple that there are obviously no deficiencies and the other way is to make it so complicated that there are no obvious deficiencies.
Saved
on: 2018-11-06
How Writers Map Their Imaginary Worlds
One of life’s great treats, for a lover of books (especially fantasy books), is to open a cover to find a map secreted inside and filled with the details of a land about to be discovered. A writer’s map hints at a fully imagined world, and at the beginning of a book, it’s a promise.
Tags:
#culture
Saved
on: 2018-11-05