Internationale Web News

  • The 10 Best Newsletters for Videographers
    Sonntag 19:06 Brenda Stokes Barron at Speckyboy Design Magazine
    No matter what type of video projects you’re working on, one thing is certain: you need to continually hone your skills if you want to stay on top of current… The post The 10 Best Newsletters for Videographers appeared first on Speckyboy Design Magazine.
  • Weekly News for Designers № 523
    Sonntag 15:38 Speckyboy Editors at Speckyboy Design Magazine
    This week’s Designer News – № 523 – includes The Split Personality of Brutalist Web Development, A Listing of All Design Conferences, The calcolor Color Tool, 7 Ui Trends You Should Be Watching in 2020, Learn Why KPI is an Imperative Tool for UX Designers, The beedii Emoji Font and much, much more! The post Weekly News for Designers № 523 appeared first on Speckyboy Design Magazine.
  • Timeless Web Dev Articles
    Samstag 16:15 Chris Coyier at CSS-Tricks
    Pavithra Kodmad asked people for recommendations on what they thought were some of the most timeless articles about web development that have changed their perspective in some way. Fun! I’m gonna scour the thread and link up my favorites (that are actually articles, although not all of them are super directly related to web dev).(Old?) Richard Gabriel’s „The Rise of Worse is Better“ (2000) John Allsopp’s „A Dao of Web Design“ (2010) Nicole Sullivan’s „The Media Object Saves Hundreds … Read article The post Timeless Web Dev Articles appeared first on CSS-Tricks.
  • 20 Free High-Resolution T-Shirt Mockup PSD Templates for Designers
    Samstag 10:13 Paul Andrew at Speckyboy Design Magazine
    There was a time when apparel designers would have to actually print their illustrations and designs directly onto a t-shirt, just to test how it looked. Now, with Photoshop and… The post 20 Free High-Resolution T-Shirt Mockup PSD Templates for Designers appeared first on Speckyboy Design Magazine.
  • Eleventy Love
    Freitag 17:35 Chris Coyier at CSS-Tricks
    Been seeing a lot of Eleventy action lately. It’s a smaller player in the world of static site generators, but I think it’s got huge potential because of how simple it is, yet does about anything you’d need it to do. It’s Just JavaScript™. Jason Lengstorf and Zach Leatherman did a Learn with Jason episode on it. Reginald Hunt has a big ol‘ guide on it. Phil Hawksworth has all these starters for it, like EleventyOne and ElevenTail. Andy … Read article The post Eleventy Love appeared first on CSS-Tricks.
  • Autumn (macOS window manager)
    Freitag 17:34 Chris Coyier at CSS-Tricks
    I love how nerdy this is. Autumn allows you to write JavaScript to control your windows. Get this window, move it over here. Nudge this window over. There are all sorts of APIs, like keyboard command helpers and doing things on events, like waking up from sleep. I love that it exists, but for the moment, my window management mostly consists of: grab this window and chuck it on the left half of the screen, and grab this window and … Read article The post Autumn (macOS window manager) appeared first on CSS-Tricks.
  • All Things Smashing: Monthly Update
    Freitag 12:30 at Articles on Smashing Magazine — For Web Designers And Developers
    We can’t repeat enough how wonderful the web performance community is! There are good folks who help make the web faster, and their efforts matter indeed. With the new year sinking in and everyone’s resolutions still being put to the test, personal goals such as reproducing bugs and fixing issues suddenly become something we all have in common: improving the web for everyone involved. As various areas of performance become more and more sophisticated and complicated throughout the years, Vitaly refines and updates his front-end performance checklist every year.
  • Things That Will Scare Your Web Design Clients
    Freitag 9:08 Eric Karkovack at Speckyboy Design Magazine
    Dealing with concerned clients can be a challenge for numerous reasons. I liken it to running around with a fire extinguisher, desperately trying to put out blazes large and small…. The post Things That Will Scare Your Web Design Clients appeared first on Speckyboy Design Magazine.
  • Third-Party Components at Their Best
    Donnerstag 22:49 Chris Coyier at CSS-Tricks
    I’m a fan of the componentization of the web. I think it’s a very nice way to build a website at just about any scale (except, perhaps, the absolute most basic). There are no shortage of opinions about what makes a good component, but say we scope that to third-party for a moment. That is, components that you just use, rather than components that you build yourself as part of your site’s unique setup. What makes a third-party component … Read article The post Third-Party Components at Their Best appeared first on CSS-Tricks.
  • NetNewsWire and Feedbin
    Donnerstag 22:49 Chris Coyier at CSS-Tricks
    NetNewsWire is one of the classic RSS apps, debuting in 2002. I was pretty stoked when it went 5.0 and was open-sourced in August 2019! You can snag it right here. (Sorry, Mac only.) It’s super nice, is fast, and looks great. It has just the right features. But… I thought, at least at first, that really prefer websites for reading RSS content. I have multiple machines. I have mobile devices. I don’t want my RSS to be limited … Read article The post NetNewsWire and Feedbin appeared first on CSS-Tricks.
  • 15 Free Vintage & Antique Brush Packs for Adobe Photoshop
    Donnerstag 22:28 Brenda Stokes Barron at Speckyboy Design Magazine
    If you’re working on a design project that needs to evoke feelings of nostalgia or working with a brand who has an established history, chances are you’d do well by… The post 15 Free Vintage & Antique Brush Packs for Adobe Photoshop appeared first on Speckyboy Design Magazine.
  • Thinking Through Styling Options for Web Components
    Donnerstag 17:02 Chris Coyier at CSS-Tricks
    Where do you put styles in web components? I’m assuming that we’re using the Shadow DOM here as, to me, that’s one of the big draws of a web component: a platform thing that is a uniquely powerful thing the platform can do. So this is about defining styles for a web component in a don’t-leak-out way, and less so a way to get global styles to leak in (although that’s very interesting as well, which can be done via … Read article The post Thinking Through Styling Options for Web Components appeared first on CSS-Tricks.
  • The Design Squiggle
    Donnerstag 17:02 Chris Coyier at CSS-Tricks
    I think we all have an intuitive understanding that, at the beginning of projects that require our creativity (be it design or code), things feel uncertain and messy. Then, as we go, things tend to straighten out. There is still some wiggling and setbacks, but by the end, we find a single solution and ship it. Apparently this feeling has a logo: The Design Squiggle The Process of Design Squiggle by Damien Newman, thedesignsquiggle.com It comes from Damien Newman who … Read article The post The Design Squiggle appeared first on CSS-Tricks.
  • Add Real-Time Geocoding to Your Project with positionstack Sponsored
    Donnerstag 9:07 Eric Karkovack at Speckyboy Design Magazine
    Integrating geocoding data into your website or mobile application brings a whole new level of functionality. Not only can you use it for embedding maps, but also for location-based services,… The post Add Real-Time Geocoding to Your Project with positionstack appeared first on Speckyboy Design Magazine.
  • How We Tagged Google Fonts and Created goofonts.com
    Donnerstag 0:45 Paulina Hetman at CSS-Tricks
    GooFonts is a side project signed by a developer-wife and a designer-husband, both of them big fans of typography. We’ve been tagging Google Fonts and built a website that makes searching through and finding the right font easier. GooFonts uses WordPress in the back end and NuxtJS (a Vue.js framework) on the front end. I’d love to tell you the story behind goofonts.com and share a few technical details regarding the technologies we’ve chosen and how we adapted and used them for this project.… Read article The post How We Tagged Google Fonts and Created goofonts.com appeared first on CSS-Tricks …
  • A Web Component with Different HTML for Desktop and Mobile
    Donnerstag 0:44 Chris Coyier at CSS-Tricks
    Christian Schaefer has a great big write-up about dealing with web advertisements. The whole thing is interesting, first documenting all the challenges that ads present, and then presenting modern solutions to each of them. One code snippet that caught my eye was a simple way to design a component that renders different HTML depending on the screen size. // Mobile ad HTML code with inline script // Desktop ad HTML code with … Read article The post A Web Component with Different HTML for Desktop and Mobile appeared first on CSS-Tricks. …
  • 15 Tutorials for Creating Professional Product Mockups in Photoshop
    Mittwoch 18:59 Paul Andrew at Speckyboy Design Magazine
    When it comes to selling your products, presentation of said product can make a world of difference when it comes to sales. This is even more important when it comes… The post 15 Tutorials for Creating Professional Product Mockups in Photoshop appeared first on Speckyboy Design Magazine.
  • The Deal with the Section Element
    Mittwoch 16:20 Chris Coyier at CSS-Tricks
    Two articles published the exact same day: Bruce Lawson on Smashing Magazine: Why You Should Choose HTML5
    Over
    Adam Laki on Pine: The Difference Between
    and
    Element They are comparing slightly different things, but they both involve the
    element.I find it pretty clear when you reach for a
    : When you want that element to be essentially meaningless. You’re only using it for styling purposes. I always think of RSS when I think … Read article The post The Deal with the Section Element appeared first on CSS-Tricks.
  • The Mythical Mythical Man-Month
    Mittwoch 14:00 at Articles on Smashing Magazine — For Web Designers And Developers
    As a product leader at a tech company, I am a bottomless pit of need. My job as the Chief Product Officer at Mailchimp is to bring the product to market that’s going to win in a very competitive space. Mailchimp’s aspirations are high, and to realize them we need to deliver a substantial amount of product to the market. Oftentimes to many at the company, it feels like we are doing too much.
  • Exploring the Use of Sticky Vertical Navbars
    Mittwoch 10:31 Nataly Birch at Speckyboy Design Magazine
    Navigation in website design does not undergo many changes. It includes almost the same elements, always meets the audience from the outset and modestly takes its place in the top… The post Exploring the Use of Sticky Vertical Navbars appeared first on Speckyboy Design Magazine.
  • Create Business Cards as Unique as You with Print Peppermint Sponsored
    Dienstag 8:21 Eric Karkovack at Speckyboy Design Magazine
    Business cards are a staple for every freelancer and agency. We hand them out to prospective clients and pass them around like candy at design conferences. They are a small,… The post Create Business Cards as Unique as You with Print Peppermint appeared first on Speckyboy Design Magazine.
  • Smashing Podcast Episode 7 With Amy Hupe: What Is A Government Design System?
    Dienstag 6:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Have you ever wondered how design systems are used within a government? Also, if you’d want to document a design system the best way you could, how would you do it? I spoke to Design Systems advocate, Amy Hupe, who shares her advice and lessons learned. Show Notes The GOV.UK Design System Follow Amy on Twitter Amy’s website Weekly Update “Understanding CSS Grid: Creating A Grid Container,”
  • 10 Free Responsive Website Mockup Templates
    Dienstag 3:37 Brenda Stokes Barron at Speckyboy Design Magazine
    If you’re a designer, you probably know that showing your clients that their website will be responsive can be tricky without doing the actual coding. Designing different device mockups and… The post 10 Free Responsive Website Mockup Templates appeared first on Speckyboy Design Magazine.
  • 5 Simple Tips for How to Update Content on Your Website
    Montag 22:30 Jessica Bonacci at Web Design – WebFX Blog
    Transcript: Your website isn’t set in stone, so you shouldn’t treat it like it is.  Technology and the internet change quickly, and often. You should update your website regularly to keep up with the times. Having an up-to-date and optimized site creates a great user experience, and will likely encourage people to spend more time […] The post 5 Simple Tips for How to Update Content on Your Website appeared first on WebFX Blog.
  • An Introduction To React’s Context API
    Montag 12:30 at Articles on Smashing Magazine — For Web Designers And Developers
    For this tutorial, you should have a fair understanding of hooks. Still, before we begin, I’ll briefly discuss what they are and the hooks we’ll be using in this article. According to the React Docs: “Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class.” That is basically what a React hook is. It allows us to use state, refs and other React features in our functional components.
  • Understanding CSS Grid: Grid Lines
    Freitag 12:30 at Articles on Smashing Magazine — For Web Designers And Developers
    In the first article in this series, I took a look at how to create a grid container and the various properties applied to the parent element that make up your grid. Once you have a grid, you have a set of grid lines. In this article, you will learn how to place items against those lines by adding properties to the direct children of the grid container. We will cover:
  • Fantastic Flight API with aviationstack (Sponsored)
    Donnerstag 18:50 David Walsh at David Walsh Blog
    I didn’t fly until I was 25 years of age — I was hopeless in knowing I had to be there early, the process of security, and the whole gate structure. Now that I’ve flown dozens of times for Mozilla, I feel much more comfortable with the process of flying, but feel less comfortable about […] The post Fantastic Flight API with aviationstack (Sponsored) appeared first on David Walsh Blog.
  • How To Create And Deploy Angular Material Application
    Donnerstag 13:30 at Articles on Smashing Magazine — For Web Designers And Developers
    Angular is one of the popular choices while creating new web applications. Moreover, “Material Design” specs have become a go-to choice for creating minimal and engaging experience today. Thus, any new “Angular” project mostly uses the “Angular Material Design Library” to use the components which follow the material design specifications. From smooth animations to proper interaction feedback, all of this is already available as part of the official material design library for angular.
  • The Split Personality Of Brutalist Web Development
    Mittwoch 12:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Of all the design trends to hit the Internet in recent years, brutalism is surely the most eye-catching, and the most poorly defined. A variety of major brands have embraced ‘brutalist’ aesthetics online. There are even directories for those interested in seeing a selection of them in one place. The style has well and truly entered the mainstream. Bloomberg.com’s stark, no-nonsense design went live in 2016 and was refined in 2018.
  • 6 Best CMS Software for Website Development & SMBs
    Dienstag 16:55 Macy Storm at Web Design – WebFX Blog
    Are you looking for a content management system (CMS) that will help you create the digital content you need? With so many options on the market, it’s challenging to know which one is the best CMS software for your business. On this page, we’ll take a look at the six best CMS’s for website development […] The post 6 Best CMS Software for Website Development & SMBs appeared first on WebFX Blog.
  • Why You Should Choose HTML5 <article> Over <section>
    Dienstag 12:30 at Articles on Smashing Magazine — For Web Designers And Developers
    A few days ago, I was having a chat with some friends, one of whom asked me the difference between
    and
    in HTML. This is one of the eternal mysteries of web development, up there with “why is it white-space: nowrap, not white-space: no-wrap?” and “why is CSS ‘gray’ a darker color than ‘darkgray’?”. I gave my usual answer: think of
    not just as a newspaper article, or a blog post, but as an article of clothing — a discrete entity that can be reused in another context.
  • Duplicated Argument Names
    Montag 13:00 David Walsh at David Walsh Blog
    Oftentimes we override or monkey patch functions and, in many cases, there are arguments we don’t care too much about. A common practice for those arguments is using _ for argument names — it’s a generally accepted and known practice for “this isn’t important”. I started thinking about multiple useless arguments and if you could […] The post Duplicated Argument Names appeared first on David Walsh Blog.
  • Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]
    Montag 11:30 at Articles on Smashing Magazine — For Web Designers And Developers
    Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering? Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers?
  • Category Page Design Examples: 6 Category Page Inspirations
    Samstag 16:36 Macy Storm at Web Design – WebFX Blog
    Dozens of people find your business when looking for a type of product but aren’t sure which product fits their needs best. With a well-designed and organized category page, you’ll help people browse products easier and find what they want. To help you get inspired, let’s take a look at some excellent category page design […] The post Category Page Design Examples: 6 Category Page Inspirations appeared first on WebFX Blog.
  • Understanding CSS Grid: Creating A Grid Container
    Freitag 12:30 at Articles on Smashing Magazine — For Web Designers And Developers
    This is the start of a new series here at Smashing Magazine concentrating on CSS Grid Layout. While Grid has been available in browsers since 2017, many developers won’t have had a chance to use it on a project yet. There seem to be a lot of new properties and values associated with CSS Grid Layout. This can make it seem overwhelming. However, quite a lot of the specification details alternate ways to do things, meaning that you don’t have to learn the entire spec to get started.
  • How To Decide Which PWA Elements Should Stick
    Donnerstag 13:30 at Articles on Smashing Magazine — For Web Designers And Developers
    As the number of website visitors and shoppers grows on mobile, it’s important to consider how small additions to your design will encourage them to do more than just research and browse. One of the elements I think mobile designers — for PWAs and mobile websites — need to do more with is the sticky bar. What exactly do I mean by “more”? Well, I mean using the fixed navigation bar at the top or bottom of a mobile site for more than just navigation or branding.
  • Validate CSP from Command Line
    Donnerstag 12:10 David Walsh at David Walsh Blog
    The content security policy spec has been an amazing front-end security tool to help prevent XSS and other types of attacks. I’d go as far to say that every site should implement as specific CSP as possible. If you aren’t familiar with CSPs, here’s a quick example: Content-Security-Policy: default-src ’self‘; img-src *; media-src media1.com media2.com; […] The post Validate CSP from Command Line appeared first on David Walsh Blog.
  • 2019: A Smashing Year In Review
    Dienstag 14:30 at Articles on Smashing Magazine — For Web Designers And Developers
    2019 has been quite a productive (sometimes challenging, but ultimately very successful) year for the Smashing team. In this annual round-up, I’d like to share some of my thoughts and those of some of the Smashing team, as we look back on the past year as well as look forward to 2020. Travel And Friendships As always, my 2019 has involved a lot of travel. In addition to my conference speaking engagements and travel to W3C meetings, I attended all four of our Smashing conferences; I ran CSS Layout workshops in Toronto, New York and San Francisco.
  • New Adventures Ahead! (January 2020 Wallpapers)
    Dienstag 13:30 at Articles on Smashing Magazine — For Web Designers And Developers
    Let’s welcome 2020 with a new wallpaper! After all, the new year is the perfect occasion to tidy up your desktop and start on a fresh, blank slate — no clutter, just the things you really need and space for what’s about to come. And some inspiration, of course. As every month since more than nine years already, artists and designers from across the globe once again took out their favorite tools to create wallpapers to inspire you, make you smile, think, or just to cater for a blob of color on a dark winter day.
  • Smashing Podcast Episode 6 With Luca Mezzalira: What Are Micro-Frontends?
    Dienstag 6:00 at Articles on Smashing Magazine — For Web Designers And Developers
    We finish off this year with yet another Smashing podcast! This time, we’ll be talking about micro-frontends. What is a micro-frontend? How is it different from the sort of approach we might be taking at the moment? Let’s find out from micro-frontend pioneer, Luca Mezzalira. Show Notes Weekly Update “Adding Dynamic And Async Functionality To JAMstack Sites,” Jason Lengstorf “Quantitative Data Tools For UX Designers,” Adonis Raduca “Creating Voice Skills For Google Assistant And Amazon Alexa,” Tris Tolliday “Beyond Sprint 0: An Alternative For Integrating Teams,” Shamsi Brinn “Helping Browsers …