Alexo Marketing

07/11/2023

🚀 ScholarStem Website Redesign! 🎉

Introducing the all-new ScholarStem website! 🌐
📚 Explore Fresh Content
👩‍🏫 Meet Our Inspiring Instructors
🏫 Discover Staff Training Programs

Join us on the journey from Tech Users to Tech Builders! 🛠️🌟

02/11/2023

01/11/2023

Adding Form Validation Using Custom Patterns in Webflow 📋✨

Hey Webflow Enthusiasts! 🌐💡

Are you looking to enhance the user experience on your website and ensure that user-submitted data meets specific criteria? Form validation is the key! 💼🔍

In this post, we'll show you how to supercharge your Webflow forms with custom patterns to validate user input, making your website more user-friendly and error-resistant. 🚀💻

Why Custom Patterns? 🤔🧩

Custom patterns allow you to define your own rules for the data you want your users to submit. Whether it's email addresses, phone numbers, or even custom order IDs, you can create patterns that suit your unique needs. 📧📱🔢

Here's how to do it:

Open Your Webflow Project: Log in to your Webflow account and open your project.

Select Your Form Element: Choose the form element you want to add validation to.

Access the Custom Attributes Panel: Click on the form element and go to the "Settings" panel on the right. Scroll down and find the "Custom attributes" section.

Add a New Attribute: Click on the "+ Add Attribute" button and give it a name, like "pattern" (or any name you prefer).

Define Your Pattern: In the value field of the attribute, enter your custom pattern using regular expressions (RegEx). For example, if you want to validate an email address, you can use the pattern: ^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$.

Set the Error Message: Add another custom attribute, such as "data-error-message," and specify the error message that should be displayed if the pattern is not matched, e.g., "Please enter a valid email address."

Save Your Changes: Make sure to save your project to apply the custom pattern.

With these steps, your form will now validate user input based on your custom pattern, preventing incorrect data submissions and enhancing the user experience. 🛡️👌

Webflow's Custom Patterns feature empowers you to take control of your form validation, ensuring that the data collected on your website is accurate and reliable. 🎯🔒

So, what are you waiting for? Start implementing custom patterns in your Webflow projects today and watch your form submissions become more accurate and reliable. Your users will thank you! 🙌👏

Have questions or need assistance? Feel free to drop a comment below, and we'll be happy to help! Happy Webflowing! 🙋‍♂️🙋‍♀️🌟

01/11/2023

🎨 Exciting News from Alexo Marketing, Your Design Partner! 🌟

We're thrilled to unveil our latest project - a stunning website redesign for Glazura, the premium tile showroom in the Greater Toronto Area! 💎✨

👩‍🎨 Our team at Alexo Marketing worked tirelessly to create a website that truly reflects the elegance and sophistication that Glazura stands for. We've incorporated the latest design trends and user-friendly features to make your shopping experience seamless and enjoyable. 💻🎉

31/10/2023

🌸 Elevate Your Design with These 5 Captivating Boho Fonts 🌸

Are you prepared to infuse a dose of bohemian allure into your creative projects? Explore these five captivating boho fonts that are tailor-made for imparting a chic bohemian essence to your work. From whimsical script typefaces to sophisticated serif styles, you'll find a diverse selection to cater to your creative requirements. 🎨

Neo Tetra 🌟
Neo Tetra embodies modernity with a free-spirited twist, encapsulating the very soul of boho design. Its graceful lines and distinct characters make it an ideal choice for logos, invitations, and more.

Oracul Bohemian 🌈
Oracul Bohemian exudes a playful and organic charm, with its irregular letterforms and decorative elements infusing an artistic touch into your designs.

Argithea Modern 🍃
For a more polished boho aesthetic, Argithea Modern is the font of choice. It seamlessly blends elegance with bohemian charm, making it a perfect fit for branding and print materials.

Rachel Brown Bohemian 🌸
Rachel Brown Bohemian offers a delightful fusion of hand-drawn and calligraphy styles. Its natural and whimsical vibes are a perfect match for wedding invitations, stationery, and social media graphics.

Boho Rainbow Modern 🌞
Boho Rainbow Modern is a versatile font that injects a sense of fun and vibrancy into your creations. Its playful, uneven strokes provide that distinct boho twist, making it an excellent choice for posters and social media posts.

With these fonts at your disposal, you'll be able to craft remarkable, bohemian-inspired designs that will undoubtedly make a lasting impression. Whether you're working on a boho-themed wedding invitation or a boho chic brand identity, these fonts have all your creative needs covered. 🌟✨

Which font has caught your eye? Share your thoughts in the comments below! 📝

26/10/2023

✨ Check out our top 5 sources for fantastic FREE vector assets! 🌟

🎨 Vecteezy:
Calling all artists and designers! Dive into the vibrant world of Vecteezy, where you'll discover a plethora of FREE vector assets. From icons to illustrations and more, it's a creative wonderland. 🖼️🌈

📐 VectorStock:
VectorStock boasts an expansive collection of top-notch vector graphics that cater to all your design needs. Their user-friendly interface makes it a breeze to find high-quality vectors. 🎉💻

🆓 Freepik:
Freepik is a household name for FREE vectors, icons, and illustrations. Their extensive library ensures you'll find the perfect vector asset for your project, no strings attached! 🖋️🗂️

🌐 freevectors:
As the name implies, Free Vector houses a vast array of, well, free vectors! Explore a multitude of options, from patterns to icons, in this treasure trove. 🔍💫

📷 Pixabay:
Pixabay is renowned for its extensive stock photo collection, but they also offer a generous selection of FREE vector illustrations and graphics. It's your one-stop shop for all things creative. 🎨🖋️

Whether you're a pro designer or just seeking resources for a personal project, these sites have your back when it comes to snagging vector assets without emptying your pockets. Happy designing! 🚀🎨

26/10/2023

🚀 Step-by-Step Guide to Success with Webflow 🚀

Are you ready to take your web design and development skills to the next level? Webflow is a powerful platform that empowers you to create stunning websites without writing a single line of code. Let's embark on this journey with a step-by-step guide that will lead you to success in the world of Webflow! 💻🌐

1. Learn CSS in Webflow
📚 Dive headfirst into Webflow's powerful design and CSS capabilities. Whether you're a beginner or an experienced web designer, mastering Webflow's visual CSS tools will give you the freedom to bring your creative ideas to life. 🎨

2. Master SEO
🔍 Search Engine Optimization (SEO) is the key to getting your websites noticed. Learn how to optimize your Webflow projects for search engines, improve rankings, and drive organic traffic to your sites. SEO knowledge is a must for success in the digital landscape. 📈

3. Explore UX Design
📱 User Experience (UX) is at the core of web design. Explore the principles of UX design to create websites that not only look great but also provide an exceptional user experience. Understand user behavior, information architecture, and usability to make your sites user-friendly and engaging. 🤩

4. Webflow Development
💻 Now it's time to dive deeper into the technical side of Webflow. Learn about Webflow's dynamic content and interactions, and get comfortable with the platform's development capabilities. You'll be able to build fully functional websites that can do more than just look pretty. 🌐

As you embark on your Webflow journey, remember that practice makes perfect. The Webflow community is a great place to ask questions, find inspiration, and collaborate with fellow designers and developers. So, gear up and get ready to create stunning websites that stand out in the digital landscape. 🚀🎉

Are you ready to begin your Webflow adventure? Let us know in the comments! 🚀🌟

24/10/2023

🚀 Elevate Your Webflow Project with These 5 Essential Tools 🛠️

Airtable 📊
Maintain Data Integrity and Seamless Integration in Your Webflow Project with Airtable. Effortlessly Manage Content, E-commerce Products, and More.

Webflow CMS Library 📰
Turbocharge Your Webflow Content Management System with This Comprehensive Library. Simplify Content Updates and Dynamic Elements for an Effortless Workflow.

Flowbase 🌐
Discover a Treasure Trove of Templates, Components, and Tools to Elevate Your Webflow Project's Design and Functionality. Unlock the Ultimate Resource Hub!

Horizontal Scroll 📜
Revolutionize Your Website's User Experience with Horizontal Scrolling. Craft Interactive and Engaging Web Pages that Set You Apart.

Memberstack 🙋‍♂️
Enhance Your Webflow Project with Membership Capabilities. Easily Create Subscription-Based Sites or Exclusive Content Areas with Memberstack.
Harness the Full Potential of These Webflow Tools to Elevate Your Web Design and Development Skills to New Heights! 🌟

16/10/2023

🚀 Introducing the next generation of Webflow Apps and updates to our developer platform! 🌐💼

We've been hard at work to bring you the latest and greatest in web development. Get ready for a whole new level of innovation and convenience. Here's a sneak peek at what's coming your way:

🔥 New Webflow Apps: We're unleashing a lineup of cutting-edge apps to supercharge your web design and development journey.

🛠️ Developer Platform Enhancements: Our developer platform is getting a makeover with fresh tools and resources to boost your productivity.

Stay tuned for more updates, and get ready to revolutionize your web projects!

🌈💻🌟

16/10/2023

Figma just dropped their most exciting update ever at Figma Config 2023! 🚀🎉 Let's dive into some mind-blowing features like auto layout updates, advanced animations, variables, dev mode, and much more! 💡💻🌟💫



27/09/2023

🌐 Responsive Grids in Webflow 📐

Are you ready to master the art of responsive web design? 🚀 Webflow's grid system has got your back! Let's dive in and explore the magic of creating beautiful, adaptable layouts. 🌟

📏 Grid Basics 📏
Grids provide structure and consistency to your web designs. With Webflow's intuitive grid system, you can easily create columns and rows that adjust to any screen size. 📱💻

🔀 Auto-Placement 🔀
No more worrying about manual adjustments! Webflow's grids automatically rearrange content, ensuring a seamless viewing experience across devices. 🔄

📈 Flexible Sizing 📉
Control column and row sizes with pixel-perfect precision or dynamic percentages. Design freedom at your fingertips! 📐📊

🔄 Media Queries 🔄
Set breakpoints and fine-tune your layout for different screen sizes. With Webflow's media queries, you have full control over your design's responsiveness. 🖥️📱

🔥 Why Choose Webflow Grids? 🔥
Effortless responsiveness.
No coding required.
Pixel-perfect precision.
Seamless user experiences.

Ready to make your websites shine on every device? Embrace Webflow's responsive grids today! 💪🌐

27/09/2023

🌐 WHO Dashboard 📊

Hey there! 👋 Check out this sleek and informative WHO Dashboard UI design we've crafted for tracking global health data. 🚀

📈 Key Features 📉
Real-time global health data tracking 🌍
Interactive and user-friendly design 🖥️
Comprehensive COVID-19 statistics 🦠
Vaccination progress updates 💉
Region-specific information 🌏
Quick access to vital resources 📰
Explore the Dashboard 🔍

Dive into a world of health insights with just a click. Stay informed, stay safe! 📢

Stay tuned for more updates on this exciting project! 🚀💪