recentpopularlog in

dirtystylus : editorialdesign   41

Semantic sidenotes for the web | Koos Looijesteijn
As a nice side effect, on large screens, where the sidenote appears next to the body text, both asterisks get hover styling when one either the content or the inline span has the mouse cursor over it. ) to keep the required JavaScript simple.

Then there’s the inline phrase that gets the asterisk, or let’s call it a label. I’m using the <label> tag after all. That idea came from Roman Komarov who
html  editorialdesign  webdesign  css  accessibility 
december 2019 by dirtystylus
Mark Boulton on Twitter: "Whenever I'm designing editorial content, I always design for worse case scenario: - Terrible images (or no images) - Poorly written, long headlines - Really long paragraphs with no links - Overwhelming inappropriate advertising
Whenever I'm designing editorial content, I always design for worse case scenario:
- Terrible images (or no images)
- Poorly written, long headlines
- Really long paragraphs with no links
- Overwhelming inappropriate advertising
Because, you can bet, that's how it will end up.

https://twitter.com/markboulton/status/1195357923628724229

So, if you can make poor content meet the baseline: accessible (URL, a11y), readable (typography, typesetting), navigable (IA). Then you're mostly there. Everything else is an enhancement.
editorialdesign  contentstrategy  webdesign  by:markboulton 
november 2019 by dirtystylus
Why is Chrissy Teigen’s new website so bad?
Traditional platforms provide plenty of fodder to react to and position around—you can stand out by being messy where others strive for perfection, or by matching the president’s foul language where others demure.
editorialdesign  editorialstrategy  culture  food  cooking  celebrities  chrissyteigen  branding  webdesign 
november 2019 by dirtystylus
Building a digital garden
Interesting from a personal note-taking/publishing perspective, but also for the treatment/positioning of the footnotes
via:chrisarasin  blogging  notetaking  editorialdesign  footnotes  jekyll 
april 2019 by dirtystylus
Reimagining The New York Times Digital Story Experience
May 8, 2018, marks the culmination of a years-long project to create an article ecosystem that promotes internal efficiency and delivers an enhanced reading experience for our users. We now have a single responsive article for both mobile and desktop on the web, and we use a subset of the same code to render stories in our native apps, Google’s Accelerated Mobile Pages (AMP) and our content management system. Here are the biggest benefits of the work we’ve done:
webdesign  nyt  editorialdesign  editorialstrategy  cms 
june 2018 by dirtystylus
Refreshing The Verge: no platform like home - The Verge
Perhaps ironically, we’ve found that the best way to create that resiliency is by harking back to the web principle of progressive enhancement: each story created in Chorus begins as a platform-neutral collection of text, images, and video. That foundation ensures that we can publish that story as easily to our own platform as to, say, AMP or Apple News, and be confident that our audience will experience that story in a way that fits whichever platform they are using. On our own platform, we’re then free to enhance up, adding stylistic or experiential flairs that elevate the experience of the story. This practice — which I refer to unoriginally as progressively enhanced storytelling — also has the added benefit of helping us make our content more accessible to more kinds of users, especially those with disabilities. (It wouldn’t be inaccurate to consider speaking browsers one among the many platforms we must publish to.)
orbitalcontent  publishing  cms  via:aworkinglibrary  voxproduct  progressiveenhancement  openweb  googleamp  performance  video  editorialdesign 
october 2016 by dirtystylus
Design of a Site Meant to Be Read: Part Two — The Brooks Review
For instance: an image who’s height goes beyond the bounds of the current viewport is less an image, and more of a visual thing that is just in the way. We need to scale images better to fit within the viewport they are shown in. This is minor, and something I am still working through myself, but something that I think is increasingly important as we trend towards viewing on mobile devices with limited RAM and users with limited patience.
webdesign  typography  editorialdesign  ux  images  performance  verticalmediaquery 
july 2015 by dirtystylus
Parallax Scrolling
Pinterest board with scrolling sites
scrolling  editorialdesign 
january 2014 by dirtystylus

Copy this bookmark:





to read