Bookmark
Gradient Magic - Fantastic and Unique CSS Gradients
https://www.gradientmagic.com/, posted Aug '20 by peter in css design graphics html webdesign
Gradient Magic is the largest gallery of CSS Gradients on the web, with new and exciting gradients added every day.
CSS Gradients are fancy patterns created via CSS, primarily used to add color or patterns to a website. They have many benefits over images, including being easier to work with and much smaller in size.
Bookmark
Creating Your Own CSS Grid System | Jan Drewniak
j4n.co/blog/Creating-your-own-css-grid-system, posted 2018 by peter in css html reference webdesign
CSS Grids have been around a long time. Often they come bundled in frameworks such as Bootstrap. I'm not a Bootstrap hater, but sometimes using a framework is overkill if all you really need is a grid. Here's how to make your own CSS Grids from scratch.
Bookmark
How to Center in CSS
howtocenterincss.com/, posted 2017 by peter in css howto html reference webdesign
Centering in CSS is a pain in the ass. There seems to be a gazillion ways to do it, depending on a variety of factors. This consolidates them and gives you the code you need for each situation.
Bookmark
Perfect responsive images: HTML5 and Bootstrap 4
inspire.blufra.me/html5-element-and-bootstrap-4-media-queries/, posted 2016 by peter in css howto html reference webdesign
Let’s harness the power of these new media queries to serve an image of the right size based on the device a user views our site on. We’re going to save a lot of bandwidth for the small devices, and serve a beautiful large image for larger ones.
We’ll do that by using the HTML5 picture element and its powerful source tag and media and srcset attributes.
Bookmark
Responsive Images in Practice · An A List Apart Article
alistapart.com/article/responsive-images-in-practice, posted 2014 by peter in css graphics howto html webdesign
For years, we’ve known what’s been weighing down our responsive pages: images. Huge ones, specially catered to huge screens, which we’ve been sending to everyone. We’ve known how to fix this problem for a while too: let us send different sources to different clients. New markup allows us to do exactly that. srcset lets us offer multiple versions of an image to browsers, which, with a little help from sizes, pick the most appropriate source to load out of the bunch. picture and source let us step in and exert a bit more control, ensuring that certain sources will be picked based on either media queries or file type support.
Bookmark
Let's build a browser engine! Part 1: Getting started
limpet.net/mbrubeck/2014/08/08/toy-layout-engine-1.html, posted 2014 by peter in development howto html
I’m building a toy HTML rendering engine, and I think you should too. This is the first in a series of articles.
Bookmark
One Step Ahead: Improving Performance with Prebrowsing · An A List Apart Article
alistapart.com/article/one-step-ahead-improving-performance-with-prebrowsing, posted 2014 by peter in development howto html optimization usability webdesign
We tend to see the web as a reactive model, where every action causes a reaction. Users click, then we take them to a new page. They click again, and we open another page. But we can do better. We can be proactive with prebrowsing.
Bookmark
Can Email Be Responsive? · An A List Apart Article
alistapart.com/article/can-email-be-responsive, posted 2014 by peter in css email howto html toread
Love it or hate it, there’s no denying the popularity of HTML emails. And, like the web before it, the inbox has officially gone mobile—with over 50 percent of email opens occurring on mobile devices.
...
Building on the principles of responsive web design first codified by Ethan Marcotte, a revolution in email design is giving birth to an experience fast approaching that of the modern web. Subscribers need no longer be subjected to terrible reading experiences, frustrating touch targets, and tiny text.
Bookmark
CSS Variables in Firefox 29 • Cameron McCormack's blog
mcc.id.au/blog/2013/12/variables, posted 2013 by peter in css development firefox html toread webdesign
As reported by Cameron McCormack, Firefox Nightly (version 29) now supports CSS variables. You can get a quick overview in this short screencast:
Bookmark
DRM in HTML5 | The Beautiful, Tormented Machine
manu.sporny.org/2013/drm-in-html5/, posted 2013 by peter in copyright dinosaurism html opinion standard
The Encrypted Media Extensions (DRM in HTML5) specification does not solve the problem the authors are attempting to solve, which is the protection of content from opportunistic or professional piracy. The HTML WG should not publish First Public Working Drafts that do not effectively address the primary goal of a specification.