Search
GoGetSSL
26.12.2019
GoGetSSL is a company that sells SSL certificates. You know, those things that are required to make your site use https://, not http:// which doesn't feel like an optional choice these days with browsers making sites looks scarily insecure without it and search engines telling us is a ranking...
Making a Better Custom Select Element
11.12.2019
We just covered The Current State of Styling Selects in 2019, but we didn't get nearly as far and fancy as Julie Grundy gets here. There is a decent chunk of JavaScript that powers it, so I'm still very much eyeballing browsers' recent interest in giving us more powerful selects in (presumably)...
Having a Little Fun With Custom Focus Styles
2.12.2019
Every front-end developer has dealt or will deal with this scenario: your boss, client or designer thinks the outline applied by browsers on focused elements does not match the UI, and asks you to remove it. Or you might even be looking to remove it yourself.
So you do a little research and find...
Embracing the Universal Web
21.11.2019
There are constantly new features appearing in browsers—from subgrid to variable fonts to better developer tools. It's a really great time to be re-thinking everything we know about design on the web. Responsive design has served us well over the years, but it's still rooted in the limitations...
When to Use SVG vs. When to Use Canvas
12.11.2019
SVG and canvas are both technologies that can draw stuff in web browsers, so they are worth comparing and understanding when one is more suitable than the other. Even a light understanding of them makes the choice of choosing one over the other pretty clear.
A little flat-color icon? That's...
Diana Smith’s Pure CSS Artwork “Lace”
8.11.2019
Diana is at it again with her absolutely unbelievable CSS paintings. This latest one is called Lace. Past paintings are Francine, Vignes, and Zigario.
She wrote for us last year if you'd like a little insight into her thinking.
Andy Baio looked at the painting in a variety of older...
Some Things You Oughta Know When Working with Viewport Units
6.11.2019
David Chanin has a quickie article summarizing a problem with setting an element's height to 100vh in mobile browsers and then also positioning something on the bottom of that.
Summarized in this graphic:
The trouble is that Chrome isn't taking the address bar (browser chrome) into account when...
Firefox Kiosk Mode
16.10.2019
As someone who loves the HTML and web APIs, I want to see them used in all different types of devices and mediums. Being that I work for the amazing Mozilla Corporation, seeing Firefox and the gecko web engine thrive in those spaces is important to me. Firefox was recently featured in the Firefox...
The Teletype Text Element Lives On… at Least on This Site
11.10.2019
It was this: <tt>
I say "was" because it's deprecated. It may still "work" (like everybody's favorite <marquee> in some browsers), but it could stop working anytime, they say. The whole purpose of it was to display text in a monospace font, like the way Teletype machines used...
Zero hands up.
2.10.2019
Asked an entire room full of webdevs yesterday if any of them knew that FF/Chrome/Opera/Brave/etc. for iOS weren't allowed to compete on engine quality.
Zero hands up.
— Alex Russell (@slightlylate) September 25, 2019
It's worth making this clear then. On iOS, the only browser engine...
designMode
1.10.2019
Every once in a while I stumble upon an API or browser setting that I can’t believe ever existed. Such examples can be seen in the numerous String.prototype properties such as bold, italics, and even blink, which wrap given string text in their representative HTML tags. Bizarre. It...
What happens when you open a new install of browsers for the 1st time?
27.9.2019
Interesting research from Jonathan Sampson, where he watches the network requests a browser makes the very first time you launch it on a fresh install, and otherwise do nothing. This gives you a little insight into what kind of information that browser wants to collect and disseminate.
This...
UX Considerations for Web Sharing
20.9.2019
From trashy clickbait sites to the most august of publications, share buttons have long been ubiquitous across the web. And yet it is arguable that these buttons aren’t needed. All mobile browsers — Firefox, Edge, Safari, Chrome, Opera Mini, UC Browser, Samsung Internet — make it easy to share...
Two Browsers Walked Into a Scrollbar
18.9.2019
Surprise: scrollbars are complicated, especially cross-browser and cross-platform.
Sometimes they take up space and sometimes they don't. Sometimes that is affected by a setting and sometimes it isn't. Sometimes you can see them and sometimes you can't unless you're actually scrolling. Styling...
(Why) Some HTML is “optional”
16.9.2019
Remy Sharp digs into the history of the web and describes why the <p> tag doesn’t need to be closed like this:
<p>Paragraphs don’t need to be closed
<p>Pretty weird, huh?
Remy writes:
Pre-DOM, pre-browsers, the world's first browser was being written by Sir...
Maskable Icons: Android Adaptive Icons for Your PWA
29.8.2019
There is a new web feature called maskable icons that is coming soon to Firefox Preview and other web browsers. This new icon format will let your PWAs have their own adaptive icons on Android.
The post Maskable Icons: Android Adaptive Icons for Your PWA appeared first on CSS-Tricks
Coinbase WalletLink Now Lets Clients Use DApps on Desktop Browsers
22.8.2019
Coinbase Wallet’s users can now use their DApps on any desktop browser through WalletLink
Coinbase Now Allows You to Access Dapps on Desktop Browsers
22.8.2019
Coinbase Wallet saves users from installing browser extensions, moving private keys across devices, to administer their wallet funds on desktop browsers
Coinbase Now Lets You Access DApps on Your Desktop Browsers
22.8.2019
As per the official announcement by Coinbase, users will now be able to access their DApps (decentralized applications) on their desktop browsers hassle-freely. It has been made possible through Coinbase Wallet’s WalletLink service. As described in the blog post, WalletLink will act as the secure...
Can you view print stylesheets applied directly in the browser?
19.8.2019
Yep.
Let's take a look at how to do it in different browsers. Although note the date of this blog post. This stuff tends to change over time, so if anything here is wrong, let us know and we can update it.
In Firefox...
It's a little button in DevTools. So easy!
Open DevTools...