Internationale Web News

  • How To Overcome Data Onboarding Challenges For Software Products
    Freitag 20:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Data onboarding with a custom-built solution can be a difficult and error-prone process. This article takes a closer look at how Flatfile Concierge deals with this particular problem.
  • CSS in 3D: Learning to Think in Cubes Instead of Boxes
    Freitag 16:19 Jhey Tompkins at CSS-Tricks
    My path to learning CSS was a little unorthodox. I didn’t start as a front-end developer. I was a Java developer. In fact, my earliest recollections of CSS were picking colors for things in Visual Studio. It wasn’t until later that I got to tackle and find my love for the front end. And exploring CSS came later. When it did, it was around the time CSS3 was taking off. 3D and animation were the cool kids on the block. … Read article “CSS in 3D: Learning to Think in Cubes Instead of Boxes” The post CSS in 3D: Learning to Think in Cubes Instead of Boxes appeared first on CSS-Tricks. You can suppo …
  • Weekly News for Designers № 563
    Freitag 15:51 Speckyboy at Speckyboy Design Magazine
    This week’s Designer News – № 563 – includes Layoutit Grid CSS Grid Builder, 12 Timeless UI Patterns Analyzed, How to Create a Realistic Motion Blur with CSS Transitions, iPhone 12 Pro Mockups, Tips for a Great Dashboard UI, Phosphor Icons, aladar Free Handwritten Font and much, much more! The post Weekly News for Designers № 563 appeared first on Speckyboy Design Magazine.
  • Create an FAQ Slack app with Netlify functions and FaunaDB
    Donnerstag 16:49 Matthew Williams at CSS-Tricks
    Sometimes, when you’re looking for a quick answer, it’s really useful to have an FAQ system in place, rather than waiting for someone to respond to a question. Wouldn’t it be great if Slack could just answer these FAQs for us? In this tutorial, we’re going to be making just that: a slash command for Slack that will answer user FAQs. We’ll be storing our answers in FaunaDB, using FQL to search the database, and utilising a Netlify function … Read article “Create an FAQ Slack app with Netlify functions and FaunaDB” The post Create an FAQ Slack app with Netlify functions and FaunaDB appeared firs …
  • Getting Started With Next.js
    Donnerstag 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Next.js is a React framework that is bound to ease your life as a React developer by abstracting away the common and redundant tasks (such as routing) into relatively simpler and powerful APIs. That way, you can focus on writing your apps instead of reinventing the wheel.
  • A Primer on the Different Types of Browser Storage
    Mittwoch 16:41 Ido Shamun at CSS-Tricks
    In back-end development, storage is a common part of the job. Application data is stored in databases, files in object storage, transient data in caches… there are seemingly endless possibilities for storing any sort of data. But data storage isn’t limited only to the back end. The front end (the browser) is equipped with many options to store data as well. We can boost our application performance, save user preferences, keep the application state across multiple sessions, or even different … Read article “A Primer on the Different Types of Browser Storage” The post A Primer on the Different T …
  • xm
    Mittwoch 16:37 Chris Coyier at CSS-Tricks
    This is a neat little HTML preprocessor from Giuseppe Gurgone. It has very few features, but one of them is HTML includes, which is something I continue to be baffled that HTML doesn’t support natively. There are loads of ways to handle it. I think it’s silly that it’s been consistently needed for decades and HTML could evolve to support it but hasn’t. So anyway, enter another option for handling it.📢 Today I am open sourcing ✨ ₪… Read article “xm” The post xm appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
  • Smashing Giveaway: Join Smashing Newsletter and Win Smashing Prizes
    Mittwoch 16:00 at Articles on Smashing Magazine — For Web Designers And Developers
    SmashingMag is running a lil’ giveaway among its Smashing newsletter subscribers until Tuesday, Oct. 27, with some exciting goodies to win. Make sure to join in and good luck!
  • Ecommerce Design Best Practices: 6 Ecommerce Website Tips
    Mittwoch 15:00 Macy Storm at Web Design – WebFX Blog
    Did you know that 75% of opinions on website credibility comes from design? You need a beautifully designed and user-friendly site to give your audience a positive first impression of your business. But how do you start? To help you get started, check out these six ecommerce design best practices! P.S. Want to get the […] The post Ecommerce Design Best Practices: 6 Ecommerce Website Tips appeared first on WebFX Blog.
  • Signs Your WordPress Website Has Outgrown Its Hosting
    Mittwoch 11:21 Eric Karkovack at Speckyboy Design Magazine
    How do you know when a hosting change is needed – or at least something you should consider? Today, we share a few signs that will clue you in. The post Signs Your WordPress Website Has Outgrown Its Hosting appeared first on Speckyboy Design Magazine.
  • Speed Up Your Workflow With Figma Plugins
    Mittwoch 11:00 at Articles on Smashing Magazine — For Web Designers And Developers
    There are hundreds of Figma plugins available as of today, yet the Figma plugin search functionality is pretty basic and at times it can be very difficult to find the right plugin for a certain task. This article will take an in-depth look at several plugins that can speed up your design workflow.
  • How to Think Like a Front-End Developer
    Mittwoch 1:40 Chris Coyier at CSS-Tricks
    The topical idea of “how to think like a front-end developer” began for me as a series of podcast interviews on ShopTalk Show. That was in preparation for a talk I was preparing (and gave) of the same name. That talk evolved into my essay The Great Divide, which evolved into the essay The Widening Responsibility for Front-End Developers. But also, this entire site is loosely themed “how to think like a front-end developer”. My goal … Read article “How to Think Like a Front-End Developer” The post How to Think Like a Front-End Developer appeared first on CSS-Tricks. You can support CSS-Tricks b …
  • Smarter Ways to Generate a Deep Nested HTML Structure
    Mittwoch 0:45 Ana Tudor at CSS-Tricks
    A look at using HTML preprocessors to generate HTML, particularly deeply nested HTML, which is useful for a variety of interesting browser art and experimentation. The post Smarter Ways to Generate a Deep Nested HTML Structure appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
  • Announcing the 2020 State of CSS Survey
    Dienstag 22:41 Geoff Graham at CSS-Tricks
    Last year’s State of CSS Survey yielded interesting results. There’s the quick adoption of features, like calc() and CSS custom properties. There’s also the overwhelming opinion that CSS is fun to write even as we see a growing reliance on CSS-in JS. We also saw some predictable results, like the proliferation of VS Code as a preferred code editor, the dominance of flexbox as a layout model, as well as BEM and Sass being the most adopted … Read article “Announcing the 2020 State of CSS Survey” The post Announcing the 2020 State of CSS Survey appeared first on CSS-Tricks. You can support CSS-Tr …
  • “Durable”
    Dienstag 20:28 Chris Coyier at CSS-Tricks
    Looks like the word “durable” is an emerging term in the world of serverless. As I understand it, it’s like allowing for state in places you wouldn’t normally expect to have it. For example, you call some cloud function and run some JavaScript… unless you have it go get some data from elsewhere, it has no information other than it’s own code. It doesn’t remember what happened last time it ran. It’s a clean slate each time. But let’s say … Read article ““Durable”” The post “Durable” appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter. …
  • WooCommerce Payments, Now with Support for Subscriptions and Saved Cards
    Dienstag 16:34 Geoff Graham at CSS-Tricks
    A little while back we shared the news that WooCommerce shipped a beta payments feature as part of its 4.0 release. It’s a free plugin with no monthly costs or setup fees. You only pay when you make a sale. We’re actually using this right here at CSS-Tricks. In fact, Chris blogged it back in July. Back then, we were using the WooCommerce Payments beta so we could start selling memberships here on the site and do it while taking … Read article “WooCommerce Payments, Now with Support for Subscriptions and Saved Cards” The post WooCommerce Payments, Now with Support for Subscriptions and Saved Ca …
  • cookieStore: Async Cookie API
    Dienstag 13:07 David Walsh at David Walsh Blog
    One pattern in the JavaScript API world that web development veterans will notice is that we’ve been creating new methods to accomplish what older, grosser APIs once achieved. XMLHttpRequest became the fetch API, some APIs like Battery became async, and there are dozens of other examples. Another API desperately in need of updating is the […] The post cookieStore: Async Cookie API appeared first on David Walsh Blog.
  • Tips for Being a Good Design Mentor
    Dienstag 9:23 Eric Karkovack at Speckyboy Design Magazine
    It can be a challenge advising another designer. Whether it’s general career advice, technical knowledge or even tips regarding client relations. The post Tips for Being a Good Design Mentor appeared first on Speckyboy Design Magazine.
  • Smashing Podcast Episode 27 With Stefan Baumgartner: What Is TypeScript?
    Dienstag 7:00 at Articles on Smashing Magazine — For Web Designers And Developers
    We’re talking about TypeScript. What is it, and how can it help us write better JavaScript? Drew McLellan talks to expert Stefan Baumgartner to find out.
  • The failed promise of Web Components
    Dienstag 0:21 Chris Coyier at CSS-Tricks
    Lea has some words: Perusing the components on webcomponents.org fills me with anxiety, and I’m perfectly comfortable writing JS — I write JS for a living! What hope do those who can’t write JS have? Using a custom element from the directory often needs to be preceded by a ritual of npm flugelhorn, import clownshoes, build quux, all completely unapologetically because “here is my truckload of dependencies, yeah, what”. Many steps are even omitted, likely because they are “obvious”. … Read article “The failed promise of Web Components” The post The failed promise of Web Components appeared firs …
  • Handling Continuous Integration And Delivery With GitHub Actions
    Montag 15:45 at Articles on Smashing Magazine — For Web Designers And Developers
    In this article, Aleem Isiaka explains how you can deploy a basic NodeJS application to Heroku, automate and schedule a deployment to run at certain intervals of the day, and use other actions from the Github Actions community.
  • How to Prevent Pasting into an Input
    Montag 13:52 David Walsh at David Walsh Blog
    Every once in a while I get to a website that doesn’t allow me to paste into a form input. In most cases it’s something to do with login credentials (username and or password) and auth codes. So how are they preventing me from pasting information? It’s as easy as you’d think! Let’s start with […] The post How to Prevent Pasting into an Input appeared first on David Walsh Blog.
  • The Grumpy Designer’s WordPress Plugin Pet Peeves
    Montag 9:57 Eric Karkovack at Speckyboy Design Magazine
    There are a number of plugin behaviors that have become pet peeves over the years. Here are a few of the more egregious – in one grumpy designer’s mind, at least. The post The Grumpy Designer’s WordPress Plugin Pet Peeves appeared first on Speckyboy Design Magazine.
  • A Monthly Update With New Guides And Community Resources
    Freitag 16:30 at Articles on Smashing Magazine — For Web Designers And Developers
    It’s time for another monthly update! Join us as we share the latest news and highlight the things we have enjoyed reading over the past month.
  • How to Create an Ecommerce Website: 7-Step Guide for Beginners
    Freitag 15:00 Sarah Berry at Web Design – WebFX Blog
    Just like one does not simply walk into Mordor in “The Lord of the Rings” — thanks Boromir — one does not simply create an ecommerce website, either. That’s because building an ecommerce website requires a lot of planning. Besides choosing who will make your ecommerce website (like an in-house developer using a website builder […] The post How to Create an Ecommerce Website: 7-Step Guide for Beginners appeared first on WebFX Blog.
  • Weekly News for Designers № 562
    Freitag 12:51 Speckyboy at Speckyboy Design Magazine
    This week’s Designer News – № 562 – includes Developing for the Semantic Web, Animating Number Counters, Detect Accessibility Issues with Checka11y.css, Full-Bleed Layout Using CSS Grid, CSS Variables 101, Download Free Radix Icons, MathJax JavaScript Engine and a whole lot more! The post Weekly News for Designers № 562 appeared first on Speckyboy Design Magazine.
  • Supercharge Testing React Applications With Wallaby.js
    Freitag 11:30 at Articles on Smashing Magazine — For Web Designers And Developers
    Ever had to switch your focus from your editor and to your terminal to see the results of your tests? This article will introduce you to Wallaby.js — a JavaScript productivity tool that supercharges your IDE by allowing you to get real-time feedback on your JavaScript tests in your code editor even before saving the file. You will also learn how to use Wallaby.js for testing React applications.
  • Managing Long-Running Tasks In A React App With Web Workers
    Donnerstag 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    In this tutorial, we’re going to learn how to use the Web Worker API to manage time-consuming and UI-blocking tasks in a JavaScript app by building a sample web app that leverages Web Workers.
  • Build And Deploy An Angular Form With Netlify Forms And Edge
    Mittwoch 14:30 at Articles on Smashing Magazine — For Web Designers And Developers
    Netlify Forms is a form handling feature that receives submissions from HTML forms automatically. In this article, we’ll cover how to use it with Angular reactive forms and how to deploy the finished app on Netlify’s hosting platform, Netlify Edge.
  • The Deadly Communication Sins Freelance Designers Commit
    Mittwoch 11:47 Addison Duvall at Speckyboy Design Magazine
    Alright, freelancers – it’s time to confess! How many of you are guilty of not communicating regularly enough with your clients? Maybe you’re running behind on your deadline, and you’re… The post The Deadly Communication Sins Freelance Designers Commit appeared first on Speckyboy Design Magazine.
  • Design Shopping: Get A Faster Client Buy-In Through A Guided Design Showcase
    Dienstag 12:30 at Articles on Smashing Magazine — For Web Designers And Developers
    How can you convince your clients to make a faster (and easier) buy-in? With the help of a guided design exercise, Kelly Schummer explains how the *Design Shopping* workflow can help guide you throughout the design phases.
  • Sports Data for Developers: SportdataAPI (Sponsored)
    Montag 13:12 David Walsh at David Walsh Blog
    Most of the side projects I consider starting revolve around sports, since I’m a huge sports fan. I spend my Saturdays watching soccer, Sundays spent watching soccer and NFL, and of course the mid-week Champions League and Europa League matches. One problem I’ve always had is not being able to find a reliable, feature-packed API […] The post Sports Data for Developers: SportdataAPI (Sponsored) appeared first on David Walsh Blog.
  • React Form Validation With Formik And Yup
    Montag 12:30 at Articles on Smashing Magazine — For Web Designers And Developers
    Forms are an integral part of how users interact with our websites and web applications. Validating the data the user passes through the form is a critical aspect of our jobs as web developers. However, it doesn’t have to be a pain-staking process. In this article, we’ll learn how Formik handles the state of the form data, validates the data, and handles form submission.
  • Why Web Design Client Referrals Aren’t a Slam-Dunk
    Sonntag 21:09 Eric Karkovack at Speckyboy Design Magazine
    Do you take on a new client just because you feel like you have to? How will that affect your relationship with your existing client? The post Why Web Design Client Referrals Aren’t a Slam-Dunk appeared first on Speckyboy Design Magazine.
  • 30 Poster Frame Mockup Photoshop PSD Templates
    Samstag 17:40 Paul Andrew at Speckyboy Design Magazine
    We have a fantastic collection of poster frame mockup PSD templates for Photoshop that allow you to showcase your artwork in realistic scenarios. The post 30 Poster Frame Mockup Photoshop PSD Templates appeared first on Speckyboy Design Magazine.
  • 50 Free High-Resolution Texture Packs for Designers
    Samstag 10:28 Paul Andrew at Speckyboy Design Magazine
    We have a huge collection of free high-resolution textures that are just shouting out to be used in your next design project. The post 50 Free High-Resolution Texture Packs for Designers appeared first on Speckyboy Design Magazine.
  • Using WebXR With Babylon.js
    Freitag 12:00 at Articles on Smashing Magazine — For Web Designers And Developers
    In this overview of WebXR technologies and the Babylon.js framework, we’ll inspect the underpinnings of WebXR and the most important aspects of the WebXR Device API before turning our attention to Babylon.js.
  • Weekly News for Designers № 561
    Freitag 11:37 Speckyboy at Speckyboy Design Magazine
    This week’s Designer News – № 561 – includes Using Serenade to Code with Your Voice, Blacklight Privacy Inspector, The Failed Promise of Web Components, IconPark SVG Icons, Free Neutro Display Font, “Hello World” in 20 Programming Languages, Good Web Design for Landing Pages and so much more! The post Weekly News for Designers № 561 appeared first on Speckyboy Design Magazine.
  • How To Manage File Uploads In React With Google Storage And GraphQL
    Donnerstag 12:00 at Articles on Smashing Magazine — For Web Designers And Developers
    From a user’s profile picture to other media assets, data collection and storage to cloud services through file uploads have become an essential feature for most modern applications. In this article, you will learn how file uploads can be implemented in a GraphQL application.
  • Master TypeScript In 50 Short Lessons
    Mittwoch 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Meet our new practical guide on everything you need to know about TypeScript, its type system, and all its benefits in 50 lessons. Jump to table of contents and get the book right away.