Learn web design and development knowledge here

/Articles

• Building a Testimonial Slider with Touchpad and Mouse Support: Part 2 - CSS Styling

  In the past, building a slider meant wrestling with heaps of JavaScript. Now, thanks to modern CSS features like @starting-style, scroll-snap-type, scroll-snap-align, scroll-state, and @container-query, plus the SnapEvent interface, we can create a smooth slider that works with touchpad navigation right out of the box. Add a bit of JavaScript, and you’ve got mouse support too. In this second part of a series, we focus on the CSS styling, leveraging modern CSS features to create a responsive and visually appealing slider. The final part will cover the JavaScript functionality to enhance user interaction.

  development

  By Alex

  09 April 2025

• Turning research into results: The full journey of content-first design in SaaS

  This blog walks through the full process of creating a content-first website for a SaaS product, from research to copywriting to design execution. Using Flowbit as a case study, it shows how aligning strategy, structure, and storytelling leads to conversion-focused design. You’ll learn how to define user goals, map them into content, translate the content into design, and ensure every decision supports clarity, consistency, and results.

  design

  By Tom Yan

  08 April 2025

• Building a Testimonial Slider with Touchpad and Mouse Support: Part 1 - HTML Structure

  In the past, building a slider meant wrestling with heaps of JavaScript. Now, thanks to modern CSS features like @starting-style, scroll-snap-type, scroll-snap-align, scroll-state, and @container-query, plus the SnapEvent interface, we can create a smooth slider that works with touchpad navigation right out of the box. Add a bit of JavaScript, and you’ve got mouse support too. In this first part of a series, we focus on the HTML structure, leveraging semantic elements. Future posts will cover the CSS styling and JavaScript functionality.

  development

  By Alex

  06 April 2025

• How to do effective SaaS web design research in 5 easy steps

  This guide breaks down a 5-step process to conduct SaaS web design research that boosts conversions by understanding user needs, product value, and market positioning.

  strategy

  By Tom Yan

  06 April 2025

• How to choose the right web development partner for your company

  This article examines the benefits and challenges of partnering with freelancers, web agencies, and boutique web agencies to help you identify the best web development solution for your business needs.

  strategy

  By Tom Yan | AT Studio

  30 March 2025

• Mastering CSS Pseudo-Classes: :is(), :where(), and :has() – A Guide for Developers with JavaScript Insights

  Is CSS a programming language, yes, no, maybe so? Today, we’ll explore how pseudo-classes like :is(), :where(), and :has() bring JavaScript-like logic to CSS, pushing it closer to a programmatic powerhouse.

  development

  By Alex

  29 March 2025

• How to design a website that’s professional, persuasive, and result-driven

  A professional website boosts credibility, enhances user experience, and aligns with business goals. Instead of relying on generic templates, this guide walks you through creating a custom website step by step—from defining goals and understanding your audience to wireframing, typography, and refining your design. Learn how to build a high-performing website that stands out and drives results.

  design

  By Tom Yan

  15 March 2025

• Web Development Process: Building Lasting Websites

  Building a website that lasts requires a structured approach beyond coding. ATStudio's web development process starts with understanding business goals and audience needs, followed by meticulous planning and collaboration. We use semantic HTML, reusable components, and thorough testing to ensure your website is high-performing, accessible, and easy to maintain. This blog post will walk you through each step, from initial concept to final deployment, offering insights into creating websites built to endure.

  development

  By Alex

  10 March 2025