Bookmarks tagged with #webdev.
Show all
Show all
Use Cases For Flexbox — Smashing Magazine
In this final article of the series, we wrap up by taking a look at some of the common uses for Flexbox. What should we use Flexbox for, and what it is not so good at? Today, Rachel Andrew is going to spend some time thinking about what the use cases for Flexbox really are, given that you now have CSS Grid Layout, giving some suggestions for what you might use when and a way to decide.
Saved
on: 2019-03-05
Cache-Control for Civilians – CSS Wizardry – CSS Architecture, Web Performa
What does Cache-Control really do? In basic terms? Let’s find out!
Tags:
#webdev
Saved
on: 2019-03-04
Make your site’s pages instant in 1 minute
And improve your conversion rate by 1%
Saved
on: 2019-02-09
How to Report Errors in Forms: 10 Design Guidelines
Help users recover from errors by clearly identifying the problems and allowing users to access and correct fields easily.
Saved
on: 2019-02-08
React as a UI Runtime — Overreacted
An in-depth description of the React programming model.
Saved
on: 2019-02-04
Why isn't the internet more fun and weird?
MySpace inspired a generation of teenagers to learn how to code. We have Dark Mode now, but where did all the glitter go?
Saved
on: 2019-01-31
Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word] — Smashing
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.
Saved
on: 2019-01-10
mkcert: valid HTTPS certificates for localhost
(or for any other name)
The web is moving to HTTPS, preventing network attackers from observing or
injecting page contents. But HTTPS needs TLS certificates, and while deployment
is increasingly a solved issue thanks to the ACME protocol and Let's Encrypt,
development still mostly ends up happening over HTTP because no one can get an
universally valid certificate for localhost
[https://letsencrypt.org/docs/certificates-for-localhost/].
This is a problem because more and more browser features
Saved
on: 2019-01-07
CORS, In A Way I Can Understand - DEV Community ????
Helping Me Understand Browser Errors
Tags:
#webdev
Saved
on: 2019-01-02
The Elements of UI Engineering — overreacted
What makes UI engineering difficult?
Saved
on: 2018-12-31
Immutable Web Apps
Ganesa189 punya game terbaru super scatter. Hadiah lebih besar dan sound efek yang lebik seru. Login dan nikmati permain terbaru Ganesa 189.
Saved
on: 2018-12-05
https://www.sarasoueidan.com/slides/SVG-Filters-Crash-Course.pdf
Saved
on: 2018-11-28
Mastering HTTP Caching | fortrabbit blog
Learn how to use CDNs as an easy-to-use edge cache.
Saved
on: 2018-11-28
The Power of Web Components - Mozilla Hacks - the Web developer blog
Web Components comprises a set of standards that enable user-defined HTML elements. These elements can go in all the same places as traditional HTML. Despite the long standardization process, the ...
Saved
on: 2018-11-16
The Web Accessibility Introduction I Wish I Had
Another message to my past self, this time on the importance of accessibility, how to achieve it, and how to test it.
Saved
on: 2018-10-31
Web Performance 101: JS, CSS, HTTP, images & fonts
Learn how (and why) to make your app faster by optimizing JS, CSS, images/fonts and other things
Saved
on: 2018-10-30
nystudio107 | An Annotated webpack 4 Config for Frontend Web…
As web development becomes more complex, we need tooling to help us build modern websites. Here's a complete real-world production example of a sophisticated webpack 4 config
Saved
on: 2018-10-25
Do You Really Know CORS? – PerformantCode.com
Alexistogel telah menjadi destinasi utama para togelers dalam bermain togel, maupun mengakses keluaran toto macau hari ini.
Tags:
#webdev
Saved
on: 2018-10-04
Perceived Performance: The Only Kind That Really Matters
A talk on perceived performance, delivered at Fluent Conf 2017
Saved
on: 2018-10-03
The Complete Guide to Lazy Loading Images | CSS-Tricks
Wondering how lazy loading images works? It's an important thing to understand as it can really speed up the loading of your page and reduce bandwidth usage both for your site and the user.
Tags:
#webdev
Saved
on: 2018-09-27
https://blog.acolyer.org/2018/09/05/who-left-open-the-cookie-jar-a-comprehensive-evaluation-of-third-party-cookie-policies/
Tags:
#webdev
Saved
on: 2018-09-06
On structuring PHP projects — Nikola Poša - Blog
Locating code needs to be intuitive and fast
Saved
on: 2018-08-28
Web Performance Made Easy - Google I/O 2018 edition | Articles | web.dev
At Google IO 2018, we presented a roundup of tools, libraries and optimization techniques that make improving web performance easier. Here we explain them using The Oodles Theater app. We also talk about our experiments with predictive loading and the new Guess.js initiative.
Saved
on: 2018-08-22
The easiest way to keep your web apps accessible: Just use text
The easiest way to keep your web apps accessible: Just use text The web is no longer just a collection of […]
Saved
on: 2018-08-15
Building the Google Photos Web UI - Google Design - Medium
A tremendous amount of care and attention goes into every detail of the Google Photos experience, the photo grid is just one part of a much bigger product. Here is how we made it.
Saved
on: 2018-07-18
How Image Optimisation Decreased my Website's Page Weight by 62%
Learn the image optimisation strategies I employed to shrink the page weight on my homepage from 1.1 MB to just under 450 KB
Saved
on: 2018-07-16
CSS Grid in IE: CSS Grid and the New Autoprefixer | CSS-Tricks
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
Saved
on: 2018-07-12
Facebook post preview with ReactJS and AWS Lambda
React JS app built using AWS Lambda and hosted on Netlify
Saved
on: 2018-07-05
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. Let’s Encrypt can’t provide certificates for “localhost” because nobody uniquely owns it, and it’s not rooted in a top level domain like “.com” or “.net”. It’s possible to set up your own domain name that happens to resolve to 127.
Saved
on: 2018-06-20
15 Experts Share Their Web Performance Advice for 2018
25+ experts share their advice and mistakes they see when it comes to web performance and which optimizations you should spend time prioritizing.
Saved
on: 2018-06-08
Page Transitions for Everyone | CSS-Tricks
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
Saved
on: 2018-05-15
Chromium Blog: The State of the Web at Google I/O 2018
The web is a global treasure, and has many strengths we all enjoy. It is a distribution platform like no other, providing people around the ...
Tags:
#webdev
Saved
on: 2018-05-09
Understanding OAuth 2.0 and OpenID Connect — Runscope Blog
Stay ahead in software testing with BlazeMeter's blog—featuring expert insights on performance testing, test automation, AI-driven testing, and best practices for continuous integration and delivery.
Tags:
#webdev
Saved
on: 2018-04-30
What's your tech stack?
Photo courtesy of Flickr user kreturn I came across this post from @ben today while I was doing some...
Saved
on: 2018-04-27
Remote Synthesis | Running SSL on localhost
Some strategies for local testing with SSL
Saved
on: 2018-04-24
Which Podcasts Should Web Designers And Developers Be Listening To? — Smash
In this article, Ricky Onsman brings you a list of current podcast for web designers and developers that our Smashing community listens to. We had what can only be called a very strong response both in number and in passion, and we’re pretty sure that any web designer or developer will find a few podcasts in this lot that will suit their particular listening tastes.
Saved
on: 2018-04-19
How not to suffer with APIs – ITNEXT
Everyday I see the questions “How to work with API?”, “Can you give some best practices”, “How to cook axios” in frontend chats. They get a lot of answers but all of them can be reduced to three…
Saved
on: 2018-03-26
Simple A/B Testing with Google Optimize – Caffeina Developers
Google Optimize is a free tool for creating experiments for conversion rate testing. You set up experiments for various elements on your pages and then Google randomly serves the different versions…
Tags:
#webdev
Saved
on: 2018-03-20
5 Takeaways From Using Tailwind CSS In Real Projects | Nick Basile
A roundup of the lessons learned using Tailwind CSS in real projects.
Saved
on: 2018-03-16
Paseto is a Secure Alternative to the JOSE Standards (JWT, etc.) - Paragon
Paseto (Platform-Agnostic Security Tokens) is everything JWT should be, but isn't (namely, secure)
Saved
on: 2018-03-05
How GDPR Will Change The Way You Develop — Smashing Magazine
GDPR requires you to be more thoughtful about the sites and services you build, more transparent about the ways you collect and use data, more considerate of your users, and more thorough in your development and documentation processes. In this article, Heather Burns will explore what you, as a developer, need to know about the new data protection regime. At the end, you’ll understand how the challenges posed by the privacy overhaul will ultimately help to make you a better developer.
Saved
on: 2018-02-28
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
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
» 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
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