ty

Anonymity in Blogging

I had been considering whether to start up a personal newsletter. I subscribe to friends’ letters, in which they describe the various goings on in their life—family, house projects, travel, etc. As an email, it feels more intimate.

Couldn’t what I say in an email also be said on the blog? Which led me to consider a number of things…

With social media, we can see who follows us. Sure, there’s no guarantee our posts will make their way into their algorithm. Maybe they’re not online this week. Yet, we can see their names and know that they have a likelihood of seeing them.

A newsletter is quite similar. There’s a subscriber list and we can see every name that’s on it. Sure, they can be busy and archive it without reading it. The email can get caught in a spam filter. Yet, people want to fill their already busy inboxes with what you have to say and are likely to read it.

For anything impersonal, like brand marketing, promotions, or sales, it makes sense and is highly advantageous to know who your audience is. When I sold a book, it was useful to be able to market to those who bought the book to buy the workshop. It was useful to market to those to come to a conference.

Blogging feels detached from the audience. I can write knowing that nobody or anybody might be reading it. I can write for me and hope the words resonate. And having taken analytics off, I have absolutely no idea if anything resonates. It’s like putting artwork up in a museum. Each person gets to enjoy it in their own time and in their own way and the artist is likely never to know. Unless you say something to me, I have no idea if you’ve read these very words. [People would approach me at conferences and mention something going on in my life and I would briefly think, “How do you know about that?!” Only to remember that I had written about it publicly.]

What’s likely evident based on the mere title of this post is the conclusion that blogging is to an anonymous audience. I can guess who my audience is but I will never truly know. Not only will I not know who my audience is when I initially post, I won’t know who my audience might be at some point down the road.

I might still start up a newsletter but in the meantime and until then, I’m enjoying the process of writing to an unknown audience.


Reply via email




ty

Turning Fifty

I’ve never been big about celebrating my birthday. I’m not sure why. I don’t recall any childhood trauma around birthday parties. Whatever the reason, my birthdays have come and gone without much fanfare. Perhaps a quick visit to my mom’s where I would be treated to my favourite dessert: Betty Crocker Cherry Chip Cake with French Vanilla icing. Pure nostalgia from when she’d make it when I was a child. If she didn’t make it, I’d make it for myself.

Big milestone birthdays like turning 20, 30, or 40 didn’t really feel important or necessary to especially celebrate, nor did I feel any particular existential dread.

This year is different.

I am turning 50. Thankfully, existential dread has been kept to a minimum. I’ve never really had an issue with aging—although society does tend to look more kindly on older men, beauty-wise. I don’t feel that pressure to stay (or look) young. Good thing, too, because that gray hair is pervasive, if you know what I mean.

I did see this milestone coming, though, and with the 50 Before 50 challenge, I had thought to culminate that adventure with a final dinner on or around my birthday. But I finished that a year ago. Whatever shall I do?

Multiple celebrations.

I’ve got three separate parties planned: One in Ottawa with friends, one at my uncle’s farm with family, and another in NYC with another group of friends. I’m very grateful for the friends and family I have in my life and what better way to celebrate fifty revolutions around the sun on this planet than to hang out with them while enjoying some great food.

Here in Ottawa, I booked Perch, which is one of my favourite restaurants in the city. I’ve been a few times and have always enjoyed their understated yet elevated food experience. And in NYC, I booked Atomix, which is one of my favourite restaurants in the world.

After this, I can go back to small cherry chip celebrations. For isn’t it great to be able to enjoy and celebrate each day we’re on this planet? No need to save it up for one big day of the year. (or, er, half century.)


Reply via email




ty

Tasty Coffee

Today’s coffee is tasty—different tasty. It feels thick on the tongue, like a high percentage chocolate, with a bitterness bordering on sweetness. Subtle notes are difficult to find, hidden amongst the clouds of creamy, frothy whole milk that blankets—nay, marries—the espresso. Today is not a day for subtlety. It is a day to be consumed.

And this pain au chocolat ain’t bad, either.


Reply via email




ty

New Amazing Deals from MightyDeals!

New Amazing Deals from MightyDeals!. This time it’s about three offers that would definitely be useful for any passionate web designer, or simply design enthusiasts.

View and Vote




ty

Dramatic Typography Designs to Acquire Best Ideas

Typography designs are most beautiful type of artwork, you can get inspiration from typography design, creative typography design for you to get artistic ideas.

View and Vote




ty

Four Tips of Tapping Market Potential via Quality Brochures

Marketing with brochures is one of the many ways to reach out to your target audience. In order to have that impact, brochures should be attractive and engaging.

View and Vote




ty

30 Awesome Latest Free High Quality Web Templates

Hello friends, I have compiled some of the beautiful web templates, now if you want to design a website you can probably use these templates, this will help you to reduce your designing work. Thanks to the original designers for sharing such wonderful templates for free.

View and Vote




ty

45 High Quality And Free Web Templates In PSD

Finding out high quality and premium PSD files is extremely difficult but keeping them in the toolbox is tremendously important for the web designers because such PSD files always come in handy and save loads of time.

View and Vote




ty

How to Find Opportunity in Everything

If there’s one thing I’ve learned from interviewing hundreds of high-performers and change-makers on the Chase Jarvis LIVE show, it’s that the most successful entrepreneurs and creators share a unique trait: they view challenges not as barriers but as incredible opportunities for growth and innovation. Unlike many of us who might view problems as burdensome obstacles, they tend to see them as opportunities to learn, to grow, to improve, and to adapt in ways that leave them better positioned than they were before. This perspective isn’t just about maintaining a positive attitude—it’s about harnessing the power of each setback to propel oneself forward.  Why Problems Are Your Launchpad for Innovation Problems are inevitable, no matter what we do in life, but as creators and entrepreneurs we can get more than our fair share. It’s par for the course when it comes to breaking new ground and pushing boundaries. But here’s the kicker: when you start to view these problems as crucial growth opportunities, they suddenly become less daunting – more like puzzles waiting to be solved rather than monsters lurking in the dark. This mindset not only reduces the stress associated with challenges but also opens up your creative process...

The post How to Find Opportunity in Everything first appeared on Chase Jarvis.

The post How to Find Opportunity in Everything appeared first on Chase Jarvis.




ty

Surprising Secret to Boosting Productivity

In the midst of a creative marathon, the sprint towards the finish line can feel all-consuming. For me, that’s been the reality as I hammer out the final chapters of my next book. Picture it: weeks of rewrites, a direction that felt “off” until it was nearly scrapped and started anew. It’s a doozy of a process, one that demands the lion’s share of my attention and energy as I push to wrap things up for my publisher. Yet, amid this whirlwind of deadlines and word counts, I’ve stumbled upon a not-so-secret secret to maintaining not just my sanity, but also my creative spark: Play. Yes, play. Those moments of uninhibited, carefree joy that seem diametrically opposed to the seriousness of looming deadlines. But here’s the thing—integrating brief, playful breaks into your work routine can be incredibly rejuvenating and is often the overlooked ingredient in making great stuff. Harnessing the Power of Play During this intense writing phase, I’ve found solace in a few key activities, which, while they might seem like diversions, are actually vital to my process. For starters, music has been a cornerstone of my creative life, notably during the early days of the Chase Jarvis LIVE...

The post Surprising Secret to Boosting Productivity first appeared on Chase Jarvis.

The post Surprising Secret to Boosting Productivity appeared first on Chase Jarvis.




ty

Why Chasing More Is Leaving Us Empty

Ever find yourself chasing after more, only to feel emptier than before? It’s a paradox many of us live: the more we strive for, the less satisfied we become. When does what you do and what you have become enough? It’s a question we rarely ask ourselves. Our society pushes the myth that having more—more money, more stuff, more accolades—is the ultimate path to happiness and success. But here’s the thing: it’s a myth, and like all myths, it’s worth challenging. The Illusion of More We’re bombarded daily with messages that glorify the hustle and celebrate accumulation. Social media feeds us a never-ending stream of highlight reels, making it seem like everyone else has it all. This constant chase for more often leads to a sense of emptiness rather than fulfillment. The Problem with Always Wanting More Our desire for more is deeply ingrained in our culture. We’re never satisfied and always want more—more money, more clothes, more toys, more square feet, more followers. This insatiable pursuit creates a cycle of never-ending wants and desires. No matter how much we accumulate or achieve, there is always something more to strive for, making true contentment elusive. Our natural state is one...

The post Why Chasing More Is Leaving Us Empty first appeared on Chase Jarvis.

The post Why Chasing More Is Leaving Us Empty appeared first on Chase Jarvis.




ty

Cal Newport on The Dark Side of Modern Productivity

In this episode, Cal Newport shares his revolutionary approach to productivity from his new book, Slow Productivity: The Lost Art of Accomplishment Without Burnout. Cal, a computer science professor at Georgetown and author of Deep Workand Digital Minimalism, explores how principles from historical figures like Newton, Galileo, and Jane Austen can help us thrive in today’s fast-paced world. We discuss his ‘lost art’ approach, debunk the myth of multitasking, and examine how technology impacts our focus and mental well-being. Some highlights we explore: How Newton’s work habits can be integrated into modern productivity practices. Why focusing on single tasks is more effective than multitasking. Advice on reducing social media’s impact to regain focus. Techniques from Cal’s new book to accomplish more without burning out. And more! Enjoy! FOLLOW CAL NEWPORT: twitter | youtube | website Listen to the Podcast Subscribe  

The post Cal Newport on The Dark Side of Modern Productivity first appeared on Chase Jarvis.

The post Cal Newport on The Dark Side of Modern Productivity appeared first on Chase Jarvis.




ty

7 Ways to Turn Adversity into Your Greatest Business Asset

Payam Zamani’s journey from refugee to tech mogul is a masterclass in resilience and innovation for creators and entrepreneurs. At 16, Payam fled religious persecution in Iran, arriving in the U.S. with just $75 in his pocket. Within 11 years, he had founded AutoWeb, a company he would later take public for over a billion dollars. His story is not just about success against the odds, but about transforming challenges into catalysts for growth and innovation.For creators and entrepreneurs in their 30s and 40s, Payam’s experiences offer valuable insights on how to leverage adversity. Here are seven ways you can turn challenges into your greatest business assets: 1. Embrace Difficult Journeys as Opportunities for Growth Payam’s harrowing escape from Iran taught him to view challenges as opportunities rather than obstacles. In business, this mindset can help you navigate market volatility and emerge stronger from crises. Action Step: When faced with a setback, ask yourself, “What can I learn from this? How can this experience make me and my business stronger?” 2. Cultivate Hope as a Driving Force Despite facing extreme adversity, Payam maintained hope for a better future. This hope became a powerful motivator, driving him to pursue opportunities and...

The post 7 Ways to Turn Adversity into Your Greatest Business Asset first appeared on Chase Jarvis.

The post 7 Ways to Turn Adversity into Your Greatest Business Asset appeared first on Chase Jarvis.




ty

The Deep Connection Between Creativity and Meditation

We often think of creativity and meditation as separate practices – one active and expressive, the other quiet and introspective. But what if these two seemingly different pursuits are actually deeply interconnected, each enhancing and amplifying the other? This fascinating relationship between creativity and meditation was at the heart of my recent conversation with Henry Shukman, an award-winning poet, author, and Zen master. Henry’s unique background bridges the worlds of artistic expression and contemplative practice, giving him profound insights into how meditation can unlock our creative potential. The Creative Benefits of a Quiet Mind One of the core benefits of meditation is learning to quiet the constant chatter of our minds. As Henry explained, this mental stillness creates space for new ideas and inspirations to emerge: “When we meditate regularly, we’re training our minds to be less caught up in the constant stream of thoughts and worries. And in that spaciousness, creativity has room to flourish. Novel connections and insights can bubble up from our subconscious.” This aligns with what many great artists and innovators have reported – that their best ideas often come during moments of mental quiet and relaxation. By cultivating a meditation practice, we’re essentially preparing fertile...

The post The Deep Connection Between Creativity and Meditation first appeared on Chase Jarvis.

The post The Deep Connection Between Creativity and Meditation appeared first on Chase Jarvis.




ty

How To Tap Into Infinite Creativity Through Consciousness

In this episode, Dr. Tony Nader drops some serious knowledge about the nature of consciousness and its impact on our daily lives. As a Harvard and MIT-trained neuroscientist, medical doctor, and global leader in Transcendental Meditation, Dr. Nader is uniquely qualified to dive deep into how understanding and connecting with the broader field of consciousness can unlock a limitless supply of creativity, intelligence, and personal fulfillment. Dr. Nader also blows our minds with the potential for collective meditation to create ripple effects throughout society, and how expanding our consciousness can actually enhance our freedom to create the lives we want. Some of the major highlights we cover: The concept of consciousness as a vast ocean with hidden depths of calm and clarity. How regular meditation can lead to inner peace, enhanced creativity, and societal impacts. The science behind meditation and its effects on the brain and society. The interplay of free will, determinism, and consciousness in shaping our lives. And more… Enjoy! FOLLOW DR. TONY NADER: instagram | facebook | twitter | website Listen to the Podcast Subscribe

The post How To Tap Into Infinite Creativity Through Consciousness first appeared on Chase Jarvis.

The post How To Tap Into Infinite Creativity Through Consciousness appeared first on Chase Jarvis.




ty

Gender Equality Isn’t What You Think (Here’s Why)

In this episode, I sit down with Richard Reeves to dive into his powerful book “Of Boys and Men,” where we unpack why men are struggling in today’s world. From mental health to the evolving roles of fatherhood, we dig into the tough questions. Richard brings in some eye-opening data on education, employment, and how society’s expectations of men have shifted. This isn’t just about men vs. women — it’s about understanding the bigger picture and making space for real change. Some highlights we explore: Why men are falling behind in education and mental health The changing role of fatherhood in modern society The rise of men’s groups and their impact Enjoy! FOLLOW RICHARD REEVES: facebook | twitter | website Listen to the Podcast Subscribe

The post Gender Equality Isn’t What You Think (Here’s Why) first appeared on Chase Jarvis.

The post Gender Equality Isn’t What You Think (Here’s Why) appeared first on Chase Jarvis.




ty

Is AI the End of Creativity or Just the Beginning?

Is AI replacing creativity or elevating it? Discover how artists can use AI to enhance their creative process while keeping human emotion at the core.

The post Is AI the End of Creativity or Just the Beginning? first appeared on Chase Jarvis.

The post Is AI the End of Creativity or Just the Beginning? appeared first on Chase Jarvis.




ty

The Secret to Lifelong Creativity (Hint: It Doesn’t End After Your 20s)

Creativity doesn’t expire. Chase Jarvis explains how to keep your creative spark alive, no matter your age or life stage.

The post The Secret to Lifelong Creativity (Hint: It Doesn’t End After Your 20s) first appeared on Chase Jarvis.

The post The Secret to Lifelong Creativity (Hint: It Doesn’t End After Your 20s) appeared first on Chase Jarvis.




ty

The Dark Side of Productivity Myths Exposed

In this episode, Oliver Burkeman gets real with me about the power of embracing limits to unlock a richer, more productive life. We talk about his book, Meditations for Mortals, and unpack why so much of traditional time management is flawed. Instead of chasing perfection, Oliver shows how small, intentional steps and accepting our constraints can actually lead to more freedom and fulfillment. His take on “imperfectionism” and the value of presence offers a fresh way to tackle life’s demands. Some highlights we explore: Shifting from private doubts to taking small, meaningful actions Using “imperfectionism” to overcome perfectionism’s trap Letting go of control to reduce stress and gain momentum Enjoy! FOLLOW OLIVER BURKEMAN: twitter | website Listen to the Podcast Subscribe

The post The Dark Side of Productivity Myths Exposed first appeared on Chase Jarvis.

The post The Dark Side of Productivity Myths Exposed appeared first on Chase Jarvis.




ty

All new: Truth & Beauty Operations

After many months — building your own sites is hard! — I am finally able to launch truth-and-beauty.net, my new portfolio site! It replaces the old moritz.stefaner.eu, which now lives at archive.stefaner.eu, as I was not able to (and probably won’t) migrate all old contents over. A few notes on technology – I knew I […]




ty

eyeo community visualizations

The eyeo festival and the community around it has a very special place in my heart. When Dave Schroeder announced the team was editing a book to celebrate the fifth anniversary, my immediate thought was to use this opportunity to follow up on an old idea, which I had been kicking around for a while […]




ty

The Internet of Things in Logistics: Real-Time Data for Enhanced Visibility

The logistics industry has experienced a meaningful changeover with the appearance of the Internet of Things (IoT). By enabling real-time data collection and analysis, IoT has supplied new visibility into logistics operations. This raised visibility is key for keeping up [...]

Read Article

The post The Internet of Things in Logistics: Real-Time Data for Enhanced Visibility first appeared on CSS Reset.




ty

How to Create a Security Icon

In today’s tutorial, we’re going to take a quick look behind the process of creating a security icon, and see how we can take some simple shapes and turn them into a finished usable product. So, assuming you already have Figma running in the background, let’s jump straight into it! Tutorial Details: Security Icon Program: […]

The post How to Create a Security Icon appeared first on Vectips.




ty

Create a Stylized Ocean Design in Adobe Illustrator

In this tutorial we’ll be making a nautical scene with underwater elements. We’ll be using basic geometric shapes as well as creating our own brushes and doing some freehand drawing to create a unique ocean design. Let’s get started! Tutorial Details Program: Adobe Illustrator CS6 – CC Difficulty: Intermediate Topics Covered: Shape Building, Paintbrush Tool, […]

The post Create a Stylized Ocean Design in Adobe Illustrator appeared first on Vectips.




ty

Design a Flat Teacup Logotype in Adobe Illustrator

Follow this tutorial to create a trendy flat teacup logotype in Adobe Illustrator! We’ll be using and modifying basic geometric shapes, working with Align panel, Pathfinder functions and learning simple yet very useful tips and tricks. Let’s get started!   Tutorial details: Program: Adobe Illustrator CC Difficulty: Beginner Topics Covered: Logotype Design, Shape Building, Compositional Skills Estimated […]

The post Design a Flat Teacup Logotype in Adobe Illustrator appeared first on Vectips.





ty

Sucuri Security WordPress Plugin Review

Sucuri Inc. is a globally recognized authority in all matters related to website security, with specialization in WordPress Security. The Sucuri Security WordPress plugin is free to all WordPress users. It is a security suite meant to complement your existing security posture. It offers its users a set of security features for their website, each...




ty

On Styled Form Elements

Anthony Colangelo makes the case for letting the browser and operating system decide how form elements should be styled:

Dropdowns and date pickers are just a sampling of the things that are better handled by systems themselves—a device will always be able to make better decisions about its use than the device-agnostic web.

The simplistic interactions of early input types gave us room to experiment, but the more complex interactions of modern fields leave little room for that. There’s only so much we can control before the browser and operating system take over, and then we’re at their whim. The web isn’t stopping any time soon—we’re headed for more complex input types with even less control exposed.

I agree. Trying to control form styling is a bit like trying to build sites for a specific set of screen widths. Yes, you can keep creating and managing more breakpoints, but you’ll always be fighting a losing battle because there will always be more screen sizes to design for. A better strategy is to choose a minimal amount of breakpoints to suit the content, and use a liquid layout to fill the rest. In the same way, browsers will always be evolving the implementation of their form elements, so trying to keep your own implementation consistent across all platforms will introduce an ongoing maintenance burden. Of course there will be cases where you have to implement your own styles – the form element you want may not exist, or may not be suited to your needs – but if there is no great need then it’s best to leave the specifics of form implementation to the browser.




ty

Tobias Frere-Jones on Apple's Choice of Helvetica as a UI Typeface

Co.Design asked Tobias Frere-Jones of Hoefler & Co. to give his thoughts on Apple’s choice of Helvetica as an interface typeface for the upcoming OS X Yosemite update:

Despite its grand reputation, Helvetica can’t do everything. It works well in big sizes, but it can be really weak in small sizes. Shapes like ‘C’ and ‘S’ curl back into themselves, leaving tight “apertures”–the channels of white between a letter’s interior and exterior. So each shape halts the eye again and again, rather than ushering it along the line. The lowercase ‘e,’ the most common letter in English and many other languages, takes an especially unobliging form. These and other letters can be a pixel away from being some other letter, and we’re left to deal with flickers of doubt as we read.

This reminds me of what Erik Spiekerman wrote about Helvetica:

[Helvetica] really wasn’t designed for small sizes on screens. Words like milliliter can be very difficult to decipher. If you ever had to read or write a password with 1, i, l or I, you know the problem.

Still, I wouldn’t keep Lucida Grande for HiDPI displays. With a 2× resolution jump (4× pixels) pixel fitting becomes less of an issue, and pixel optimized typefaces like Lucida Grande begin to look crude in comparison with typefaces made primarily for print. Legibility obviously still matters just as much, but the choice need no longer be bound to fonts optimized for low resolution displays.





ty

The Impact Of AI Software On Architecture And Design: Revolutionizing Creativity And Efficiency

The emergence of AI software in the field of architecture and design has sparked a significant shift in how professionals approach their work. With advancem ...




ty

Harry Potter And The Forbidden Party

Step into a realm where the magical world of Harry Potter collides with the captivating aesthetics of HBO's Euphoria, giving birth to an AI-generated Hogwar ...




ty

How To Introduce Your Artwork To The Online Community

Many aspiring artists turn to the online community to present their work to the general public. Not only will this enable them to reach an extremely diverse ...




ty

24 Free Grunge Texture Downloads: High-Quality Images For Photoshop Editing

Hey there, fellow design enthusiasts! I've got something super cool to share with you today. You know those grungy, vintage-looking textures that make your ...




ty

18 Clever Logo Design Ideas: Fresh Showcase Of Creativity

The gallery features a collection of 18 cleverly implemented logo design ideas that highlight the art of logo creation. These logos showcase not only smart ...




ty

Personal User Interfaces: A.I. Augmented Reality And The Future Of Personalized Advertising

Technology today loves making stuff just for you, and it's changing the game in how we get our digital kicks. In an era where personalization is paramount, ...




ty

Theme: A Bold, Blog-Style WordPress Theme

Medium is a bold, blog-style WordPress theme featuring double sidebars, attention to typographic and design detail and plenty of white space. Use it as a personal blog or a minimal portfolio to show off your latest works. Medium is responsive, all the way down to mobile. Images, videos and text will scale down gracefully to […]




ty

Get My Illustration Prints on Society6

I just uploaded four of my illustrations (Koi, Peacock, Abstract Pheonix, and Japan 11-03-11) on Society6, a print shop that sell art prints on behalf of the artists around the world. You can get illustrations printed on various meterials: sketched canvases, posters, T-shirts, hoodies, laptop and iPhone cases.




ty

Jetty




ty

Biodiversity Isn’t Just Pretty: It Future-Proofs Our World

By Elizabeth Boakes Aeon A small boy hauls enthusiastically on his fishing rod. The line flies up and a needle-spined fish strikes him in the eye. Desperate to stay outdoors, he ignores the pain, but his sight deteriorates over the … Continue reading




ty

Antyfest

A project to support international music festivals suffering from Covid19 Its a map and a nest with actual ants the creatures that dont have to follow lockdown rules




ty

A Guide to Accessibility Resources for Global Accessibility Awareness Day

Global Accessibility Awareness Day (GAAD) is May 16, 2024! GAAD was created to help bring attention and awareness to digital inclusivity. No matter your role on a project team, digital accessibility should always be a priority from start to finish. Why is accessibility so important?

  • Over 1 billion people worldwide have a disability, and that number is growing every day
  • 15% of people with disabilities say they never go online, compared to 5% of people without disabilities, according to Pew Research Center
  • According to a survey by Click-Away Pound, 71% of disabled users are forced to leave a website if they find it difficult to use

Digital accessibility directly impacts people’s ability to access information, buy products, apply for jobs, engage in discussion, and everything else that people do online that is becoming critical for modern life. Accessible spaces even benefit people without disabilities, as it allows anyone to take in content though their preferred method (reading the captions on a video instead of listening in a noisy environment, for example), and often breeds innovation as engineers work to find the best way to be sure everyone can access information equally.

The World Wide Web Consortium (W3C) has developed the Web Content Accessibility Guidelines (WCAG) in an effort to standardize digital accessibility. However, many websites unfortunately fail to meet these standards, leading to a lesser-quality user experience. WebAIM’s yearly report has highlighted some surprising statistics about WCAG across the top 1,000,000 home pages:

  • The most common accessibility failure across home pages is low contrast text
  • 98.1% of home pages have at least one WCAG 2.0 failure
  • On average, there are 56.8 accessibility errors per page (this increased 13.6% from 2023!) 
  • 16.8% of home pages had more than one <h1> tag

As you can see, there is still a lot of work that needs to be done to create a more accessible web for everyone. If you’re interested in learning more about digital accessibility and how to improve accessibility on your own projects, there are plenty of resources and online courses available. Resources range from free, to paid courses, to professional certifications. Below are some courses and resources that we recommend.

Free Courses and Resources

If you’re looking to introduce yourself to digital accessibility, these free resources are a great place to start:  

  • A11ycasts with Rob Dodson - A series of video tutorials on YouTube that highlights topics including semantics, focus, the correct way to use a button, and a11y testing
  • The Beginner’s Guide to Web Accessibility - An article by Dequeue University that summarizes why digital accessibility should be a priority, and how to determine if your website is accessible
  • Common Mistakes with Using Colour in Accessibility - Digital designer Andrée Lange provides insights into how to take color contrast into consideration when designing for the web
  • Deque Accessibility Resources - Dequeue offers a variety of free accessibility resources, including webinars, blog posts, and their accessibility testing browser extension, axe DevTools
  • HTML Semantics and Accessibility Cheat Sheet - WebAIM provides a list of the most common HTML tags that have an impact on digital accessibility
  • MDN Accessibility Tutorials - MDN is an open-source project documenting web technologies, which also includes an informative section on web accessibility documentation and best practices
  • Section 508 ICT Testing Baseline - Outlines minimal accessibility testing requirements for federal agencies subject to Section 508
  • WCAG 2.2 Quick Reference - WCAG are a series of web accessibility guidelines released and maintained by the W3C, with 2.2 being the current version of the guidelines. This page provides a reference to standards that websites should meet in order to meet current accessibility standards
  • Web.dev Learn Accessibility Course - A series of informative articles ranging from beginning a11y topics, to more advanced topics including animation and motion

Deep Dives with Paid Tutorials

If you’re a developer who has experience in accessibility and want to dig more into the topic, these comprehensive tutorials will help you improve your a11y knowledge:

  • Accessible Web Academy - Accessible Web Academy includes more focused a11y courses for designers, developers, content creators, and marketers looking to target specific topics 
  • Inclusive Components - There is a free online summary of Heydon Pickering’s Inclusive Components, but you can also purchase an eBook on the topic. Heydon’s blog provides examples of a pattern library that bakes accessibility into each component
  • Practical Accessibility by Sara Soueidan - Sara Souedien is a prolific front-end developer who specializes in accessibility. Her course, Practical Accessibility, is a comprehensive guide for all developers, from those looking to familiarize themselves with accessibility, to experienced developers looking to expand their a11y knowledge.

Advanced Knowledge with Certifications

As the world’s population and number of disabled users continues to grow, it’s clear that implementing digital accessibility in your products is more important than ever. By implementing the information from these lists, you can help users of all abilities access the content that you share, ensuring a better internet for everyone.




ty

Self-Host Your Identity Provider with authentik

Authentication! What a hassle!

Evans, where's that SAML from Earth!?

You start off simple enough — username / password authentication in your application. Then, well, someone mentions that traditional passwords are a security vulnerability, so maybe we should use one-time passwords. That inevitably leads to discussions about magic links and multi-factor authentication. Next thing you know, one dev is in a corner, rocking back and forth and muttering something about SAML, and another dev just left — walked out the door, never to be seen again.

Well, not to worry, we've got just the tool for you.

authentik is an open-source identity provider written in Python. I'm going to focus on the self-hosted version, but they also offer a paid enterprise plan if you want some extra support.

Self-Hosting

The philosophy of open-source tools and self-hosting is a big, complex topic for another post. In the world of SaaS products, you likely don't need to self-host. I quite like hosted identity providers like Clerk and Auth0. They're good and appropriate solutions for different types of apps and companies.

But I just love to self-host tools. Tinkering and toying with Docker, reverse proxies, and sometimes even server hardware is a lot of fun to me. It does add complexity in some (or many) places, but a little extra complexity means you've got a little more control over your tooling.

Self-hosting also allows me to disconnect from the Internet and still be able to work on features and enhancements in my projects. As long as I've already installed the relevant packages or pulled the right Docker images, I can keep working if I'm in a place where I can't (or don't want to) connect to the Internet. This is a small thing, but really important to me.

authentik makes it really easy to self-host your application. Right out of the gates, they provide a Docker Compose example and a Kubernetes example. Getting authentik running took me about 10 minutes using the Docker Compose example. Most of that was reading. This can make authentik a great tool during the proof-of-concept or beta phase of your application, getting authentication out of the way so you can focus on building the cool and unique features of your app.

Integrations

One of the great things that authentik has waiting for you is a bunch of documentation on integrating with a lot of tools you probably already use. These integrations range from other self-hosted apps like Outline (another favorite of mine) to cloud providers like AWS and even platforms like WordPress.

authentik's integration docs show you how to set up authentik for your existing providers and applications, so no need to dig around for the right configuration. Sure, if you're building your own application, you don't have the luxury of a README (until you write one, of course!), but don't worry — all the documentation you'll need for your choice of providers is at your fingertips. Personally, I'm fan of the OAuth2 provider for most my pet projects, but I also find the Proxy Provider to be a really great tool if you want to secure a static site that doesn't have any means of authenticating users.

Customization

This is a pretty nice default login screen, but maybe a mountain road isn't your vibe. You can change this background, add your own company logo, and add your own CSS. Just add your static files to your authentik deployment and modify to your heart's content.

But actually, that's not even the cool part of the customization to me.

authentik has the concepts of Flows and Stages that are used to determine what steps a user should take to log in, log out, and more. First, you define Stages that represent a single step of authentication — something like requiring a user to enter their username or a password. There's a whole lot to choose from. Once you've set up your Stages, you'll create a Flow, stringing those Stages together until you have a complete process to authenticate, register, or even delete a user. Flows can be imported and exported as .yaml files, making it easy to keep your Flows and Stages synced between different environments.

authentik comes with a pretty reasonable set of default Flows and Stages. If you're setting authentik up just to try it out, you might not need to add anything. They do have a couple of example Flows to get you started, though.

Flows and Stages can feel pretty intimidating. On your dev server, I'd recommend basically deleting all of the default Flows and Stages and building up new ones from scratch. It's the easiest way to learn how these pieces fit together. If you accidentally break something in dev, you can always just drop your database and spin up a fresh install.

Conclusion

authentik is an awesome tool and I've only scratched the surface of what it can do for you. As a self-hosted identity provider, it gives you a lot of control on how your services are authenticated. It's great for local development and beyond, and it has a lot of ready-to-go integrations for services you might already use.

If you're interested in further reading, I'd definitely recommend checking out the docs on Outposts and External Sources.

Hopefully this has given you some inspiration to spin up a local instance of authentik and try it out! It will definitely simplify your authentication needs.

Here's your SAML, Mr. Horrible Gelatinous Blob!




ty

Balancing Image Speed and Quality with imgix

Users expect a website to load fast. An average web page loads in about 2.5 seconds. The longer the user has to wait, the higher the user bounce rate. There are a lot of factors that go into site speed, but images account for about 75% of the page weight on an application or website. Google’s Core Web Vitals uses several metrics to rank sites. Visual site speed or largest contentful paint affects ROI as slower sites have fewer repeat users and fewer sales.

Without properly sized images, both site speed and image quality are affected. Accordingly, we use several methods to deliver properly sized images. Our primary solution is imgix because it is easy to implement and saves managers and clients time and effort. 

Imgix Key Features

Imgix provides a lot of features — some we consistently use on projects, and others we use in very specific situations. 

Responsive Images

Setting up responsive images can be complex. As the variety of devices and their screen resolutions continue to expand, managing all the different image requirements is increasingly challenging.

Consider this scenario: a website’s images look crisp and clear on a high-resolution monitor. When that same page is viewed on a mobile device, the images are so large the page takes forever to load. A solution could be to upload a smaller image for mobile, right? It's not quite that simple. We need eight or more different sizes of the same image to account for different screen sizes and retina screens. Keeping track of all the image sizes and saving each size gets complex and would be nearly impossible to do manually on a site that has hundreds or thousands of images. 

One of our clients, National Park Foundation (NPF), wanted to clarify its message to better target major donors. Their gorgeous, large scenic images are essential to their website strategy.  NPF needed the images throughout their site to be crisp and clear at all screen sizes. Using imgix, NPF content managers can load high-resolution images to the CMS and not worry about the site's speed or performance. They rely on imgix to deliver the correctly resized image for any user's screen.

Imgix does this with their Device Pixel Ratio and Client Hints which automatically sets the pixel density for the image based on the user's device. Those API parameters can be easily set in the URLs for the image’s `srcset`. This allows developers to set an image width for an image `srcset` and then imgix delivers the right pixel ratio image to the user. We use `srcset` with imgix on other client sites like Bezos Earth Fund and Human Rights Campaign as well.

Resize and Cropping

Imgix allows you to crop images in addition to setting an image’s focal point. So, only one image needs to be uploaded and it can be used at multiple sizes and croppings throughout the site. Let's say we upload a large landscape image, but on some pages we only need to use a portion of the image cropped as a square. Imgix will crop the image and deliver the smaller versions on the pages we need while persisting the larger versions on other pages.

At Viget we use resizing and cropping on our own website, including our articles, to crop the staff photo to a smaller size at the top of the articles. This makes it possible for us to upload the staff photo once and the article image gets created automatically. 

Color Palette 

Another feature that we've used on client sites is the Color Palette API which allows you as many colors as you want from an image. For example, the Shedd Aquarium website that we built uses this feature by pulling a vibrant color from the image and setting it as the background color for the page hero. Aside from taking the manual work out of closely aligning photography with a page’s design, there’s an additional benefit: if you are on a slow connection, you will see a dynamic colored banner at the top before the image loads.

Image Upscaling

Another valuable feature is the ability to upscale images. Even if you upload an image that is low resolution, it can still be used at a higher resolution. This is especially useful for e-commerce sites or applications where users are uploading their images.  The upscale feature uses Generative AI to take a pixelated image and create a higher-resolution image. The final image will not be perfect, but it looks more professional. See the upscale demo on imgix.

Non-upscaled image
Upscaled image using Imgix

PDF Preview Images

There is also a PDF page to image option in imgix. The API enables the generation of a page-specific image preview from the PDF, which can serve as both a thumbnail and a full-size preview. When we built AHIP.org, they had a resources section for their members containing quite a few PDFs. To help with clarity and findability, we used imgix to show previews of the PDF documents to non-members. This feature allows AHIP to upload resource PDFs without having to also upload any thumbnail images. 

Face Detection

Another nice feature is a face detection parameter that you can pass to the API. This allows you to upload a photo and no matter the cropping or size it will keep the face as the focal point of the image. We used this feature on NEA for their team member page. It's great for user profile images that are used in different contexts throughout the site. 

Video Streaming

Videos have become a key design element on websites. However, determining which service to use for embedding those videos is an ongoing topic of discussion. Video platforms enable you to integrate the video onto the page, yet they introduce scripts that may impede page loading speed. Imgix offers a video embed service that allows content managers to keep all the images and videos in one place. The videos are automatically encoded to Adaptive Bitrate Streaming to get the best compression and video quality. So, videos load fast and look great on mobile and desktop. 

Imgix Video API with Adaptive Bitrate Streaming

Performance 

A lot of CMSs have image transformations built in. An image transformation encompasses everything for that image including responsive sizes, cropping, resizing, and face detection from the original. This is great for small sets of images, but transformations quickly get out of hand the more images there are on a site. For example, the homepage of the National Park Foundation has a minimum of 96 image transformations. 

Processing all of those image transformations uses a lot of server resources. Imgix saves the images and delivers them through their CDN. The imgix image CDN has an average of 0.15 milliseconds return on requests which enables images to load as quickly as possible. The CDN also caches the images on CDN edge nodes making them immediately available for future requests. 

Flexibility

Imgix is flexible enough to work with almost any site structure; including WordPress, Craft CMS, Shopify, React, Ruby on Rails, Python, and more (see the full list). So, whether a site is a WordPress site or a Rails application, imgix fits right into the ecosystem. And, even better: you don’t have to rebuild your web app or website to gain the benefits of image performance, which can save you a lot of time and money.

Setting up imgix on an existing website is easy. Imgix can connect to existing asset storage sources like AWS, Azure, or a web folder on the same domain. Once the image source is set up, a developer can start passing parameters to the API

Cost

Imgix is free for 1,000 images which makes it easy to integrate and grow with your site. Pricing goes to $750/yr for 5,000 images and $3,000/yr for 25,000 images. In their pricing structure, “images” are categorized as origin images, so the count only includes original images and not transformed ones. So, you could have hundreds of images and thousands of image transformations all being delivered through a CDN for free.

Conclusion

Ensuring fast site speed isn't just important. It is vital. It's the cornerstone of a successful online presence, directly influencing search engine rankings, user satisfaction, and ultimately, your return on investment. Properly sized and optimized images are key to ensuring your site loads quickly and displays correctly for users across various devices.

We have found that imgix enables our team to efficiently create projects with diverse image options, saving managers and developers valuable time. Our clients benefit from reduced server space and an increased site speed. Imgix’s API is comprehensive, so you can use one tool for all features and options around site images — from cropping and resizing to face detection and automated color palettes, to video and beyond. Having used imgix for the past five years to support the wide-ranging needs of our clients, we feel confident recommending it and using it again and again. 

Users expect a website to load fast, and imgix is a reliable way to make sure that happens. 




ty

The Keys to Successful Concept Testing: Prototyping

This is part two of a three-part series on how to successfully conduct concept testing with users, focused on prototyping. Check out part one (planning) to learn more.
 

Prototype your concepts

Once a well-aligned research plan has been crafted, it’s time to create a prototype (or multiple) based on your concept. There are a plethora of ways you can create prototypes that communicate your concepts to users; I’ll cover strategies that will help spark meaningful reactions and conversation.

Provide context to ground your concept

We humans as a whole are poor predictors of our own future behaviors, so it’s really important that your concept testing simulates the future experience you’re trying to test. Ideally, you want to ground your concepts, so a participant can envision it in their own day-to-day. One of the best ways to do this is by building in context, whether into the prototype itself or in the way you actually test out the concepts.

You can ground a participant in what they would actually do by: 

  • Adding small contextual details into the prototype (e.g. the participant’s name or location). 
  • Providing the participant with a realistic scenario to frame the prototypes
  • Designing a certain scenario into the actual prototype (e.g. error messages appear in).  
  • Conducting the test in the actual or simulated environment where it will be used. 

Grounding a participant can make a difference in how someone interacts with your prototype. Let’s imagine you and your team are redesigning a part of an online food delivery platform for restaurants, specifically the parts that hosts and cashiers use. When you put your concept to the test, you can ground participants by “simulating” a lunch rush atmosphere (distractions, loud noises, etc).

Build real-ish prototypes

It might sound counterintuitive but you don’t need high-fidelity prototypes for concept testing. While high-fidelity prototypes may best simulate the future experience, that level of fidelity may not be feasible for a few reasons: 

  • You don’t have the time to create something at that level of detail or complexity before testing.
  • You don’t have the details fleshed out yet.
  • You want your users to help define these details with you. 

Low to mid-fidelity (or as I like to call “real-ish”) prototypes can still get you to the insights you need and even have some unexpected benefits. It’s easier for research participants to focus on overarching concepts when interacting with low-fidelity prototypes. Higher fidelity prototypes tend to invoke feedback hyper-focused on the details. With lower-fidelity, research participants are more likely to provide critical feedback on ideas, since they don’t seem as “final.” You can also leave out certain details in a low-fidelity concept, which allows you to brainstorm with participants.

Again, crafting context is a large part of building out an idea that starts to feel “real” enough for a user to invoke a response. Some examples of real-ish prototypes with just enough context include: 

  • Setting the stage with realistic scenarios for how and when research participants would reach out to an AI chat bot in a therapy app.
  • Creating initial wireframes for a ride-sharing app that research participants test out in a simulated car ride experience, to understand what info is most helpful at each moment on the ride.
  • Sending research participants “updates” on their food delivery order, to learn what participants might want to know about their order’s progress. 

Be selective about which concepts to show

You may have several concepts (or variations on a single concept) that you want to prototype out, and test through research. They may all feel exciting and important, but showing too many in one session can leave a research participant with decision fatigue. Even if you need to test multiple concepts to move forward, you don’t want to show every single one you’ve come up with.

Instead, you’ll want to be selective. One way to help you decide which concepts are best to test is by mapping them out on a matrix.

Let’s imagine again you and your team have generated multiple concepts for your food delivery app that aim to tempt users to order takeout more frequently. Perhaps some concepts focus on individualized recommendations, while other concepts show social trends. First, create a matrix that has extreme aspects of the concepts on each end and place them where you think they might belong. 

Then, ask yourself a few questions: 

  • Are there two concepts that are too similar to each other? 
  • Is this concept playing it too safe?

These kinds of concepts may not give you useful feedback because they’re not distinct enough or they’re too neutral over all. Instead, you’ll want to select concepts that are on the edges of your extremes. Those concepts will allow you to learn much more about your users and how they might interact with your concepts in the future.


These tips will help you craft prototypes that research participants can more easily and accurately react to. 

To end this series, I’ll discuss how to prepare for the actual testing in my next article.




ty

Can I Import Photoshop Brushes into Affinity Photo?

This post: Can I Import Photoshop Brushes into Affinity Photo? was first published on Beyond Photo Tips by Susheel Chandradhas

Digital brushes are a powerful tool for digital artists, designers, and photographers. The brushes allow them to create a wide range of textures, patterns, and effects in image editing apps. Can Affinity Photo use existing Photoshop Brushes? Over the years, many professionals and hobbyists have curated extensive collections of Photoshop brushes over time, tailored to […]

This post: Can I Import Photoshop Brushes into Affinity Photo? was first published on Beyond Photo Tips




ty

Affinity Spring Sale: Up to 50% Off

This post: Affinity Spring Sale: Up to 50% Off was first published on Beyond Photo Tips by Susheel Chandradhas

You might have seen some of my articles about Affinity Photo and how it is a wonderfully cost-effective solution for both advanced amateurs and professional photographers when it comes to retouching images. Well, if you have been holding out for a discount on purchase of Affinity apps, then now might be the right time to […]

This post: Affinity Spring Sale: Up to 50% Off was first published on Beyond Photo Tips




ty

Affinity Acquired by Canva.com

This post: Affinity Acquired by Canva.com was first published on Beyond Photo Tips by Susheel Chandradhas

Today, Affinity and Canva, together announced the acquisition of Serif, the makers of the Affinity apps, by Canva. This is a significant development in the progress of the Affinity suite, and we are both excited, and hesitant at this development. What Is Affinity? Affinity is a suite of apps that allows designers, photographers, and publishers […]

This post: Affinity Acquired by Canva.com was first published on Beyond Photo Tips




ty

RIP a Livecast #653 – Celebrity Rug Pull

We kick things off wishing Darren a happy birthday and hearing about his New Year celebration. We briefly discuss the upcoming riot anniversary and the current state of the pandemic. […]




ty

Holographic technology’s transition from science fiction to reality

In science fiction literature and films, holography has received much attention. These tales frequently depict holograms as entertainment, communication tools, or live creatures. Their depiction in these sources is typically far more sophisticated than what is now technologically feasible. Holography is beginning to play a more significant part in current communications and technologies as technology […]