Internationale Web News
- How To Overcome Data Onboarding Challenges For Software ProductsData 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 BoxesMy 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 № 563This 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 FaunaDBSometimes, 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.jsNext.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 StorageIn 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 …
- xmThis 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 PrizesSmashingMag 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 TipsDid 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 HostingHow 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 PluginsThere 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 DeveloperThe 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 StructureA 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 SurveyLast 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 …
- WooCommerce Payments, Now with Support for Subscriptions and Saved CardsA 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 …
The post cookieStore: Async Cookie API appeared first on David Walsh Blog.
- Tips for Being a Good Design MentorIt 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.
- The failed promise of Web ComponentsLea 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 ActionsIn 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 InputEvery 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 PeevesThere 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 ResourcesIt’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 BeginnersJust 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.
The post Weekly News for Designers № 562 appeared first on Speckyboy Design Magazine.
- Build And Deploy An Angular Form With Netlify Forms And EdgeNetlify 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 CommitAlright, 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 ShowcaseHow 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)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 YupForms 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-DunkDo 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 TemplatesWe 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 DesignersWe 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.jsIn 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 № 561This 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 GraphQLFrom 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 LessonsMeet 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.