Bookmarks tagged with #webdev.
Show all
Show all
Tailwind CSS Resources you wish you had.
Background story This week I decided to take a look at Tailwind CSS and create a simple e-...
Saved
on: 2020-09-16
State of Self-Serve Website Building in 2020
The landscape has changed for self-serve business website design and hosting. Our review of three most practical DIY approaches, suitable for a simple static website up-to a full Content Management System (CMS).
Tags:
#webdev
Saved
on: 2020-09-11
A high-performance blog template for 11ty
I'm excited to announce the beta-release of eleventy-high-performance-blog–a high-performance blog template for 11ty based on this very...
Saved
on: 2020-09-07
Blade UI Kit
A set of renderless components to utilise in your Laravel Blade views. Built for the TALL stack. Completely open-source.
Saved
on: 2020-09-03
Legacy to Laravel: How to Modernize an Aging PHP Application | Tighten
Many of our clients have legacy PHP apps and want to move to Laravel. We’re often asked "should we rewrite or refactor?" While full rewrites are appealing, they’re also risky. Here’s our approach to gradually refactoring legacy code that lets you start using Laravel right away.
Saved
on: 2020-09-02
Caching is hard, draw me a picture | APIs You Won't Hate - A community that
Another guest post from our friend Darrel Miller.
This is my attempt to make the HTTPbis caching rules more accessible and hopefully shine a light on how powerful HTTP caching can be.
I’ve been working on a Pluralsight course that talks about how to use the Microsoft HttpClient library. One of the areas I cover is how to take advantage of HTTP caching. In the process I have been doing quite a bit of reading of the HTTPbis spec document on caching. It isn’t the easiest of specifications to re
Tags:
#webdev
Saved
on: 2020-09-01
Will It CORS? - a CORS debugging tool that actually works.
Literally nobody understands CORS, except this one magic web page
Saved
on: 2020-08-25
How to Use AVIF: The New Next-Gen Image Compression Format — Lightspeed
How to Use AVIF: The New Next-Gen Image Compression Format August 5, 2020 Dan Klammer Performance Designer Dan Klammer (@danklammer) on Twitter November 2, 2021 Update: Firefox 93 now supports the...
Tags:
#webdev
Saved
on: 2020-08-24
Learn Playwright & Checkly - Browser Automation
Learn more about Playwright automation & monitoring with Checkly. Explore how to automate your web with a reliable, programmable monitoring workflow.
Tags:
#webdev
Saved
on: 2020-08-19
Chrome Music Lab
Music is for everyone. Play with simple experiments that let anyone, of any age, explore how music works.
Saved
on: 2020-08-05
Pagination and Scroll Restoration with Turbolinks · Gray Matter
a blog by gray kemmey on (mostly programming) matter
Tags:
#webdev
Saved
on: 2020-07-23
How OAuth 2.0 Works
OAuth provides third party applications limited access to user resources without compromising the user's data. Find out exactly how in this blog.
Saved
on: 2020-07-16
Nodesign.dev | Design less develop more.
The ultimate collections of illustrations, art, pictures, fonts, images, icons, css frameworks, favicon generators, color palettes, backgound generators, ui inspirations and many more nodesign tools.
Tags:
#webdev
Saved
on: 2020-06-08
Throttling and Debouncing. Avoiding unnecessary API calls. - DEV Community
The problem There are sometimes that we need to perform actions on certain events controll...
Saved
on: 2020-04-08
HTML DOM - Common tasks of managing HTML DOM with vanilla JavaScript
Saved
on: 2020-04-02
Learn Authentication The Hard Way: Part One • Andrew Best
This is the first part of a three part series in which we dive into modern application authentication solutions - the hard way.
Part One: The Hard Way
Part Two: The Hard Way, Continued
Part Three: The Hard Way: Return Of The Specification
Introduction If you are a software developer, security is one of your primary concerns. If you ship code, and that code deals with any sort of sensitive or personal information, you need to ensure your code and the systems you build allow people to transact on your systems safely and securely, free from fear of compromise or consequence.
Saved
on: 2020-02-19
Pavithra Kodmad su Twitter: "Hey twitter friends, can you link me to articl
Hey twitter friends, can you link me to articles in the frontend and web dev space that are timeless and changed your perspective in some way. It maybe a gist, a readme, a tutorial or even a video. Looking to read some good content.
RT for reach? 🙌
Tags:
#webdev
Saved
on: 2020-01-23
The End of the Beginning
The beginning of technology was about the shift from batched computing in one place to continuous computing everywhere. That era of paradigm changes may be over, which means the real changes are on…
Saved
on: 2020-01-08
UnDraw: Open-source illustrations for every project you can imagine and create | Hacker News
Saved
on: 2019-12-23
Developers: Get Ready for New SameSite=None; Secure Cookie Settings
UPDATE (10/28/2019): We've revised the 2nd and 3rd bullet points in the section "How to Prepare; Known Complexities" below. In May, Chrome ...
Saved
on: 2019-10-24
🤯 HEAD - A simple guide to HTML elements
A simple guide to HTML elements
Tags:
#webdev
Saved
on: 2019-10-01
Menus with "Dynamic Hit Areas" | CSS-Tricks
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
Saved
on: 2019-09-24
Why is modern web development so complicated? A long yet hasty explanation:
Modern frontend web development is a polarizing experience: many love it, others despise it. I am a huge fan of modern web development, though I would describe it as “magical” — a…
Tags:
#webdev
Saved
on: 2019-08-08
The CSS background-image property as an anti-pattern
The CSS background-image property allowed us to do some amazing things, but in most cases, it's time to leave it behind.
Saved
on: 2019-07-28
Going serverless with Hugo and Netlify - Freek Van der Herten's blog on PHP
Our team releases a lot of open source packages. All of our packages are well documented. For the smaller packages, we use a simple readme on GitHub. The bigger packages, like medialibrary and event projector get documented on our documentation site. We recently moved our site from a Digital Ocean…
Saved
on: 2019-07-18
Shopify and the Power of Platforms | Hacker News
Saved
on: 2019-07-11
The Evolution of Spotify Home Architecture
Emily Samuels and Anil Muppalla discuss the evolution of Spotify's architecture that serves recommendations (playlist, albums, etc) on the Home Tab.
Saved
on: 2019-06-19
How to Section Your HTML | CSS-Tricks
The sectioning elements in HTML5 are , , , and . is also kind of a sectioning element since
Saved
on: 2019-06-19
Extract critical CSS | web.dev
Learn how to improve render times with critical CSS technique and how to choose the best tool for your project.
Saved
on: 2019-06-05
Building a stateless API proxy - Thea Flowers
How to make an access-limiting proxy for any API
Saved
on: 2019-05-30
The Sass Ampersand | CSS-Tricks
The & is an extremely useful feature in Sass (and Less). It's used when nesting. It can be a nice time-saver when you know how to use it, or a bit of a
Saved
on: 2019-05-28
HTTP headers for the responsible developer - Twilio
Guide to using HTTP headers for a better web. Learn about HTTPS, HSTS, CSP, Cacheable, immutable resources, serving WebP images, Feature-Policy and more.
Saved
on: 2019-05-08
Uppy 1.0: Your best friend in file uploading — Uppy
Today, after three years of development, we are launching version 1.0 of Uppy,
Saved
on: 2019-04-29
ds160 - Overview
ds160 has 2 repositories available. Follow their code on GitHub.
Saved
on: 2019-04-22
TwirPHP: A modern RPC framework for PHP
In the last couple years RPC started to become popular again as a communication mechanism for web-based APIs. It’s not a new concept at all, but it changed a lot over the years: the technology evolved, new IDLs and frameworks (like protobuf and gRPC) appeared. TwirPHP tries to bring this new tech to PHP by porting Twirp, Twitch’s “simple RPC framework built on protobuf”.
Saved
on: 2019-04-20
How to properly set up ESLint with Prettier for Vue or Nuxt in VSCode
Writing tech tutorials is hard because certain configurations might stop working after several months. As I’m also working on other things I don’t always have time to check if this is still working…
Tags:
#webdev
Saved
on: 2019-04-15
NoCoffee – Vision Simulator for Chrome
Vision problems are more pervasive than most of us realize. Upwards of 285 million people worldwide are visually impaired. Many more have low or moderate visual difficulties. The number in the U.S.…
Saved
on: 2019-04-12
Accessibility Insights
Solve accessibility issues before they reach your customers.
Saved
on: 2019-04-12
dequelabs/axe-core: Accessibility engine for automated Web UI testing
Accessibility engine for automated Web UI testing
Saved
on: 2019-04-12
AddyOsmani.com - Native image lazy-loading for the web!
In this post, we’ll look at the new loading attribute which brings native and
Tags:
#webdev
Saved
on: 2019-04-08
Rich text / HTML editors and frameworks
Rich text / HTML editors and frameworks. GitHub Gist: instantly share code, notes, and snippets.
Saved
on: 2019-04-03
delight-im/PHP-I18N: Internationalization and localization for PHP
Internationalization and localization for PHP
Saved
on: 2019-03-29
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
Commento: A fast, privacy-focused commenting platform
Add comments to your website with Commento. It's fast, modern, and privacy-focused.
Saved
on: 2019-02-21
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