2024-04-14 00:00
The use of space is a big part of any design. Translating spacing to CSS in your HTML can get tricky. These are the rules I follow for setting up spacing for my layouts.
Layout spacing
For… Read More
Blog Directory > Technology Blogs > Distinctive Quality technology Blog >
Distinctive Quality Blog
distinctivequality.com/blog
Tags:
follow
social media
vision pro
css grid gap
varpx media maxwidth
tech
social media platforms
fontsize varpx
col gridcolumn auto
variables
Ovi's Blog on technology, culture, and working on the web.
2024-03-30 00:00
Looking at most email code, you’ll find that it’s difficult to read at first glance. CSS is used inline, with added CSS in the header for mobile adjustments. External CSS cannot… Read More
2024-03-16 00:00
A while back I switched to using rems for text size. After reading various articles, it was this article that made rems make sense to me. It explains how rems should be used functionally, pr… Read More
2024-03-03 00:00
While there are tools available to help you generate preview images for your blog post, if you code your own site, you may find this approach I use easier. I just put together a template for… Read More
2024-02-22 00:00
2024-02-18 00:00
Coding layout based on columns has always been a painful process using CSS. But now that there is wide support for CSS grid, it no longer has to be! Here is how I do it for my site.
I origin… Read More
2024-02-10 00:00
There is now browser support across the board (for more recent versions), for both CSS nesting, and using variables. Both of these allow for a better way to structure your CSS and keep it mo… Read More
2024-02-09 00:00
Months back, my girlfriend, Nichole and I essentially decided to skip both Christmas, and birthday gifts for each other and pre-ordered a Vision Pro for us both to use. It’s been a wee… Read More
2024-01-28 00:00
Along with how social media platforms have a Follow option for being able to get your updates, there’s also a Following page that shows who you’re following. This is similar to h… Read More
2024-01-21 00:00
We’re all familiar with the Follow button used on social media platforms. They act as a way for people to get updates from you on their timeline. We should use the same concept on our… Read More
2024-01-11 00:00
2024-01-07 00:00
Since ChatGPT launched, it felt like some kind of magic technology. Like we were close to actual artificial intelligence, where we could talk to our computer the way we would another person… Read More
2023-12-17 00:00
When presenting code on your site, like in an article like this one, you may want to break it apart into snippets to explain it. Here's a method for doing so, with color-coded styling and an… Read More
2023-11-30 00:00
2023-11-15 00:00
2023-11-12 00:00
A while ago, I decided to update my RSS feed code to using the newer Atom standard. As I did some research on it, I discovered a lesser-known browser feature for outputting RSS feeds in a hu… Read More
2023-10-29 00:00
Things have changed in how people use social media services. Users have become more savvy, choosing to copy and paste links themselves in their service, or services of choice. And browsers n… Read More
2023-10-12 00:00
2023-09-25 00:00
If you hold an event, email is a great way to inform your audience about it and set their expectations Read More
2023-09-08 00:00
If you’re launching something new, why not let your valuable subscribers in on the news? Read More
2023-08-31 00:00
The welcome email has the highest open and click-through rates, use it well! Read More
2023-05-31 00:00
Maintaining consistent spacing in an email layout Read More
2023-05-24 00:00
How to prepare your template for email clients and their dark mode affects Read More
2023-05-17 00:00
Simple code for globally adjusting any column in an email template for mobile Read More
2023-04-11 00:00
No more tables, no more VML, no more Outlook’s dirty code! Read More
2023-01-18 00:00
Ways that email providers mess with your code and what to do about it Read More
2023-01-10 00:00
How to account for your email design's text-only output Read More
2022-11-17 00:00
An approach to eliminating the need for using tables for design structure Read More
2022-10-26 00:00
The design phases towards turning your email design into a design system: structure, branding, modules Read More
2022-10-18 00:00
What do these emails have in common? They all use the same essential layout, each with completely different branded designs Read More
2022-09-22 00:00
Adding share links and utilizing meta info Read More
2022-08-28 00:00
I used to tell people that if they have anything that they want to share with the world, the first thing they do is should get a website up. Having worked in email design the last few years… Read More
2022-08-04 00:00
The framework we use for coding custom email templates that are accessible and lightweight, available as open source Read More
2022-07-20 00:00
They primarily use outdated design practices that cause unintended issues and wasted effort Read More
2022-06-23 00:00
Email clients have improved email rendering throughout the years. Except for Microsoft Outlook. Here’s how to support it and keep your sanity Read More
2022-05-03 00:00
How DICK’S Sporting Goods designed their components to be reusable and plug into and along side each other Read More
2022-04-14 00:00
3 steps towards systemizing your email’s production Read More
2022-03-31 00:00
AAA’s newsletter allows for glanceable reading by using a wide range of content layout options Read More
2022-03-08 00:00
How Funimation uses collage-based visuals to promote their wide range of shows and products Read More
2022-02-03 00:00
How Headspace uses different color palettes for their email content while keeping layout and formatting consistent Read More
2022-01-11 00:00
A framework for more clearly defining the language around your design system and templating techniques Read More
2021-09-30 00:00
They have more options than you need, yet still have design and workflow limitations Read More
2021-07-20 00:00
The most important of email metrics, maybe the only thing you need Read More
2020-10-30 00:00
Should you make your email design dark mode compatible? Read More
2020-09-30 00:00
Accessibility in email design doesn’t have to be an arduous task Read More
2020-08-18 00:00
Free single-user plan, $99/month for teams, with no user limit, plus 30 day trial Read More
2020-08-05 00:00
Bringing modular design practices to email Read More
2020-07-22 00:00
Using a design system helps you better analyze your emails, streamline production, and iterate on strategy for your campaigns Read More
2020-04-07 00:00
A centralized or decentralized marketing structure? How about both! Read More
2020-03-25 00:00
10 tips on working from home: being productive and staying sane Read More
2020-03-10 00:00
How to stay on brand, hone your content craft, and make your writing memorable Read More
2020-02-25 00:00
Word processors, content management systems, and visual editors Read More
2020-01-14 00:00
On giving a message its form Read More
2019-10-22 00:00
A modular email template that acts as a prototype for your own email template Read More
2019-09-17 00:00
Managing email assets independently, so you have control over them beyond the tools and platforms you use Read More
2019-08-13 00:00
The types of visual email editors: simplified with template options, complex builders, and using your own custom template Read More
2019-06-27 00:00
Personalization and privacy seem to be in conflict with each other. Here's how to fix that Read More
2019-04-03 00:00
At least half of email opens now happen on mobile. So there’s no longer an excuse to not enhance your emails for mobile! Read More
2019-03-31 00:00
In Getting Things Done by David Allen, the author begins the book by stating the problem we have with maintaining everything that is available to us.
"...people have enhanced quality of l… Read More
2019-02-20 00:00
Branding and design aesthetics can sound like a fuzzy proposition, but understanding their underlying principles can lead to strategic results Read More
2019-01-12 00:00
I've had an Apple Watch for a couple of weeks now and my biggest take way so far: I don't feel the need to constantly pick up my phone to check the time or calls/text/notifications, only to… Read More
2018-10-16 00:00
Slide deck and notes from my talk on email marketing for web developers Read More
2018-08-28 00:00
There is a resurgence in email marketing and an increased demand for marketers, copywriters, designers, and developers Read More
2018-07-24 00:00
Design thinking is essentially both creative and analytical thinking working together holistically Read More
2018-06-12 00:00
An email client is our canvas, HTML and CSS are our paints and the tools we use for our content act as our paintbrush Read More
2018-04-30 00:00
This past month I’ve been putting a lot of my attention on Blocks Edit on the sales process. Just how marketing is a way to present ideas, sales is essentially trading those ideas with… Read More
2018-03-22 00:00
I'm going to guide you through using the power of thinking about email templates modularly, or in 'blocks' Read More
2018-02-28 00:00
I’ve been spending the last six months or so writing content for my startup, Blocks Edit, fine tuning the website to clearly communicate what the product does, how it does it, and who… Read More
2018-02-21 00:00
This week is Phoenix Startup Week. Even though it’s only been a couple of days so far, I’ve talked to some great people, attended some good presentations and panels and even had… Read More
2018-02-01 00:00
It ultimately allows you to put together content in a way that feels more natural and come out with the best quality email each time Read More
2017-11-16 00:00
2017-10-02 00:00
2017-08-28 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/rip-flash.html) [function.include]: failed to open stream: No such file or directory in /home/ovidem/webapps/distinctivequality… Read More
2017-03-31 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/the-transform-app.html) [function.include]: failed to open stream: No such file or directory in /home/ovidem/webapps/distinctiv… Read More
2016-09-24 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/being-an-apple-fan.html) [function.include]: failed to open stream: No such file or directory in /home/ovidem/webapps/distincti… Read More
2016-07-24 00:00
A couple of months ago I found three burned CDs in a box somewhere labeled ‘Mix 2005’. I apparently made them over ten years ago at a time when I listened to music on a portable… Read More
2016-02-28 00:00
You may have heard about the FBI demanding that Apple crack into the iPhone used by one of the San Bernardino, California shooters. Apple has refused because they feel that it is a huge secu… Read More
2016-02-13 00:00
For the interactive design work I’m doing recently, I’m in the process of designing ‘screens’ for a mobile app which is what you would see on the screen of your phone… Read More
2015-03-22 00:00
During the early days of MP3s, WinAmp was the best Windows MP3 player around. It had a simple interface that you could even change the look of by downloading 'skins'. I even made a couple of… Read More
2014-12-28 00:00
Growing up, I've always enjoyed making things. As a kid, my favorite toys were Legos. I would draw all the time and wanted to be a animator when I grew up. It's no surprise then that I immed… Read More
2014-12-02 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/facebook-algorithms.html) [function.include]: failed to open stream: No such file or directory in /home/ovidem/webapps/distinct… Read More
2014-04-22 00:00
Yahoo has recently started animating the logo on their site. It reminds me of their early days on the web. I was such a fan back then that I made my own animation of their logo. The animated… Read More
2013-10-24 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/bad-interface.html) [function.include]: failed to open stream: No such file or directory in /home/ovidem/webapps/distinctivequa… Read More
2013-09-12 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/new-microsoft-ceo.html) [function.include]: failed to open stream: No such file or directory in /home/ovidem/webapps/distinctiv… Read More
2013-09-04 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/learning-by-copying.html) [function.include]: failed to open stream: No such file or directory in /home/ovidem/webapps/distinct… Read More
2013-08-09 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/programming-made-for-humans/.html) [function.include]: failed to open stream: No such file or directory in /home/ovidem/webapps… Read More
2013-02-07 00:00
Besides a great story of course, what’s involved in producing a good ebook? Read More
2012-12-11 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/marketing-a-web-app.html) [function.include]: failed to open stream: No such file or directory in /home/ovidem/webapps/distinct… Read More
2012-09-15 00:00
ebooks are becoming more common today, quickly turning into a new standard for reading books. It's pretty interesting how long the idea of an ebook has actually been around, since even befor… Read More
2012-08-11 00:00
Growing up with computers, any fellow computer nerd that I knew would be proud to upgrade their PC's hardware on their own, getting the latest graphics card for new generation PC video games… Read More
2012-01-13 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/injader-content-management-system.html) [function.include]: failed to open stream: No such file or directory in /home/ovidem/we… Read More
2011-10-27 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/my-switch-from-android-to-iphone.html) [function.include]: failed to open stream: No such file or directory in /home/ovidem/web… Read More
2011-03-27 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/developing-a-web-app.html) [function.include]: failed to open stream: No such file or directory in /home/ovidem/webapps/distinc… Read More
2011-01-26 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/the-chrome-notebook-and-really-working-on-the-web.html) [function.include]: failed to open stream: No such file or directory in… Read More
2010-12-17 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/default-web-cursor.html) [function.include]: failed to open stream: No such file or directory in /home/ovidem/webapps/distincti… Read More
2010-08-01 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/designing-an-online-app.html) [function.include]: failed to open stream: No such file or directory in /home/ovidem/webapps/dist… Read More
2010-02-09 00:00
The Internet has given everyone the ability to post their stories, the next step is to allow them to find their audience. That’s what Indie Aisle has set out to do Read More
2009-11-29 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/tech-trends-shaping-habits-and-social-interaction.html) [function.include]: failed to open stream: No such file or directory in… Read More
2009-10-25 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/on-web-standards-and-rounded-corners.html) [function.include]: failed to open stream: No such file or directory in /home/ovidem… Read More
2009-07-31 00:00
Warning: include(/home/ovidem/webapps/distinctivequality/blog/farewell-windows-mobile-hello-android.html) [function.include]: failed to open stream: No such file or directory in /home/ovide… Read More
Subscribe to Distinctive Quality
Get updates delivered right to your inbox!