Guidance to build modern web experiences that work in every browser.

A free course designed for people with some coding experience, who want to learn how to apply deep learning and machine learning to practical problems.

Disney’s engineers used special software to make a magical, authentic body of water.

Is it possible to use Laravel Mix - the "Webpack simplifier" - in non-Laravel projects? Let's find out! Join Lasse Rafn on this explanatory journey!

Slack is transitioning its web client to React. When Slack was first built, our frontend consisted of established technologies like jQuery and Handlebars. Since then, the community has developed better ways to create scalable, data-driven interfaces. jQuery’s “render and modify” approach is straightforward, but it’s prone to falling out of sync with the underlying model.…

The web platform running the winning campaign of the next President of France, Emmanuel Macron, is made with Symfony and is open source.

In this article, we will look at all the steps that were involved to build an Open Source real-time voting App using GraphQL and React. This App will allow attendees of an event to ask questions

Overview: We recently rethought the architecture for the JavaScript side of our codebase at Airbnb. This post will look at (1) the product drivers that precipitated the changes, (2) the steps we took…

Last year was a great time for Javascript newcomers! A lot of starter-kit projects were published, refined, and some of them eventually went on to offer comm...

PageSpeed Insights can be useful, but a perfect score doesn’t guarantee a fast site. There are smarter ways to assess and improve site speed.

Make interlinked notes in private (E2E encrypted), share parts of it to global network of topics with deep AI integration - learn-anything/learn-anything

In this article, Stefan Tilkov explains some of the most common anti-patterns found in applications that claim to follow a "RESTful" design and suggests ways to avoid them.

Redux is a simple library that helps you manage the state of your JavaScript app. Despite that simplicity, it's easy to fall down rabbit holes when learning it. I often find myself explaining Redux, and almost always start by showing how I'd implement it. So that's what we'll do here:...

Get started learning the basics of search engine optimization – how SEO works, why it's important, the different types of SEO and much more.

Please do a mental experiment with me, imagine yourself back to 10 years ago, stop reading for 5 seconds and take a breath. Imagine then to meet a dev from the future telling you that in 10 years…

Depression is not easy thing to deal with, but sometimes you can take your weakness and turn it into something beautiful.

Clean Code concepts adapted for JavaScript

Mathias Verraes - Identity SOLIDay 2015 - Conference about software architecture, best programming practices and design patterns.http://soliday.phpsrbija.rs/...

When you share your work there will be criticism. Learn how to handle the haters in a way that fits your personal needs, the community norms, and the specifics of the situation.

My JavaScript Basics course is now live on freeCodeCamp’s YouTube channel. The great thing about this course is that it also aligns with the Basic JavaScript Challenges on the freeCodeCamp curriculum. You can practice what you're learning through the...

Much advice on how to be successful is wrong, or useless cliches. Here we cover the best advice we've found in the last 10 years that's backed by evidence.

"Our primary objective is to bring audiences to the trusted environment of the Guardian to support building deeper relationships."

We use our Leadership Principles every day, whether we’re discussing ideas for new projects or deciding on the best way to solve a problem. It’s just one of the things that makes Amazon peculiar.

The latest news about Opera web browsers, tech trends, internet tips.

McDonald’s is one of the biggest real estate companies in the world. It owns $28.4 billion worth of land and buildings (before depreciation).

It wasn’t too long ago that I was on a development team working toward completing a software project by a release deadline and facing the challenges most software teams face today in developing applications. Challenges such as new project environment setup, team member collaboration, and the day-to-day task of keeping track of the moving pieces […]

Serverless Python

Curated tutorial and resource links I've collected on React, Redux, ES6, and more - markerikson/react-redux-links

Creating a fast web application involves many cycles of measuring where time is wasted, understanding why it’s happening, and applying potential solutions. Unfortunately, there’s never just one quick…

In an office in India, a cadre of Internet moderators ensures that social media sites are not taken over by bots, scammers, and pornographers. The Moderators shows…

By Matt Rothenberg I’ve had a love-hate relationship with JavaScript for years. I got to know the language by way of the design and development community’s favorite whipping boy, jQuery. You see, at the time I began learning JavaScript, as a “Designe...

Have you ever wondered what Theme and Plugins a WordPress site is using? Our free tool allows you to find out all the details!

Design. Programming. Music. Teaching.

Building bigger, faster, more reliable websites.

Brian Simpson, Matt Lee, & Daniel Ellis (u/bsimpson, u/madlee, & u/daniel) Each year for April Fools’, rather than a prank, we like to create a project tha

Catch bugs before they cost you with Ghost Inspector's automated browser testing. No coding required. Free 14 Day Trial.

Remember, in `may 1996`, the very first HTTP protocol version (HTTP/1.0) was born.

In this article, Jeremy Wagner will teach you everything about server push, from how it works to the problems it solves. Server push allows you to send site assets to the user before they’ve even asked for them. It’s an elegant way to achieve the performance benefits of HTTP/1 optimization practices such as inlining, but without the drawbacks that come with that practice. Jeremy will also show you how to use it, how to tell if it’s working, and its impact on performance. Let’s begin!

Recently there’s been a great deal of discussion as to the merits of isolated testing versus integration and acceptance testing. Some proponents argue that integration testing far outweighs the value of isolated testing. While this is a perfectly valid position, I feel oversimplifies the complexity of testing in the same way that the “isolated testing […]

Open Source Freelancer

Ember.js (or should we say Amber.js) turned five years old last December. In some ways, five years is a short amount of time. But when measured in web framework years, it...

I like Git. I use it all the time. As I sometimes do, I recently took some time to really dig in, read through documentation, and review my global Git configuration. Welcome to my fourth stack...

A game for learning CSS grid layout

:robot: Introducing kids to coding with tiny virtual robots! - robotopia-x/robotopia

Basic algorithms, data structures, and computer science topics to prepare you for a technical interview at a software development company. Refresh your knowledge using JavaScript.

Share your videos with friends, family, and the world

Posted by Dan Ellis, Research Scientist, Sound Understanding TeamSystems able to recognize sounds familiar to human listeners have a wide range of ...

Custom curated feed

When a family tries to sweep tragedy under the rug, the damage is deep and lasting.

If you've ever worked with Capistrano or Envoyer, you've probably seen a directory structure in your webroot that looks something like this: root root 4096 Mar 29 18:44 . root root 4096 Mar 28 14:15 .. root root 47 Mar 29 14:54 current -> ./releases/1490824249 root root 4096 Mar 29 14:50 releases Where you're expecting to see your webroot containing your Git repository, instead it's this weird structure. What gives? A brief introduction to Capistrano-style zero-downtime deploys The reason you're getting zero-downtime deploy from these tools is because the entire deploy process—clone, composer install, etc.—doesn't happen in the directory that is currently serving your site. Instead, each new release gets its own separate "release" directory, all while your site is still being served from its current "release" directory. - current -> ./releases/1490802721 * apache/nginx serves from this directory - releases - 1490802133 (the new release you're building right now) - 1490802721 (latest complete release) - 1490803081 (a little bit older release) - 1490824249 (an even older release) All of these release directories are just subdirectories of releases. Each directory here represents one of your deploys, and each directory individually has everything needed to serve your site. Your web server points to yourproject/current/public and therefore the "currently served" release is just that which has a symlink pointed at it from yourproject/current. So, once the build process is complete for each new release, your deploy tool will delete the current symlink and create a new current symlink that points to your latest release. Boom. Now that release is live. Caveats In general, Laravel is no different from any other project in that this style of deployment works great. In fact, a tool provided by Taylor Otwell, Envoyer, is predicated around this release style. However, every tool has a different set of caveats around how to handle them well in zero-downtime settings. Here's why: There are always some things that you want to persist between releases. Most of it lives in databases and caches, which is fine—nothing's wiping your database on every deploy. But some isn't. Take the storage folder; do you want to wipe that every time you push a new release? Naw. What about the .env file? Definitely naw. So there are a few quick tricks. How to set up your deploy for Laravel Remember: If you use Envoyer, this is all handled for you. But if you don't, here's what to do. Clone your release into a new release folder. This should be handled by your deploy tool. composer install -o --no-interaction php artisan migrate --no-interaction --force (optional, if you don't commit your built scripts) npm install (or yarn) and either gulp --production (Elixir) or npm run production (Mix) rm -rf storage && ln -s ../../storage ./ (Delete the storage directory and symlink it to a storage folder in the parent) ln -s ../../.e

Curated tutorial and resource links I've collected on React, Redux, ES6, and more - markerikson/react-redux-links

Unlock microservices potential with Apollo GraphQL. Seamlessly integrate APIs, manage data, and enhance performance. Explore Apollo's innovative solutions.

match command-line arguments to their help text

IRON AND THE SOUL by Henry Rollins I believe that the definition of definition is reinvention. To not be like your parents. To not be like your friends. To be yourself. Completely. When I was young I had no sense of myself. All I was, was a product of all the fear and humiliation I … Continue reading "Iron and The Soul by Henry Rollins"

As the year closes, it's good to reflect on all of the things we as a community have built, contemplated, and contributed to. Here are some of the things we

A challenge cropped up in one of our projects that served as a simple, self-contained example of how grid layout can make things easier.

Most of content on the web are full of typography mistakes—and I will not talk about grammar, that's another story. Content of your website is like your code, if it’s not well indented, if you don't put a carriage return in the right place, if you don’t respect code standard and

Introduction to VueJS the anti-textbook (work in progress) - thewhitetulip/intro-to-vuejs

TDTC là một cổng game trực tuyến mới tại Việt Nam, Thiên Đường Trò Chơi cung cấp một loạt các trò chơi giải trí đa dạng từ game bài, casino trực tuyến, nổ hũ...

A deep dive into the security engineering decisions that went into CMS Airship. A lot of the decisions we made are subtle.

aeneas is a Python/C library and a set of tools to automagically synchronize audio and text (aka forced alignment) - readbeyond/aeneas

Flow-based programming for PHP

When their flight home to the U.S. from Auckland was delayed last month, a group of 53 elderly American tourists was put up in a traditional Maori meeting house for the night because all the city’s hotels were full.

Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use.

Pixels and polygons and shaders, oh my!