Hilarious idea by Zach Leatherman. To test if a comment is „snarky“ or not, there is an npm package up to the task.
On this site, we generally just delete snarky comments, but I still run a WordPress plugin that allows me to „feature“ or „bury“ comments. It’s old but it still works fine in the latest WordPress. We use the bury functionality for comments that aren’t rude, snarky, or spam, but also don’t add much to the post. … Read article
The post Render Snarky Comments in Comic Sans appeared first on CSS-Tricks.
Montag 19:40 – Eric Karkovack at Speckyboy Design Magazine
The ability to influence the web design community generally comes via two very different paths. One is to create compelling content that helps others level up their skills by introducing…
The post A Chat with Chris Coyier, Web Design Influencer & Entrepreneur appeared first on Speckyboy Design Magazine.
It’s hard to beat the feeling of finding a perfect use for a new technology. You can read every handy primer under the sun and ooh-and-ahh at flashy demos, but the first time you use it on your own project… that’s when things really click.
I gained a new appreciation for CSS Grid when building a flexible layout for a conference schedule. The needs of the project aligned perfectly with grid’s strengths: a two-dimensional (vertical and horizontal) layout with … Read article
The post Building a Conference Schedule with CSS Grid appeared first on CSS-Tricks.
Montag 12:00 – at Articles on Smashing Magazine — For Web Designers And Developers
The digital and technological landscape is constantly changing — new products and technologies are popping up every day. Designers have to keep track of what is trending and where creative opportunities are. A great designer has the vision to analyze new technology, identify its potential, and use it to design better products or services.
Among the various technologies that we have today, there’s one that gets a lot of attention: Augmented Reality.
Sonntag 18:26 – Nataly Birch at Speckyboy Design Magazine
When it comes to excelling with visual appeal, there is no better way than to use illustrations on your website. Of course, it is not something that can be created…
The post Adding Warmth and Personality to Websites with Human Illustrations appeared first on Speckyboy Design Magazine.
Sonntag 13:21 – Speckyboy Editors at Speckyboy Design Magazine
This week’s Designer News (№ 493) includes A Guide to Only the Best Open-Source Typefaces, The Sustainable Web Manifesto, Styling In Modern Web Apps, The World Needs a Tech Diet; Here is How Designers Can Help, Getting Started with Design Systems, 404 Illustrations and much more.
The post Weekly News for Designers № 493 appeared first on Speckyboy Design Magazine.
In this week’s weekly roundup, Vimeo and Mozilla partner up on a video encoding format, how to bind instructions to to form fields using aria labels, the DOM has a matching function, and Samsung is working on its own CSS library.
The post Weekly Platform News: Mozilla’s AV1 Encoder, Samsung One UI CSS, DOM Matches Method appeared first on CSS-Tricks.
Freitag 13:00 – at Articles on Smashing Magazine — For Web Designers And Developers
I find it interesting that Google has pushed so hard for web designers to shift from designing primarily for desktop to now designing primarily for mobile. Google’s right… but why only focus on designing websites to appeal to mobile users? After all, Gmail is a leader within the email client ranks, too.
Email can be an incredibly powerful driver of conversions for websites, according to a 2019 report from Barilliance.
Rachel Andrew’s talk at CSSconf is wonderful because it digs into one of the most exciting changes that’s coming soon to a browser near you: subgrid! That’s a change to the CSS Grid spec that allows for much greater flexibility for our visual designs. Subgrid allows us to set one grid on an entire page and let child elements use that very same grid tracks.
The reason why I’m very excited is because this solves one of the most … Read article
The post Hello Subgrid! appeared first on CSS-Tricks.
WordPress released their anticipated over to the post editor, nicknamed Gutenberg, which is also referred to as the block editor. It transforms a WordPress post into a collection of blocks that you can add, edit, remove and re-order in the layout. Before the official release, Gutenberg was available as a plugin and, during that time, I was interested in learning how to create custom blocks for the editor. I was able to learn a lot about Gutenberg that I … Read article
The post Managing WordPress Metadata in Gutenberg Using a Sidebar Plugin appeared first on CSS-Tricks.
(This is a sponsored post.)
Who needs a project manager? You’re an organized person who can keep track of your own work, right?
Well, wrong if you’re part of a team. The thing about being self-organized is that it’s related to project management but not synonymous with it. Case in point: what happens if your project relies on someone else’s involvement? Sure you’re organized, but can you always say the same about your co-workers? Chances are you need … Read article
The post So, you think you’ve got project management nailed down appeared first on CSS-Tricks.
Donnerstag 14:30 – at Articles on Smashing Magazine — For Web Designers And Developers
As a part of our Smashing Membership, we run Smashing TV, a series of live webinars, every week. No fluff — just practical, actionable webinars with a live Q&A, run by well-respected practitioners from the industry.
Donnerstag 11:00 – at Articles on Smashing Magazine — For Web Designers And Developers
It’s fair to say Google Fonts are popular. As of writing, they have been viewed over 29 trillion times across the web and it’s easy to understand why — the collection gives you access to over 900 beautiful fonts you can use on your website for free. Without Google Fonts you would be limited to the handful of “system fonts” installed on your user’s device.
System fonts or ‘Web Safe Fonts’ are the fonts most commonly pre-installed across operating systems.
I’ve always preferred git over Mercurial (hg) because the feature branch workflow makes organizing code and working off of master very easy. You don’t get that with vanilla mercurial — instead, commits can just sort of apply on top of each other, without much organization. Sometimes mercurial can feel a bit chaotic. When working on […]
The post Checkout the Last Public Revision with Mercurial appeared first on David Walsh Blog.
Mittwoch 18:00 – Eric Karkovack at Speckyboy Design Magazine
When trying to get your point across to users, serving them up mountains of text just isn’t effective. People are looking for instant gratification and most won’t stick around to…
The post Share Your Story with These Terrific Timelines appeared first on Speckyboy Design Magazine.
What we don’t have are enough articles showing you how to increase your page size. In fact, the only article I could find was this one from the Geek Squad which ended up being about making the font size bigger. This is a good start, but I think we can do better.
The post How to Increase Your Page Size by 1,500% with webpack and Vue appeared first on CSS-Tricks.
Ethan Marcotte has written up his process for how to make drop caps accessible for screen readers and browsers alike. All of that is very interesting and I’m sure I’ll use a technique like this in the near future, but the part that made me hop out of my seat is where Ethan notes his experience with design systems at Vox:Since rolling out our new and improved drop caps, we’ve continued to iterate on them. (Including fixing a number… Read article
The post Drop caps & design systems appeared first on CSS-Tricks.
Mittwoch 14:00 – at Articles on Smashing Magazine — For Web Designers And Developers
Many web applications have the requirement of giving the user the ability to download something in PDF format. In the case of applications (such as e-commerce stores), those PDFs have to be created using dynamic data, and be available immediately to the user.
In this article, I’ll explore ways in which we can generate a PDF directly from a web application on the fly. It isn’t a comprehensive list of tools, but instead I am aiming to demonstrate the different approaches.
Every Layout is a new work-in-progress website and book by Heydon Pickering and Andy Bell that explains how to make common layout patterns with CSS. They describe a lot of the issues when it comes to the design of these layouts, such as responsive problems and making sure we all write maintainable code, and then they’ve provided a handy generator at the end of each article to create our own little frameworks for dealing with these things.
They also have … Read article
The post Every Layout appeared first on CSS-Tricks.
Dienstag 19:35 – Speckyboy Editors at Speckyboy Design Magazine
The free Document Folder collection includes icons for most file types and the most common folder uses, making them perfect for any designer that is currently working on a business…
The post Freebie: Document Folder Icon Collection (SVG & PNG) appeared first on Speckyboy Design Magazine.
Dienstag 13:30 – at Articles on Smashing Magazine — For Web Designers And Developers
(This is a sponsored article.) Last year, a comprehensive introduction to the basic use of SVGator was published here on Smashing Magazine. If you’d like to learn about the fundamentals of SVGator, setting up your first projects, and creating your first animations, we strongly recommended you read it before continuing with this article.
Today, we’ll take a second look to explore some of the new features that have been added to it over the last few months, including the brand new Path Animator.
Montag 22:41 – Eric Karkovack at Speckyboy Design Magazine
Being a busy web designer is a little bit like being a parent. You’re so focused on taking care of everyone else’s needs that you may well neglect your own….
The post One Designer’s Struggle to Redesign His Website appeared first on Speckyboy Design Magazine.
Montag 15:10 – Tianna Haas at Web Design – WebFX Blog
An online presence gives your business valuable visibility, but creating a secure website instills consumer confidence in shopping with your business. While launching a company website can generate brand awareness and more convenient interactions with customers, it’s imperative to prioritize security when building your site. Ready to learn how to make a website secure? Keep […]
The post 9 Steps for Creating a Secure Website – Make Your Site Secure appeared first on WebFX Blog.
Montag 14:00 – at Articles on Smashing Magazine — For Web Designers And Developers
I’ve been working on the creation and maintenance of the main library of our design system, Lexicon. We used the Sketch app for the first year and then we moved to Figma where the library management was different in certain aspects, making the change quite challenging for us.
To be honest, as with any library construction, it requires time, effort, and planning, but it is worth the effort because it will help with providing detailed components for your team.
Sonntag 23:35 – Nataly Birch at Speckyboy Design Magazine
Sometimes all you need is a name. It is a powerful thing. It always has a meaning and, even more, it has a subtext and undertone. A name can speak…
The post 10 Beautifully Designed, Minimal & Name-Centric Business Cards appeared first on Speckyboy Design Magazine.
Freitag 16:17 – Speckyboy Editors at Speckyboy Design Magazine
This week’s Designer News (№ 492) includes Firefox: The Evolution Of A Brand, Making Tables Responsive With Minimal CSS, Having the Right CSS Mindset, CSS Grid: No Nonsense Layouts, a Free National Park Typeface, Free Artworks from Mixkit and much more.
The post Weekly News for Designers № 492 appeared first on Speckyboy Design Magazine.
Freitag 16:17 – Brenda Stokes Barron at Speckyboy Design Magazine
We all know that a font choice can make or break your final design. What’s more, there are plenty of designs online that rely on fonts as the central part…
The post 10 Tools & Apps to Help You Quickly Identify Fonts appeared first on Speckyboy Design Magazine.
Freitag 14:30 – at Articles on Smashing Magazine — For Web Designers And Developers
Last week I read about the web turning into a dark forest. This made me think, and I’m convinced that there’s hope in the dark forest. Let’s stay positive about how we can contribute to making the web a better place and stick to the principle that each one of us is able to make an impact with small actions. Whether it’s you adding Webmentions, removing tracking scripts from a website, recycling plastic, picking up trash from the street to throw it into a bin, or cycling instead of driving to work for a week, we all can make things better for ourselves and the people around us.
Donnerstag 14:55 – Sam Selders at Web Design – WebFX Blog
If you own a blog, one of your first goals should be to make it reflect your brand. After all, the aesthetic of your website can build brand awareness and help visitors get a feel for your industry and personality. But some WordPress blog themes are better than others. So, how do you know which […]
The post 6 Best WordPress Themes for Blogs [Guess What, They’re Free] appeared first on WebFX Blog.
Donnerstag 12:30 – at Articles on Smashing Magazine — For Web Designers And Developers
I hate to admit it, but five or six years ago my interest in web design started to wane. Of course, owning a business meant I had to keep working, but staying motivated and offering my best thinking to clients became a daily struggle.
Looking at the web didn’t improve my motivation. Web design had stagnated, predictability had replaced creativity, and ideas seemed less important than data.
The reasons why I’d enjoyed working on the web no longer seemed relevant.
Donnerstag 10:14 – Eric Karkovack at Speckyboy Design Magazine
Web design and development are vast subjects. And it seems that those of us within the industry are simply expected to know every nook and cranny of it. There’s a…
The post The Case for Showing Freelance Clients Your Authentic Self appeared first on Speckyboy Design Magazine.
Mittwoch 13:30 – at Articles on Smashing Magazine — For Web Designers And Developers
A ‘code review’ is a moment in the development process in which you (as a developer) and your colleagues work together and look for bugs within a recent piece of code before it gets released. In such a moment, you can be either the code author or one of the reviewers.
When doing a code review, you might not be sure of what you are looking for. On the other side, when submitting a code review, you might not know what to wait for.
Dienstag 14:00 – at Articles on Smashing Magazine — For Web Designers And Developers
(This is a sponsored article.) One of the cool things about accessibility is that it forces you to see and think about your application beyond the typical sighted, mouse-based user experience. Users who navigate via keyboard only (KO) and/or assistive technology (AT) are heavily dependent not only on your application’s information architecture being thoughtful, but the affordances your application makes for keeping the experience as straightforward as possible for all types of users.
Images are a great way to communicate without text but oftentimes images are used/abused to spread text within social media and advertisements. Text in images also presents an accessibility issue. The truth is that it’s important, for any number of reasons, to be able to detect text in image files. The amazing open source tool […]
The post How to Detect Text in Images appeared first on David Walsh Blog.
Montag 14:00 – at Articles on Smashing Magazine — For Web Designers And Developers
If you search for how to style apps for the web, you’ll come across many different approaches and libraries, some even changing day by day. Block Element Modifier (BEM); preprocessors such as Less and SCSS; CSS-in-JS libraries, including JSS and styled-components; and, lately, design systems. You come across all of these in articles and blogs, tutorials and talks, and — of course — debates on Twitter.
How do we choose between them?
Freitag 12:00 – at Articles on Smashing Magazine — For Web Designers And Developers
Haben Girma, disability rights advocate and Harvard Law’s first deafblind graduate, made the following statement in her keynote address at the AccessU digital accessibility conference last month: “I define disability as an opportunity for innovation.” She charmed and impressed the audience, telling us about learning sign language by touch, learning to surf, and about the keyboard-to-braille communication system that she used to take questions after her talk. Contrast this with the perspective many of us take building apps: web accessibility is treated as an afterthought, a confusing collection …
Donnerstag 14:00 – at Articles on Smashing Magazine — For Web Designers And Developers
A slow website is everyone’s concern. Not only that it chases visitors away but it also affects your SEO. So trying to keep it ‘in shape’ is definitely one of the main items to tick when you run a business or even a personal site.
There are many ways to speed up your WordPress site, each one complementing the other. There is not a universal method. Improving your site speed is actually the sum of more of these methods combined.
Mittwoch 12:30 – at Articles on Smashing Magazine — For Web Designers And Developers
When it comes to showing the transition, interaction and animation of elements in the user interface, a prototyping tool like Framer X can make a difference in the way you communicate your vision to the team and stakeholders and as a result, boost your efficiency as a designer.
With the following example, I will illustrate how you can add interaction to static designs. To profit the most from this tutorial, some basic experience with Framer X are welcome.
The post Detect if Element is a Web Component appeared first on David Walsh Blog.