Jump to content

Let's Get Creative with Code 👩‍💻

Recommended Posts

Posted (edited)

Is there a cool design concept that you wish Squarespace could do, but you’re not sure how to make it work? 🤔
Do you want to try a new hover effect for a button? 
A fancy animated overlay for images?
Or maybe you'd love to customize columns differently on mobile, tablet, and desktop?
 
Comment below with your creative design ideas, and include visuals if you can! There are absolutely NO limitations here – this is your chance to unleash your creativity and dream BIG about what we can achieve with Squarespace. 

Support your fellow Squarespacers and ❤️ your favorite design idea in the comments.  I'll hop back here into the forum later this month to share some creative & innovative code solutions to the most popular design ideas. Be sure to follow this post for the solutions & for design inspiration!

Edited by inside_the_square

🤓 Creator of InsideTheSquare.co
SQUARESPACE CIRCLE LEADER SQUARESPACE EXPERT SQUARESPACE EMPLOYEE EDUCATOR CERTIFIED CUSTOM CODE EXPERT

🗺️ New to Squarespace? Get your free roadmap: insidethesquare.co/roadmap
🙋‍♀️ New to CSS? Learn the basics for free: insidethesquare.co/learn
️ Ready to go pro? Get my custom code collection: insidethesquare.co/css

 

BeccaHarpain.gif.236d6ddd88c7d637645b762799f501a8.gif

 

Link to comment
  • Jo_SQSP pinned and featured this topic
Posted (edited)

Absolutely! Here are a couple of cool design concepts that would be amazing on Squarespace:

1. Interactive Micro-Interactions:

Imagine hover effects that go beyond simple color changes or fades. We could have buttons that subtly change shape on hover, or image galleries where hovering over an image triggers a subtle zoom or parallax effect.

pen_spark

 

button that morphs into a play icon on hover

2. Multi-State Responsive Layouts:

Wouldn't it be fantastic to have more granular control over responsive design? Squarespace could allow us to define different column layouts for mobile, tablet, and desktop. This would give us the flexibility to create truly optimized experiences for each device size.

3. Integrated Lottie Animations:

Lottie animations are lightweight JSON-based animations that can add a touch of magic to any website. Squarespace integration with Lottie would allow us to easily add these animations to various elements, like backgrounds, buttons, or even illustrations.

website with a Lottie animation playing in the background

These are just a few ideas, and I'd love to see what other Squarespace users come up with! Let's unleash our creativity and push the boundaries of what's possible on this platform.

Edited by Cummins456
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.