Designing Accessible Text Over Images: Best Practices, Techniques, And Resources (Part 2) (Smashing Magazine)

Smashing Magazine: Designing Accessible Text Over Images: Best Practices, Techniques, And Resources (Part 2). “In Part 2 of the series, Hannah Milan reviews in detail various accessible text over images techniques for designing your web and mobile app content, including framing the image, soft-colored gradients technique, text styles and text position, solid color shapes, and use of colored backgrounds. And finally, the emphasis will once again be placed on the accessibility aspect, which needs to be ‘baked in’ right from the start rather than being an afterthought in your design process.”

Smashing Magazine: Top Front-End Tools Of 2022

Smashing Magazine: Top Front-End Tools Of 2022. “Who doesn’t love a good front-end tool? In this roundup, you’ll find a nice list of useful front-end tools that were popular last year but are still bound to help you speed up and enhance your development workflow. Let’s dive in!” Some of these are high-level design items, but anybody can get use out of Text Cleaner, Fonoster, and Allinone.tools.

The Verge: These ‘CSS Crimes’ Turn Social Media Posts Into Games

The Verge: These ‘CSS Crimes’ Turn Social Media Posts Into Games. “While major social media giants cling to uniformity and standardized posts, cohost throws all of this corporate banality out the window. My first encounter with this nascent platform was like stumbling across a bygone era of computing — one where websites were unchecked reflections of personal expression and delightfully weird, often awkward vibes. Most importantly, cohost has cultivated a thriving demoscene full of artists, designers, creative coders, and ambitious shitposters ready to push the envelope of computer art.”

VIDEO: An introduction to HTML and CSS for data journalists (Online Journalism Blog)

Online Journalism Blog: VIDEO: An introduction to HTML and CSS for data journalists. “In this video — first made for students on the MA in Data Journalism at Birmingham City University and shared as part of a series of video posts — I provide an introduction to the aspects of HTML and CSS that are helpful for those starting out with data journalism. It is best watched alongside the previous video on responsive web design.” The video is hosted on YouTube and the captions are auto-generated. The English ones are pretty good with only a few errors.

Neowin: Google brings Grasshopper programming instruction tool to the desktop

Neowin: Google brings Grasshopper programming instruction tool to the desktop. “With the expansion onto the desktop, two new classes have been added to Grasshopper which are specifically designed for use on desktops and laptops and use a code editor. The aim of the classes is to give an introduction to developing webpages. The Intro to Webpages course will teach users the basics of JavaScript, HTML, and CSS in order to get them building simple webpages.”

TechCrunch: A new CSS-based web attack will crash and restart your iPhone

TechCrunch: A new CSS-based web attack will crash and restart your iPhone . “A security researcher has found a new way to crash and restart any iPhone — with just a few lines of code. Sabri Haddouche tweeted a proof-of-concept webpage with just 15 lines of code which, if visited, will crash and restart an iPhone or iPad. Those on macOS may also see Safari freeze when opening the link.”

ZDNet: Chrome, Firefox CSS3 flaw may have let attackers grab Facebook user data

ZDNet: Chrome, Firefox CSS3 flaw may have let attackers grab Facebook user data. “Chrome and Firefox recently received patches for a bug that allowed attackers to reveal Facebook usernames, profile pictures and Likes when users visited an attack site. The bug is caused by the way Chrome and Firefox implemented a feature of Cascading Style Sheets (CSS) called ‘mix-blend-mode’, introduced to the CSS3 standard in 2016.”

Pastejacking Turns Copy/Paste into Copy/OhCrap

Here’s your new security vocabulary word: pastejacking. “This side of haptic gloves, Ctrl+C and Ctrl+V is as close as we can get to reaching out and grabbing something off the web. It’s the cyber-grab you cyber-learn in your cyber-infancy and never cyber-forget because you endlessly cyber-repeat it. Repetition teaches us that what goes in to our hand when we Ctrl+C (grab something) comes out of our hand when we Ctrl+V (let it go). But what if it didn’t? What if you reached out to grab one apple but when you opened your hand you had a pear? Or a piranha?”