In this article, we will discuss how we can enable the CORS filter with Quarkus. This is very well described at Quarkus Documentation. As per the documentation:
Quarkus comes with a CORS filter which implements the javax.servlet.Filter interface and intercepts all incoming HTTP requests. It can be enabled in the Quarkus configuration file, src/main/resources/application.properties:
The best thing about writing about website design trends each month is looking at all the great sites that are being developed. Designers are stretching creatively and exploring new techniques and ways of doing things all the time.
It’s refreshing and inspiring. This month, some of those trends include a style that nods to brutalism, slide scrolling that’s interesting and fresh, and animated typography.
Here’s what’s trending in design this month…
Brutalism can be a lot to handle and only really works for certain types of projects. That being said, some of the elements of brutalism can be the foundation for an interesting aesthetic.
So, it’s not surprising that an “almost brutalism” trend has emerged.
Designers are working with some of the design elements – slab fonts, simple color schemes with a lot of contrast, twitchy animation, mono typefaces, and overall design patterns that are almost over-simplified.
The result is a striking design that isn’t so harsh that it turns users away. It’s the right combination of brutalism and usability to create something with a harder-edge feel that people understand.
Good Garms uses a typewriter-style typeface, simple patterns, and one of the most streamlined designs you might find for an ecommerce store. It’s effective and makes you look because it is different.
Dockyard Social uses an unexpected color combination with high contrast, sharp shapes, and design elements, and bold slab typography to grab your attention right away. The theme continues on the scroll with new color combinations with equally brutal design elements. It feels a little tight and uncomfortable in places but still highly usable – exactly what almost-brutalism intends to do.
ZN Studio uses the same big, bold type elements as the previous example with a twitchy-style animation to draw you into the design. The entire design uses clever animation effects with a brutal aesthetic to keep you scrolling.
You can argue the value – or lack thereof – of website sliders as long as you want to. The reality, though, is that, for the most part, they are clunky and get in the way of the content. It’s a lazy option that keeps you from having to make a content choice.
Not with these beautiful slide-scrolling website designs.
Each of these designs uses side-scrolling as a design asset. Here’s the trick that makes it work: Slide scrolling isn’t a “feature” above a bunch of other content. It is how the content is featured.
These examples show you how to use the trend well and should get you excited about slide (or side) scrolling.
Eduardo del Fraile uses a side scroll to show different projects in his portfolio. In addition to scroll, each element also has a simple and beautiful animation that allows you to see each product he has designed. Everything about the scrolling motion is intuitive, and the site never scrolls vertically, which is where many side scrollers go wrong.
Jo Ash Sakula uses a similar concept for the side scroll here but with different design elements. The bold card elements are striking in terms of color, contrast, and design. You know the scroll will move horizontally because a third element sneaks into your field of vision on the right side. It’s simple, clean, and highly usable.
Crimea is interesting because it has an “almost brutalism” style design and uses a side-scrolling pattern. The design is bold and almost overwhelming, but the scroll works to tell a nice story with visuals and content.
Web typography can make or break a design from font choice to size and color to animation, every detail with text elements matters.
This trend explores and pushes the boundaries of animation with text elements in website design. And it is so tricky. The difference between an amazing result and a design fail is a thin line that can be quite subjective.
Each of these examples does something unique with text and animation together to create just the right feel. The flow for each is seamless and text elements – while incorporating movement – maintain readability.
Visages Du Rhone has two layers of animation. The first happens as the words come onto the screen as the color and fade change within the letters. The second is a subtle hover state with a fluid feel for the letters that match the design’s underwater theme. What’s special about the typography animation is that it happens without distorting the letters, something many other liquid text animations do.
Poolhouse uses transparent letters with movement in a layer behind the words. What’s very neat here is the additional filtering so that the background motion still works while maintaining the integrity of each letterform. Again, the focus on keeping text readable is what sets this design apart and makes it trend-worthy.
Komnata takes a wholly different approach with letters that float and look like balloons. The motion mimics what you would expect from an element that looks and feels like something in the real world. The user doesn’t have to do anything for this motion to take place. The animation might be even more effective if the scroll and pointer did not have a tail that “draws” on the screen as a distracting element.
The good thing about looking at variations of different trends is that you can see the practical application and apply it to your projects. While you might not move to a full sliding scroll on your website homepage, you could use that concept in another part of the design.
Experiment, have fun and draw inspiration from trending website designs.
The post 3 Essential Design Trends, April 2021 first appeared on Webdesigner Depot.
In the wake of COVID, video streaming is no longer a fun diversion. Organizations are depending on it to keep their workforce moving… and parents are counting on it to keep their kids from going into all-out rebellion mode during lockdowns. We’re all familiar with the hiccups we experience using streaming platforms, so the application of Deep Learning to video encoding and streaming promises to be an interesting frontier.
Convolutional Neural Networks (CNNs) are a form of Deep Learning – machine learning designed to mimic the human brain by creating multiple layers of ‘neuron’ connections based on weighted probabilities – that is commonly used in image recognition. Each neuron represents a combination of features from a dataset, which are activated for prediction through sigmoid, threshold and rectifier functions.
This week Google announced further details of its plan to remove cookies from ad tracking. The strategy, which the ad giant expects to be fully implemented by 2022, has come about due to increasingly stringent privacy laws in a growing number of territories around the globe.
Google’s first step was the announcement in January of FLoC (Federated Learning of Cohorts). Google itself is still testing and fine-tuning the system, but in essence, Google will replace 3rd-party cookies in Chrome with groups of anonymized users.
Critics of the plan have questioned whether users will be genuinely anonymous or whether Google will be tracking individuals to group them properly. The answer came earlier this week in a low-key announcement of KaST.
KaST (Key and Surface Tracking) is the first iteration of Google’s new tracking technology. It works entirely without cookies and is fully device-agnostic.
The technology behind KaST is surprisingly old. It was first trialed in 1987 as a simple process for auditing the input of stenographers. Although the latest version of the technology draws heavily on voice recognition software algorithms, the original version of KaST — software named TAAA (Typist Account Accuracy Audit) — predates modern voice recognition by at least two years.
KaST uses…biomechanical and cognitive patterns, identifying individual users based on their keystrokes.
Just as your voice has a unique, identifiable modulation — anyone who uses telephone banking will be familiar with speaking their password — so too does your biomechanical input.
When you type on a keyboard or a touchscreen, the force, speed, and accuracy with which you hit characters are dependent on two things: your cognitive process and the unique biomechanics of your hands (the bones, ligaments, and muscles).
For example, when I type WordPress, I almost always type it as WordPRess (with a capitalized R). That is one facet of my combined biomechanical and cognitive process.
KaST uses keyboards and touch screens to track combined biomechanical and cognitive patterns, identifying individual users based on their keystrokes.
KaST is heavily reliant on BMaC (Bio-Mechanical and Cognitive) input. Although Google hasn’t released any data to support the accuracy of KaST, BMaC is known to be surprisingly accurate.
Reports suggest that the KaST algorithm is 89.7% effective for character strings of 12 characters or more, leaping to 97.6% for 19 characters or more on a single device. That makes it too inaccurate for high-end processes like security but well within the necessary margin of error for a non-critical process like serving ads.
Google will be able to identify you on any machine, on any device, in any context, as soon as you type 19 characters or more
When switching to a touch-screen device, the accuracy plummets to just 87.8%. This may be one reason Google has been low-key in its trumpeting of the new technology so far.
According to TechBeat, initial trials of the tri-axis position of a device (X, Y, and Z rotation) were abandoned as inaccurate. Still, even without those additional tracking signals, Google claims KaST on mobile will achieve ~94% accuracy by the 1st quarter of 2022.
Much like many of the algorithms that govern our daily lives, KaST will be largely invisible to most of us. Unlike cookies that can be legislated for and removed from a local machine, your BMaC is as inescapable as your DNA.
Where privacy concerns really grow is that your BMaC follows you from device to device. How you type at home is identical to how you type at work. Your personal and professional profiles are now instantly connectable; Google will be able to identify you on any machine, on any device, in any context, as soon as you type 19 characters or more.
Within 24 hours of KaST’s announcement, Apple stores were reporting rush orders of pre-M1 MacBook Pros. With some stores reportedly selling out late on Wednesday.
The rush came in the wake of a Reddit post — that has since been removed — that claimed that the notoriously bad butterfly keyboard on pre-M1 MacBook Pros circumvented KaST because the inaccuracy of the keystrokes, and the tendency of the keys to stick introduced a random element that disguised the end-user from the KaST algorithm.
Although the Reddit post is unsubstantiated, it transpires that M1 Mac owners may not be the lucky ones after all.
Advocates maintain that KaST — and Google’s wider FLoC strategy — are beneficial to users and the web as a whole. They claim that identifying users without 3rd party cookies does more to protect privacy than hinder it.
Opponents argue that in a digital world rife with user tracking, privacy compromises of this magnitude cannot be contemplated simply to enable more sophisticated ad-serving.
Despite KaST’s early stages of development, privacy concerns are mounting, and a campaign has been launched to regulate Google’s use of the technology.
The post Key and Surface Tracking Comes to Chrome first appeared on Webdesigner Depot.
As a web designer, you face plenty of challenges, both good and bad. One of the bad ones is to suddenly find out that you’re either in danger of missing a client’s deadline or will be unable to meet it at all.
A missed deadline could be due to something beyond your control and no fault of your own. There are measures you can take to avoid what you do have control over. Such as not having the right design tool or design resources to do a task that has to be done.
An ounce of prevention can definitely be worth a pound of cure in this case. Before starting a project, make sure the tool or tools you will be using will be up to the task.
The 15 design tools presented here are the tops in their respective categories. You should be better able to handle whatever is thrown at you.
Its more than 200,000 sales to date have certainly established the BeTheme multipurpose WordPress theme as an all-time favorite among web designers.
In truth, “multipurpose” doesn’t do BeTheme justice. Users might argue that “all-purpose” would be a more accurate description.
Be’s 40+ core features give web designers plenty to work with in terms of page-building tools, design aids, design options, and special effects.
Most notably:
Click on the banner to learn more about Be’s other core features.
Timezy will help you create a booking environment that works best for your business by allowing clients and customers to book your services as easily as possible. You can then integrate Timezy into your website to streamline and speed up your booking operation.
If you lack a website of your own, Timezy will provide you with a modern web page you can customize to fit your brand for clients to book appointments at any time.
wpDataTables is the top-selling and most powerful WordPress table and chart-building plugin on the market. There are other good ones, but their table and chart-building capabilities quickly become inadequate as you go down the list of what wpDataTables can do that most others cannot.
wpDataTables key features and capabilities:
You can also brighten up or improve a table or chart’s readability by highlighting or color-coding key information.
Click on the banner to find out more about what this plugin can do for you.
LayerSlider is not for sliders only. This multipurpose WordPress tool can also be used to create eye-catching animations and engaging content.
This popular design tool has been assisting web designers for nearly a decade and serves millions of active monthly users.
Amelia is a user-friendly WordPress booking plugin you can use to manage your appointments and events on a single platform.
Amelia can service multiple business locations.
With its more than 80.000 sales to date, Uncode has become one of ThemeForest’s all-time best sellers.
Uncode has a comprehensive library of tutorial videos and a showcase of user-created websites that is well worth visiting.
Created with perfection in mind, Total is nonetheless an extremely user-friendly WordPress theme.
Click on the banner to learn more.
Dr. Link Check saves you the inconvenience of having to periodically conduct a manual search of your site for broken links.
Dr. Link Check inspects for:
Dr. Link Check publishes downloadable daily, weekly, or monthly reports.
Mobirise is not only a top tool for creating fast, responsive, user-friendly websites. It also has the advantages of being offline. Mobirise is also free.
Factors that contribute to Mobirise’s excellent performance include:
Click on the banner to download your very own copy.
When a website builder is fast, free, responsive, user friendly, and Google-friendly as well, it is certainly worthy of consideration.
The 8b website builder:
Download your copy now.
WhatFontIs, with its database of more than 700K commercial and free fonts and font-finding AI functionality enables you to identify fonts from images you upload.
This top-of-the-line font-finding tool:
Litho is a responsive multipurpose Bootstrap 4 HTML5 template that gives startups, design agencies, and other businesses an ideal website-building starting point.
Litho’s features include:
Litho offers 5-star professional support.
XStore may be the best tool anyone could have at their fingertips when looking for a fast and easy way to create a high-performance eCommerce website – for only $39.
XStore’s key features include:
GOODIE’s web development platform assists clients who are eager to get a professionally-coded website quickly up and running.
GOODIE’s services focus on:
GOODIE’s specialties include 1-10 page, WordPress, and eCommerce websites.
There are several excellent reasons for letting Heroic Inbox manage your business’s departmental email inboxes.
They include:
Two key Heroic Inbox features are its smart workflows and a fast and friendly UI.
Every web designer owns a toolbox of tips and tricks they use in their website building projects. Even when a toolbox is superbly stocked, it is always challenging to keep it up to date. Doing so requires maintaining a knowledge of the latest and greatest web design resources and tools—some of which you may need to meet ever-changing industry demands.
This article features the top tools & resources for designers and agencies for 2021. Choosing one or more of them could not only help you stay on top of your game but could even make your day.
The post 15 Useful Tools & Resources Worth Checking Out first appeared on Webdesigner Depot.
