Posts tagged with web
Confused by DNS Records? A, CNAME, ALIAS...
— Chris Achard (@chrisachard) October 28, 2019
Me too ?
Let's change that! (cheatsheet at the end)
? DNS Record crash course for web developers ?
Read more [twitter.com]
Mohammed Said wrote some thoughts on FOMO that resonate with me.
It's a constant pressure on me, and I can imagine how hard it can be on people newly joining the career. In my early days it wasn't that bad, things weren't moving that fast, but nowadays it's crazy.
Read more [themsaid.com]
Join 9,000+ developers
Every month, I share practical tips, tutorials, and behind-the-scenes insights from maintaining 300+ open source packages.
No spam. Unsubscribe anytime. You can also follow me on X.
A few weeks ago, my colleague Seb added webmentions to his blog.
I first noticed webmentions in the wild on Hidde de Vries’ blog about two years ago. Last week it finally happened, I added webmention support to my blog too! Well, partial support at least. I’m now receiving and displaying webmentions. Sending them out is a project for another day.
Read more [sebastiandedeyne.com]
I always knew the browser was pretty smart about dealing with what I thought was incomplete HTML, but I didn't know the HTML5 spec actually defined a bunch of tags as optional ?
— Adam Wathan (@adamwathan) May 18, 2019
Google actually recommends writing your HTML this way:https://t.co/t3fu98s5IM pic.twitter.com/v2RAr5Whl9
Read more [twitter.com]
Scott Helme, creator of both securityheaders.com and report-uri.com introduces a header to enable or disable certain APIs on a webpage.
Feature Policy is being created to allow site owners to enable and disable certain web platform features on their own pages and those they embed. Being able to restrict the features your site can use is really nice but being able to restrict features that sites you embed can use is an even better protection to have.
Read more [scotthelme.co.uk]
On his blog [Hidde De Vries] recaps a talk by Sir Tim Berners-Lee, the inventor of the web, on redecentralising the web.
However, if we’re not careful, Berners-Lee warned, there can also be a vicious circle, a dystopian scenario. This happens when algorithms cause people to meet more people like themselves, narrows down their circle and alienates them from people who are different. Or when websites are used to harvest people’s personal data that are then used for political gain.
Read more [hiddedevries.nl]
Recently my company Spatie launched https://dnsrecords.io, a beautiful site to quickly lookup dns records. True to form, we also opensourced it, here is the sourcecode on GitHub. If you want to do some dns lookups in your own app, you'll be happy to know that we extracted the dns lookup…
Peter O'Shaughnessy, a developer advocate for Samsung, explains that your idea on which browsers are the most popular is probably wrong.
Our traditional idea of the top five browsers may be over-simplified, outdated and skewed.Chrome, Firefox, Safari, IE/Edge, Opera… It is a common idea that these are the five “major browsers”. Our familiarity with them is comforting, but it might be a skewed and outdated view. Partly from our Western bubble and partly a hangover from the days of desktop dominance. Let’s take a look at some numbers so we can better represent the reality.
https://medium.com/samsung-internet-dev/think-you-know-the-top-web-browsers-458a0a070175
On the madewithlove blog Frederick Vanbrabant wrote a post on how he and colleague improved the PWA score of their company site.
So the first thing you should know about PWA (or progressive web apps) is that it’s an adaptation of your current site or web app. This means that if you want to have all the features of a progressive web app, you are going to need to change your current site/application. The good news here is that they are all changes you would want to have anyway.
David Gilbertson made a lighting fast site and wrote a fantastic article about it.
Writing a fast website is like raising a puppy, it requires constancy and consistency (both over time and from everyone involved). You can do a great job keeping everything lean and mean, but if you get sloppy and use an 11 KB library to format a date and let the puppy shit in the bed just one time, you’ve undone a lot of hard work and have some cleaning up to do.
https://hackernoon.com/10-things-i-learned-making-the-fastest-site-in-the-world-18a0e1cdf4a7
Sam Bellen, an engineer at madewithlove, explains how to draw an audio form in real time using the sound from your computer's microphone.
I've recently started creating an online audio editor. One of the features I wanted to implement was to create a waveform for each track in the editor. This gives a nice overview of the content of each track.While recording a new track, it would be cool to visually see the the waveform you're recording so I decided to generate a waveform in realtime while recording a new audio track.
Below I will go through the basics of how you can create such a waveform from your audio input device.
https://blog.sambego.be/creating-an-audio-waveform-from-your-microphone-input/
At this years Chrome Dev Summit Jake Archibald gave an excellent talk on some new features that are coming to the service worker. In case you don't know, a service worker is a piece of JavaScript that sits between the network request sent by the JavaScript in your browser and the browser itself. A common use case for a service is to display a custom page when there is no internet connection available instead of showing the default error message in your browser. And of course you can use a service worker to have a high degree of control on how things are cached.
I really like Jake's presentation style in general. He always injects a lot of humour. This time he's presenting in a tuxedo, with no shoes on and he uses a Wii Controller to control his slides. Go Jake!
A very interesting part of the talk is when he touches on the time needed to display a page. Turns out a full web request can be a faster than a fancy single page application. Watch that segment on YouTube by clicking here.
Or you can choose to just watch the whole presentation in the video below.
In this talk Sam Bellen demonstrates how to use JavaScript's web-audio-api to transform audio in realtime. Presentations with guitars are cool. Love the Metz t-shirt.
This week an article on WIRED informed us that the average webpage is now the size of the computer game 'DOOM'.
Maciej Ceglowski gave an excellent talk on this subject at this years Web Directions conference. His keynote title "The website obesity crisis" is available on Vimeo.
Mattias Geniar posted an overview of how to take care of SEO from a technical standpoint:
If you're the owner or maintainer of a website, you know SEO matters. A lot. This guide is meant to be an accurate list of all technical aspects of search engine optimisation.https://ma.ttias.be/technical-guide-seo/There's a lot more to being "SEO friendly" than just the technical part. Content is, as always, still king. It doesn't matter how technically OK your site is, if the content isn't up to snuff, it won't do you much good.
But the technical parts do matter, after all.
Thijs Feryn gave an overview at the Limburg PUG on various available tools and techniques to improve the performance of a website.
In 2015 web developers understand more about SSL than they ever have. If you read Hacker News you should know:https://certsimple.com/blog/obsolete-cipher-suite-and-things-web-developers-should-know-about-sslWhat about the rest?
- You can get domain validated (DV) certs from Let's Encrypt for free.
- You can get extended validation (EV) certs from CertSimple with checks before you pay. That's us by the way!
- The Mozilla SSL Config Generator can set up your server as secure as possible for the browsers you want to support.
- When you're done, use SSL Labs to check everything. Make sure you get an A, otherwise people will pick on you.
Custom elements give us the tool to extend HTML's vocabulary, teach it new tricks, and jump through the wormholes of the web platform. Combine them with the other new platform primitives like Shadow DOM and , and we start to realize the picture of Web Components. Markup can be sexy again!http://www.html5rocks.com/en/tutorials/webcomponents/customelements/
HTTP2 will mean a change in how we should build websites. The best practices of HTTP1 are harmful in a HTTP2 world.https://mattwilcox.net/web-development/http2-for-front-end-web-developers