Bookmarks tagged with #webdev.
Show all
Show all
https://ferdychristant.com/amp-the-missing-controversy-3b424031047
Saved
on: 2018-02-25
https://www.frankchimero.com/writing/everything-easy-is-hard-again/
Saved
on: 2018-02-10
How Chrome’s built-in ad-blocker works
Get the details on how the built-in ad-blocker in Google Chrome works. The ad-blocker only kicks in on websites in violation of the Better Ad Standards policies.
Tags:
#webdev
Saved
on: 2018-02-04
Performance Calendar » Evolution of : Gif without the GIF
tl;dr
GIFs are awesome but terrible for quality and performance
Replacing GIFs with is better but has perf. drawbacks: not preloaded, uses range requests
Now you can s in Safari Technology Preview
Early results show mp4s in tags display
Saved
on: 2017-12-05
From Bootstrap to CSS Grid – Times Open
Despite many clever hacks and creative workarounds, there hasn’t been a simple answer for creating layout on the web. From misusing tables, to over-engineering simple floats that push around content…
Saved
on: 2017-10-26
Rebuilding slack.com – Several People Are Coding
In August, we released a major redesign of slack.com, and we want to give you a peek behind-the-scenes. Rebuilding our marketing website was a massive project that took careful coordination across a variety of teams, departments, and agencies. We implemented a redesign while overhauling all the under-the-hood code. Our aim was to address a few…
Saved
on: 2017-10-13
Show HN: Page.REST – An API to fetch details from a web page as JSON | Hacker News
Saved
on: 2017-09-07
Reqres - A hosted REST-API ready to respond to your AJAX requests
A hosted REST-API ready to respond to your AJAX requests
Saved
on: 2017-08-31
emadehsan/thal: Getting started with Puppeteer and Chrome Headless for Web
Getting started with Puppeteer and Chrome Headless for Web Scraping - emadehsan/thal
Saved
on: 2017-08-29
Five sharding data models and which is right
At Citus we make it simple to shard PostgreSQL. So we’ve thought a lot about different data models for sharding. This post covers 5 different data models for sharding, from sharding by tenant (multi-tenant data models), sharding by geography, sharding by entity id, sharding a graph, and time-based partitioning.
Saved
on: 2017-08-29
Web Fundamentals | Web | Google Developers
Guidance to build modern web experiences that work in every browser.
Tags:
#webdev
Saved
on: 2017-06-06
JSON-LD and Why I Hate the Semantic Web | The Beautiful, Tormented Machine
Tags:
#webdev
Saved
on: 2017-06-03
How to Use Laravel Mix in Non-Laravel Projects — SitePoint
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!
Saved
on: 2017-05-24
Rebuilding Slack’s Emoji Picker in React – Several People Are Coding
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.…
Saved
on: 2017-05-24
Rearchitecting Airbnb’s Frontend – Airbnb Engineering & Data Science – Medi
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…
Saved
on: 2017-05-16
Appcanary - Everything you need to know about HTTP security headers
Saved
on: 2017-05-16
REST Anti-Patterns
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.
Saved
on: 2017-05-10
Dev.Opera — Responsive Images: Use Cases and Documented Code Snippets to Ge
The latest news about Opera web browsers, tech trends, internet tips.
Saved
on: 2017-04-21
Apollo Client 1.0: A flexible, community-focused JavaScript GraphQL client | Apollo GraphQL Blog
Unlock microservices potential with Apollo GraphQL. Seamlessly integrate APIs, manage data, and enhance performance. Explore Apollo's innovative solutions.
Saved
on: 2017-03-31
2016 Favorites | CSS-Tricks
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
Saved
on: 2017-03-27
Advanced Web Scraping: Bypassing "403 Forbidden," captchas, and more | sang
Saved
on: 2017-03-16
donnemartin/system-design-primer: Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards. - donnemartin/system-design-primer
Saved
on: 2017-03-09
Optimising the front end for the browser
If you looked up optimisation (or optimization for our American readers) in the dictionary it would say something along the lines of Making the most of what we’ve got.
Saved
on: 2017-02-24
A Complete Guide to Flexbox | CSS-Tricks
Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes history, demos, patterns, and a browser support chart.
Saved
on: 2017-02-06
Online migrations at scale
Online payment processing for internet businesses. Stripe is a suite of payment APIs that powers commerce for businesses of all sizes.
Saved
on: 2017-02-03
CSS Grid – Table layout is back. Be there and be square. | Web | Google
CSS Grid is a new layout system for the web.
Saved
on: 2017-02-01
Etsy Engineering | How Etsy Manages HTTPS and SSL Certificates for Custom Domains on Pattern
In April of 2016 Etsy launched Pattern, a new product that gives Etsy sellers the ability to create their own hosted e-commerce...
Tags:
#webdev
Saved
on: 2017-02-01
Front-end Developer Handbook 2017 · GitBook
Forget building and maintaining your own custom docs platform. With GitBook you get beautiful documentation for your users, and a branch-based Git workflow your team will love.
Saved
on: 2017-01-31
CRAFT: Create React App From Template – Medium
CRAFT (Create React App From Template) is a command-line utility that helps you get started with your new React app using a starting point of your liking: one you created yourself or maybe one…
Saved
on: 2017-01-30
Progressive Web Apps with Angular 2
Progressive Web Applications have been the talk of the town in the past few months. In short, they use modern web capabilities to provide a user experience similar to that of mobile apps. Still a r...
Saved
on: 2017-01-19
Print styles – A List Apart Sidebar – Medium
I really wanted to make sure that the print styles for Resilient Web Design were pretty good — or at least as good as they could be given the everlasting lack of support for many print properties in…
Saved
on: 2016-12-28
What to learn in 2017 if you’re a frontend developer – Medium
This post is a mix of my experience and my wishes for the New Year. I want to hear your suggestions as much I want share mine.
Saved
on: 2016-12-28
Front-End Performance Checklist 2017 (PDF, Apple Pages) – Smashing Magazine
Let’s make 2021... fast! An annual front-end performance checklist, with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques.
Tags:
#webdev
Saved
on: 2016-12-22
Flexbox Froggy - A game for learning CSS flexbox
A game for learning CSS flexbox
Saved
on: 2016-12-22
Highlights from Chrome Dev Summit 2016
Articles on frontend development and more.
Saved
on: 2016-11-23
A pattern for Continuously Deployed, Immutable and Stateful applications on
If you are faced with the challenge of running a stateful application on AWS, you will recognize that many building blocks no...
Saved
on: 2016-11-15
Anatomy of a Modern Website - Blog | Touchstone Softworks
Saved
on: 2016-11-07
Building a Shop with Sub-Second Page Loads: Lessons Learned
TV-Shows like “Shark Tank” (US), “Dragons’ Den” (UK) or “Die Höhle der Löwen (DHDL)” (GER) offer young startups a one-time opportunity to pitch their products to business magnates in front of a huge…
Saved
on: 2016-10-24
http://www.heydonworks.com/article/on-writing-less-damn-code
Saved
on: 2016-08-17
The definitive guide to form-based website authentication
Moderator note:
This question is not a good fit for our question and answer format with the topicality rules which currently apply for Stack Overflow. We normally use a "historical lock" ...
Saved
on: 2016-07-22
» Autofill: What web devs should know, but don’t Cloud Four Blog
Many people know that you can scan your credit card in Mobile Safari. But how many web developers know how to create a form that supports that feature? Not many I’d bet. Auto-Fill Credit Card Forms Using Your iPhone’s Camera in iOS 8. Used with permission. It doesn’t…
Saved
on: 2016-05-23
An Intro to Google Tag Manager | CSS-Tricks
The following is a guest post by David Attard. I only recently became aware that Google Tag Manager was a thing, but didn't know exactly what it was, what it
Saved
on: 2016-05-17
» Responsive Images 101, Part 1: Definitions Cloud Four Blog
Over the last few years, we’ve written a quite a few articles about responsive images. Now that responsive images have landed in browsers, it seemed like a good time to step back and cover the basics for those who are just starting to tackle responsive images. Ergo, a…
Saved
on: 2016-05-13
Keeping srcset and sizes under control | Matt Wilcox, Web Developer & Tinke
Saved
on: 2016-05-13
Web Page Performance Death by a Thousand Tiny Cuts
Saved
on: 2016-03-21
Troy Hunt: Understanding CSRF, the video tutorial edition
Cross site request forgery is one of those attacks which remains enormously
effective yet is frequently misunderstood. I’ve been running a bunch of security
workshops for web developers around the globe recently and this is one of the
topics we cover that often results in blank stares when I first ask about it. It
usually unfolds that the developers have multiple resources at risk of a CSRF
attack and if it’s not a classic web form style resource, then it’s frequently
an API somewhere (you’re pa
Saved
on: 2016-03-21
Taking AMP for a Spin | CSS-Tricks
The following is a guest post by David Attard of DART Creations. David is going to introduce us to AMP (no idea what that is? read on) as well as how you
Saved
on: 2016-03-03
What Web Can Do Today
Can I rely on the Web Platform features to build my app? An overview of the device integration HTML5 APIs.
Saved
on: 2016-01-04
The web accessibility basics – Marco's Accessibility Blog
Saved
on: 2015-12-16
GitHub's CSS Performance // Speaker Deck
A talk on some problems solved related to CSS Performance at GitHub. The talk was given at CSS Dev Conference in Honolulu, HI 2012. I recorded the prese…
Saved
on: 2015-11-12
Accelerated Mobile Pages Project | CSS-Tricks
New Google thing, aimed at unsucking the "mobile" web:
Saved
on: 2015-10-14
Six Tips for Chrome DevTools | CSS-Tricks
The following is a guest post by Umar Hansa. Umar has a newsletter I'm a fan of and graciously offered to write this guest post in that style. I'll let him
Saved
on: 2015-09-09
The anatomy of responsive images - JakeArchibald.com
Saved
on: 2015-09-09
UpUp - The Offline First Library
Let users visit your site, even when they're on a plane over the Atlantic, or 20,000 leagues under the sea. #OfflineFirst
Saved
on: 2015-09-02
sindresorhus/awesome
😎 Awesome lists about all kinds of interesting topics - sindresorhus/awesome
Tags:
#webdev
Saved
on: 2015-08-14
minimaxir/big-list-of-naughty-strings
The Big List of Naughty Strings is a list of strings which have a high probability of causing issues when used as user-input data. - minimaxir/big-list-of-naughty-strings
Tags:
#webdev
Saved
on: 2015-08-11
Nginx with dynamic upstreams - Tenzer.dk
I recently made a setup at work where I had a Nginx server facing the user, which would forward requests to a service running behind an AWS Elastic Load Balancer (aka. ELB). That in itself doesn't sound like a difficult task, you just find the hostname for the ELB and point Nginx at it with a proxy_pass statement like this, right?
location / {
proxy_pass http://service-1234567890.us-east-1.elb.amazonaws.com;
}
Test it out and - assuming the firewall/security group configuration is set up right - it should work just fine. Some hours later you may however find the service is no longer working, even though no changes has been made. Calling the ELB endpoint directly works just fine, but calling it through Nginx just times out.
Saved
on: 2015-07-27
Locust - A modern load testing framework
An open source load testing tool. Define user behaviour with Python code, and swarm your system with millions of simultaneous users.
Saved
on: 2015-07-01
Show HN: Website launch checklist | Hacker News
Saved
on: 2015-05-11
Documentation - Materialize
Materialize is a modern responsive CSS framework based on Material Design by Google.
Saved
on: 2015-04-24
Online curl command line builder
Easily generate curl command lines to test your new shining API or whatever!
Saved
on: 2015-04-23
StackPHP Explained
Originally published at: http://www.sitepoint.com/stackphp-explained/ Today we are going to look at StackPHP and try to understand what this thing is all about. Although this post will have some code, this article will be rather theoretical as we are interested in learning what StackPHP actually is, where it comes from and why it is useful. As the front page of the StackPHP project says, Stack is a convention for composing HttpKernelInterface middlewares. But, in order to actually understand...
Saved
on: 2015-04-23
Responsive Images Done Right: A Guide To And srcset - Smashing Magazine
A few days ago, we published an [article on Picturefill 2.0](https://www.smashingmagazine.com/2014/05/12/picturefill-2-0-responsive-images-and-the-perfect-polyfill/), a perfect polyfill for responsive images. Today’s article complements Tim Wright’s article and explains exactly how we can use the upcoming `` element and srcset, with simple fallbacks for legacy browsers. There is no reason to wait for responsive images; we can actually have them very soon.
Tags:
#webdev
Saved
on: 2015-04-21
The Code Kit — Web Design & Development Tools, News, and Inspiration
Saved
on: 2015-04-21
https://18f.gsa.gov/2015/03/19/how-we-built-analytics-usa-gov/
Saved
on: 2015-03-20
HumHub - A flexible Open Source Social Network Kit for Social Enterprise Pl
Tags:
#webdev
Saved
on: 2015-03-05
phptodayorg/php-must-watch
list of interesting conference talks and videos on PHP - - GitHub - phptodayorg/php-must-watch: list of interesting conference talks and videos on PHP -
Saved
on: 2015-03-02
BBC Blogs - INTERNET BLOG - How we built the new BBC Homepage
The new BBC mobile Homepage is a flexible ‘taster menu’ of the BBC's website.
Saved
on: 2015-02-17
Facebook just taught us all how to build websites — Medium
In 2003, Brad Fitzpatrick released Memcached, and began talking about LiveJournal’s architecture (here’s a presentation from a few years later.) This became the prototype for the next generation of…
Saved
on: 2015-02-02
Economy of Tests
Migrate test levels to improve the long term sustainability of your test suite.
Saved
on: 2015-01-12
How to Scale SVG | CSS-Tricks
The following is a guest post by Amelia Bellamy-Royds. Amelia has lots of experience with SVG, as the co-author of SVG Essentials and author of the
Saved
on: 2015-01-11
Sass Guidelines
An opinionated styleguide for writing sane, maintainable and scalable Sass.
Saved
on: 2015-01-06
Website Performance Optimization Checklist
Website Performance Optimization Checklist for building high performace websites.
Saved
on: 2014-10-29
https://www.airpair.com/python/posts/django-flask-pyramid
Saved
on: 2014-10-07
Designing a URL structure for BBC programmes | Smethurst
This is a post I've been meaning to write for the last 7 years. In the circumstances it might be more of a eulogy than a birth announcement but since the sub...
Saved
on: 2014-09-26
kadnan/phpNYT
PHP Classes to access different sections of NYTimes via official APIs - kadnan/phpNYT
Tags:
#webdev
Saved
on: 2014-09-18