How Can Data Professionals Increase Conversion Rates in 2024?
We all have mastered the science of maximizing outputs from the given data in the last decade. However, converting that data into meaningful insights is the real challenge and opportunity! Over the years, a swaddle of 3rd party products has claimed higher ROI, either by optimizing ad spending, improving data analysis strategies, or overhauling the backend. And yet, the website conversion rates across all sectors haven’t crossed 2.5% in 2023
If the average user appetite to purchase has increased and the internet bandwidths have improved, why have the conversion rate numbers not improved? This post discusses often-overlooked strategies to improve website conversion rates and how data professionals can help.
What Is ChatGPT?
Artificial Intelligence is advancing rapidly, and ChatGPT is one of the most talked-about AI tools right now. But what is ChatGPT, and how does it work? Read on to learn more. What Is Artificial Intelligence? Artificial Intelligence, or AI, is...
The post What Is ChatGPT? appeared first on Treehouse Blog.
Digital wallets and assets for WooCommerce
How to Create a Sticky Header in WordPress (4 Methods)
Using Unblocked to Fix a Service That Nobody Owns
Working in technology for over three decades, I have found myself in a position of getting up to speed on something new at least 100 times. For about half of my career, I have worked in a consulting role, which is where I faced the challenge of understanding a new project the most.
Over time, I established a personal goal to be productive on a new project in half the time it took for the average team member. I often called this the time to first commit or TTFC. The problem with my approach to setting a TTFC record was the unexpected levels of stress that I endured in those time periods. Family members and friends always knew when I was in the early stages of a brand-new project.
How to Delete WordPress Sites Like They Never Existed At All
You no longer want your WordPress site. Maybe you hate your theme—or maybe everything’s broken. Regardless, you want it gone: …
How to Delete WordPress Sites Like They Never Existed At All Read More »
The post How to Delete WordPress Sites Like They Never Existed At All appeared first on .
Getting Started With AI Functions
This past week we went "all-in" on AI functions. An AI function is the ability to create AI assistant logic, allowing the chatbot to "do things," instead of just passively generating text.
To understand the power of such functions you can read some of our previous articles about the subject.
Useful CSS Tips And Techniques
If you’ve been in the web development game for longer, you might recall the days when CSS was utterly confusing and you had to come up with hacks and workarounds to make things work. Luckily, these days are over and new features such as container queries, cascade layers, CSS nesting, the :has
selector, grid and subgrid, and even new color spaces make CSS more powerful than ever before.
And the innovation doesn’t stop here. We also might have style queries and perhaps even state queries, along with balanced text-wrapping and CSS anchor positioning coming our way.
With all these lovely new CSS features on the horizon, in this post, we dive into the world of CSS with a few helpful techniques, a deep-dive into specificity, hanging punctuation, and self-modifying CSS variables. We hope they’ll come in handy in your work.
Cascade And Specificity PrimerMany fear the cascade and specificity in CSS. However, the concept isn’t as hard to get to grips with as one might think. To help you get more comfortable with two of the most fundamental parts of CSS, Andy Bell wrote a wonderful primer on the cascade and specificity.
The guide explains how certain CSS property types will be prioritized over others and dives deeper into specificity scoring to help you assess how likely it is that the CSS of a specific rule will apply. Andy uses practical examples to illustrate the concepts and simplifies the underlying mental model to make it easy to adopt and utilize. A power boost for your CSS skills.
Testing HTML With Modern CSSHave you ever considered testing HTML with CSS instead of JavaScript? CSS selectors today are so powerful that it is actually possible to test for most kinds of HTML patterns using CSS alone. A proponent of the practice, Heydon Pickering summarized everything you need to know about testing HTML with CSS, whether you want to test accessibility, uncover HTML bloat, or check the general usability.
As Heydon points out, testing with CSS has quite some benefits. Particularly if you work in the browser and prefer exploring visual regressions and inspector information over command line logs, testing with CSS could be for you. It also shines in situations where you don’t have direct access to a client’s stack: Just provide a test stylesheet, and clients can locate instances of bad patterns you have identified for them without having to onboard you to help them do so. Clever!
Self-Modifying CSS VariablesThe CSS spec for custom properties does not allow a custom property to reference itself — although there are quite some use cases where such a feature would be useful. To close the gap, Lea Verou proposed an inherit()
function in 2018, which the CSSWG added to the specs in 2021. It hasn’t been edited-in yet, but Roman Komarov found a workaround that makes it possible to start involving its behavior.
Roman’s approach uses container-style queries as a way to access the previous state of a custom property. It can be useful when you want to cycle through various hues without having a static list of values, to match the border-radius
visually, or to nest menu lists, for example. The workaround is still strictly experimental (so do not use it in production!), but since it is likely that style queries will gain broad browser support before inherit()
, it has great potential.
hanging-punctuation
is a neat little CSS property. It extends punctuation marks such as opening quotes to cater to nice, clean blocks of text. And while it’s currently only supported in Safari, it doesn’t hurt to include it in your code, as the property is a perfect example of progressive enhancement: It leaves things as they are in browsers that don’t support it and adds the extra bit of polish in browsers that do.
Jeremy Keith noticed an unintended side-effect of hanging-punctuation
, though. When you apply it globally, it’s also applied to form fields. So, if the text in a form field starts with a quotation mark or some other piece of punctuation, it’s pushed outside the field and hidden. Jeremy shares a fix for it: Add input, textarea { hanging-punctuation: none; }
to prevent your quotation marks from disappearing. A small tip that can save you a lot of headaches.
aspect-ratio
Issues
The aspect-ratio
property shines in fluid environments. It can handle anything from inserting a square-shaped <div>
to matching the 16:9 size of a <video>
, without you thinking in exact dimensions. And most of the time, it does so flawlessly. However, there are some things that can break aspect-ratio
. Chris Coyier takes a closer look at three reasons why your aspect-ratio
might not work as expected.
As Chris explains, one potential breakage is setting both dimensions — which might seem obvious, but it can be confusing if one of the dimensions is set from somewhere you didn’t expect. Stretching and content that forces height can also lead to unexpected results. A great overview of what to look out for when aspect-ratio
breaks.
CSS Grid has taken layouts on the web to the next level. However, as powerful as CSS is today, not every layout that can be imagined is feasible. Masonry layout is one of those things that can’t be accomplished with CSS alone. To change that, the CSS Working Group is asking for your help.
There are currently two approaches in discussion at the CSS Working Group about how CSS should handle masonry-style layouts — and they are asking for insights from real-world developers and designers to find the best solution.
The first approach would expand CSS Grid to include masonry, and the second approach would be to introduce a masonry layout as a display: masonry
display type. Jen Simmons summarized what you need to know about the ongoing debate and how you can contribute your thoughts on which direction CSS should take.
Before you come to a conclusion, also be sure to read Rachel Andrew’s post on the topic. She explains why the Chrome team has concerns about implementing a masonry layout as a part of the CSS Grid specification and clarifies what the alternate proposal enables.
Boost Your CSS SkillsIf you’d like to dive deeper into CSS, we’ve got your back — with a few friendly events and SmashingConfs coming up this year:
- Advanced Modern CSS Masterclass with Manuel Matuzović, June 24 – July 8
- SmashingConf Freiburg 2024 🇩🇪 — The Web, Sep 9–11
- SmashingConf New York 2024 🇺🇸 — Front-End & UX, Oct 7–10
- SmashingConf Antwerp 2024 🇧🇪 — Design & UX, Oct 28–31
We’d be absolutely delighted to welcome you to one of our special Smashing experiences — be it online or in person!
Smashing Weekly NewsletterWith our weekly newsletter, we aim to bring you useful, practical tidbits and share some of the helpful things that folks are working on in the web industry. There are so many talented folks out there working on brilliant projects, and we’d appreciate it if you could help spread the word and give them the credit they deserve!
Also, by subscribing, there are no third-party mailings or hidden advertising, and your support really helps us pay the bills. ❤️
Interested in sponsoring? Feel free to check out our partnership options and get in touch with the team anytime — they’ll be sure to get back to you as soon as they can.
15 Wix Website Examples Every Beginner Should Steal From
If you’re new to the website building game, there isn’t a better place to start than with Wix. Everything about …
15 Wix Website Examples Every Beginner Should Steal From Read More »
The post 15 Wix Website Examples Every Beginner Should Steal From appeared first on .
Enhancing Website Security: Seamless Authentication and User Management Integration of WordPress with Feather.js
In the dynamic realm of web development, establishing a secure and user-centric environment stands as a fundamental imperative. The amalgamation of WordPress, renowned for its robust backend capabilities, with the versatile frontend framework Feather.js, presents a compelling avenue for developers to implement sophisticated authentication and user management systems. This article delves into the significance of […]
The post Enhancing Website Security: Seamless Authentication and User Management Integration of WordPress with Feather.js first appeared on WPArena and is written by Nur ul Ain.