recentpopularlog in

abberdab : progressive-enhancement   12

Progressively-Enhanced Breadcrumb Navigation
A progressively-enhanced breadcrumb navigation pattern that allows for sibling pages to be easily accessible at every level via dropdown menus.

1. Baseline
We start with a traditional breadcrumb navigation as our baseline experience to ensure the component works for all users.

2. Sub-Menu Toggle
If Javascript is enabled, we then make the top level link a toggle which reveals the nested sub-menu when clicked or tapped.

3. :hover Support
If :hover is truly supported, then we allow for sub-menus to be revealed on mouseover and we remove the toggle functionality on the top-level link.
navigation  breadcrumb  progressive-enhancement 
june 2018 by abberdab
The Slow Death of Internet Explorer and the Future of Progressive Enhancement · An A List Apart Article
Chrome, Opera, and Firefox ship new features constantly. Edge and Safari eventually catch up. Internet Explorer, meanwhile, has been all but abandoned by Microsoft, which is attempting to push Windows users toward Edge. IE receives nothing but security updates. It’s a frustrating period for client-side developers. We read about new features but are often unable to use them—due to a single browser with a diminishing market share.
progressive-enhancement  ie  crossbrowser  fallbacks  layout  css  feature-detect  feature-queries 
may 2018 by abberdab
Responsive images with srcset and sizes attributes vs picture element – Learnedia
This article is a tutorial to help you understand these underused or misused HTML <img> tag attributes for responsive images. I will also talk about picture vs srcset and when to use each technique.
responsive-images  responsive-design  picture-element  srcset  sizes  web  images  performance  mobile  picture  html  html5  bandwidth  crossbrowser  firefox  chrome  progressive-enhancement 
october 2017 by abberdab
Web truths: CSS is not real programming | Christian Heilmann
There is truth to the fact that working with CSS is not traditional programming. There is also truth that CSS has its language faults and that some things are much harder than they should be. That is the case with any standardised language, though. CSS is a way to describe what an interface should be like. It is not the implementation of said interface in a programmatic fashion, like, for example, the Canvas API. That CSS is not like a traditional programming language is by design.
css  programming  article  education  progressive-enhancement 
september 2017 by abberdab
Your Site—Any Site—Should be a PWA | Aaron Gustafson
The other day, Frances Berriman—who coined the term “Progressive Web App”—wrote a bit about how she came up with that name. In it she clearly points out that the name has become a little problematic in dev circles:

"I keep seeing folks (developers) getting all smart-ass saying they should have been PW “Sites” not “Apps” but I just want to put on the record that it doesn’t matter. The name isn’t for you and worrying about it is distraction from just building things that work better for everyone. The name is for your boss, for your investor, for your marketeer. It’s a way for you to keep making things on the open web, even those things that look really “app-y” and your company wants to actually make as a native app, 3 times over. They don’t want you to make websites anymore, but you still can if you’re sneaky, if you tell them it’s what they think they want."

As someone who is at once a practitioner, an educator, and a consultant on web projects, this can be tough to wrestle with. But like DHTML, Ajax, and HTML5 before, when viewed as a catch-all term for an approach to building stuff for the web it really shouldn’t matter that the word “app” is in there. Sure, it could have been “site” or “thang”, but when we—and I’m talking to the practitioners here—hear someone talking about PWAs, we need to take the broad view.
PWA  article  definition  terms  progressive-enhancement  web  development  responsive  design 
august 2017 by abberdab
The New Web Typography › Robin Rendle
We must prioritise the text over the font, or semantics over style.
We ought to use and/or make tools that reveal the consequences of typographic decisions.
We should acknowledge that web typography is only as strong as its weakest point.
typography  design  article  open  foot  fout  progressive-enhancement  rwd  www 
july 2016 by abberdab

Copy this bookmark:

to read