Internationale Web News

  • Render Snarky Comments in Comic Sans
    Dienstag 0:29 Chris Coyier at CSS-Tricks
    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.
  • A Chat with Chris Coyier, Web Design Influencer & Entrepreneur
    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.
  • Building a Conference Schedule with CSS Grid
    Montag 16:21 Mark Root-Wiley at CSS-Tricks
    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.
  • What I Learned From Designing AR Apps
    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.
  • Adding Warmth and Personality to Websites with Human Illustrations
    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.
  • Weekly News for Designers № 493
    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.
  • Reduced Motion Picture Technique, Take Two
    Freitag 17:11 Chris Coyier at CSS-Tricks
    Did you see that neat technique for using the element with to serve an animated image (or not) based on a prefers-reduced-motion media query? After we shared that in our newsletter, we got an interesting reply from Michael Gale:What about folks who love their animated GIFs, but just didn’t want the UI to be zooming all over the place? Are they now forced to make a choice between content and UI?I thought … Read article The post Reduced Motion Picture Technique, Take Two appeared first on CSS-Tricks.
  • Weekly Platform News: Mozilla’s AV1 Encoder, Samsung One UI CSS, DOM Matches Method
    Freitag 17:10 Šime Vidas at CSS-Tricks
    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.
  • Design Your Mobile Emails To Increase On-Site Conversion
    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.
  • Hello Subgrid!
    Donnerstag 22:48 Robin Rendle at CSS-Tricks
    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.
  • Managing WordPress Metadata in Gutenberg Using a Sidebar Plugin
    Donnerstag 17:18 Ali Alaa at 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.
  • So, you think you’ve got project management nailed down
    Donnerstag 17:04 Geoff Graham at 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? Wrong. 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.
  • JAMstack Fundamentals: What, What And How
    Donnerstag 14:30 at Articles on Smashing Magazine — For Web Designers And Developers
    We love pushing the boundaries on the web, and so we’ve decided to try something new. You probably have heard of JAMstack — the new web stack based on JavaScript, APIs, and Markup — but what does it mean for your workflow and when does it make sense in your projects? 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.
  • Optimizing Google Fonts Performance
    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.
  • Checkout the Last Public Revision with Mercurial
    Mittwoch 23:33 David Walsh at David Walsh Blog
    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.
  • Share Your Story with These Terrific Timelines
    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.
  • How to Increase Your Page Size by 1,500% with webpack and Vue
    Mittwoch 16:25 Burke Holland at CSS-Tricks
    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.
  • Drop caps & design systems
    Mittwoch 16:25 Robin Rendle at 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.
  • How To Create A PDF From Your Web Application
    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
    Dienstag 23:57 Robin Rendle at CSS-Tricks
    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.
  • Freebie: Document Folder Icon Collection (SVG & PNG)
    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.
  • Unleash The Power Of Path Animations With SVGator
    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.
  • One Designer’s Struggle to Redesign His Website
    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.
  • 9 Steps for Creating a Secure Website – Make Your Site Secure
    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.
  • Building A Component Library Using Figma
    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.
  • 10 Beautifully Designed, Minimal & Name-Centric Business Cards
    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.
  • Weekly News for Designers № 492
    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.
  • 10 Tools & Apps to Help You Quickly Identify Fonts
    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.
  • Monthly Web Development Update 6/2019: Rethinking Privacy And User Engagement
    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.
  • 6 Best WordPress Themes for Blogs [Guess What, They’re Free]
    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.
  • Inspired Design Decisions: Avaunt Magazine
    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.
  • The Case for Showing Freelance Clients Your Authentic Self
    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.
  • Bringing A Healthy Code Review Mindset To Your Team
    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.
  • UX Optimizations For Keyboard-Only And Assistive Technology Users
    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.
  • How to Detect Text in Images
    Dienstag 13:57 David Walsh at David Walsh Blog
    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.
  • Styling In Modern Web Apps
    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?
  • Web Accessibility In Context
    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 …
  • Image Optimization In WordPress
    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.
  • How To Start Using Sketch And Framer X
    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.
  • Detect if Element is a Web Component
    Mittwoch 4:50 David Walsh at David Walsh Blog
    I’ve advocated for web components since before they became a spec, mostly inspired by the Dojo Toolkit’s dijit framework. Empowering first class JavaScript widgets, as opposed to a mess of DIVs and templates, always made the most sense. Now that web components exist, and awesome frameworks like Ionic are based on them, I wanted to […] The post Detect if Element is a Web Component appeared first on David Walsh Blog.