Ever wanted to just sketch an interface, press a button, and get a working website? Well, now you can at makereal.tldraw.com.

Searching for a tool to make cross-platform design a breeze? Desperate for an extension that helps you figure out the HTML code of that fantastic color palette? Looking for a trick that will supercharge your productivity this year? We’ve got you covered.

While we love the holidays, too much of a seasonal theme can get overwhelming. Thankfully, these design trends strike a nice balance.

We’re living in somewhat of a CSS renaissance with new features, techniques, experiments, and ideas coming at us to an extent we haven’t seen since “CSS3”. It’s easy to feel overwhelmed when your profession seems to be advancing at breakneck speed, but it’s just as easy to be excited and inspired by what’s possible today that wasn’t even one year ago. While the complexity of CSS seems to be an ongoing discussion, Geoff Graham considers the ways “modern” CSS in 2023 has actually made CSS “easier” to write.

The rise of generalists in the AI era

In this video you will see my step by step process for creating a functional website. From the initial stages of speaking with my client to delivering a beautiful website, you will see my start to finish steps in this video. If you are a website designer looking for inspiration on building your own process, I hope this helps!

Since 2008, we have curated 8240 Single Page websites. Learn more about One Pagers or submit yours to get featured to 150k designers, devs & makers each month.

What does Sitemap Indexing button in Webflow do? Learn what happens if you turn sitemap indexing on or off.

Spline is a powerful 3D design tool that now natively integrates with Webflow allowing anyone to create fun, interactive and performant 3D animations. Join Aron Korenblit from Webflow and Gábor Pribék from Spline to learn the basics of Spline, how to import your Spline scenes into Webflow and how to use Webflow interactions to animate your Spline scenes for your site.

Custom code that you can add to your Webflow website to add extra functionality.

A collection of 56+ resources created by the community all in one place

webflowtools.com (Q4 Launch)

A website that has custom Swiper JS sliders for Webflow.

Today, I'm going to show you a new emerging UI design trend heading into 2024 that utilizes grid design much more than in the past. I'll feature 8 examples, and then my own custom design styled in the 2012 era, the present era, and finally with this new emerging trend.

Personalized experiences for Webflow sites. Deliver dynamic content to your visitors with no-code and low-code.

Want to create beautiful designs that feature Webflow's interface? Check out this @figma community file:

Let's learn how to do super easy light and dark mode variations inside of Webflow that adapt based on the user's settings! (no Javascript required!)

Today, I'm going to test out the brand new ChatGPT Vision to see just how well it can take 3 different UI design mockups, and translate them to the browser with HTML, CSS, and even JavaScript.

Starting "Daily Bitflows" - a series where I'll share the most impactful thing I have worked on recently. Expect a blend of animations, interactions, and custom code solutions. Stay tuned & join me on this journey of these daily bits!

You asked for it, so here it is: Flowcard - a free @webflow + @splinetool landing page cloneable is live! As usual, all animations done in Webflow. - Live link: https://flowcard-site.webflow.io

Do you feel stuck with your layout skills? Do you find it hard to understand how to get to an advanced level in your compositions? To break free from designing cookie-cutter websites you need to be able to break the rules and create unique layouts that are tailor made to your client. In this video, we will cover 9 advanced tips of layout and composition in Web Design. These are dos and don’ts from a professional Web Designer with examples, that if you put them into practice, they will inevitably help you take your Web Designs to the next level. You could almost call this a layout & composition course for Web Design. Hope you find it useful!

Variables allow you to create a consistent design system for your site. You can create variables for size, color, and font styles and reuse them for a consistent and faster design experience. When you update a variable value, that change will update everywhere it’s used on the site, even on elements in different classes.

A casual Christmas meetup for the Manchester Webflow community. Expect secret santa, food, mulled wine and perhaps a mooch round the Christmas markets. Exact restaurant/venue to be confirmed once we have attendance numbers, feel free to email isabel@designsie.co.uk with any suggestions!

Do not post User Content that creates or may create a risk of harm, loss, damage, physical or mental injury, emotional distress, death, disability, disfigurement, or physical or mental illness to you, to any other person or group of people, to any animal or to any property.

Finally, an SEO extension built for full-time SEOs Join 150,000 users getting SEO insights in a click. 100% free.

I’ve audited over 1,000 websites to help with their SEO. This includes multi-billion dollar brands, SaaS companies you might know (Ahrefs, ConvertKit, Kinsta), large affiliate sites and everything in between. Here are some of the most common problems I find

Creating a great portfolio is hard. So, in Saturday’s space, we’ll discuss: - Portfolio do’s & don’ts - Choosing your best work - How to stand out PLUS, we’ll also showcase our fav portfolios and dissect what makes them awesome. Set your reminder ↓

Business of Webflow: Pricing Strategies

I wanted to share that today will be my last day @webflow . I feel so fortunate to have worked with this talented team. I can't wait to see all they'll accomplish next, and I'll always be rooting from afar.

Peak performance mind hack explained in 7 minutes.

The state emerges from a radical alteration in normal brain function. In flow, as attention heightens, the slower and energy-expensive extrinsic system (conscious processing) is swapped out for the far faster and more efficient processing of the subconscious, intrinsic system. “It’s an efficiency exchange,” says American University in Beirut neuroscientist Arne Dietrich, who helped discover this phenomena. “We’re trading energy usually used for higher cognitive functions for heightened attention and awareness.”

Unfortunately, even though research in this area holds considerable promise, unless you’re studying toilet bowl dynamics or lubrication theory, “flow” doesn’t sound like a sober scientific topic. And who hasn’t used the term colloquially, thinking that “going with the flow” was more hippie holdover than a technical description of actual experience.

Flow states have been shown to help people reach peak performance, yet this elusive state is not easily attained. The review describes the current state of literature on flow by addressing the environmental influences as well as the cognitive and neurocognitive elements that underlie the experience. In particular, the research focusses on the transition of cognitive control from an explicit to an implicit process. This is further expanded upon to look at the current, yet related neurocognitive research of high performance associated with the implicit process of automaticity. Finally, the review focusses on transcranial direct current stimulation (tDCS) as a novel method to facilitates an induction of flow states. Implications are aimed at a general technique to improve on skill acquisition and overall performance.

Peak performance mind hack explained in 7 minutes.

a flow state, also known colloquially as being in the zone, is the mental state in which a person performing some activity is fully immersed in a feeling of energized focus, full involvement, and enjoyment in the process of the activity

Flow is a state of full task engagement that is accompanied with low-levels of self-referential thinking. Flow is considered highly relevant for human performance and well-being and has, therefore, been studied extensively. Yet, the neurocognitive processes of flow remain largely unclear. In the present mini-review we focus on how the brain's locus coeruleus-norepinephrine (LC-NE) system may be involved in a range of behavioral and subjective manifestations of flow. The LC-NE system regulates decisions regarding task engagement vs. disengagement. This is done via different modes of baseline and stimulus-evoked norepinephrine release. We emphasize the theoretical and empirical overlap between the LC-NE system and flow. For both, a match between a person's skill and task challenge is important in order to induce high levels task-related attention. Moreover, psychophysiological indicators of LC-NE system activity, such as eye pupil diameter and arousal are also sensitive to flow states. Flow is related to arousal in an inverted U-shape. Similarly, in theories on the LC-NE system, task engagement is highest with intermediate levels of arousal. We argue that knowledge about the role of the LC-NE system in establishing the flow experience may help to gain fundamental knowledge of flow and can contribute to unifying various empirical findings on this topic.