Always Learning...

How To Create A Full Page Width Layout In Adobe Muse

So I have gotten this question a lot lately and I feel terrible for just now getting to it. All in all, ever since I published our 'Digital' Adobe Muse template (which you can download here), I have received emails and comments asking how to create a full width page layout inside of Adobe Muse. Well, allow me to show you young padawan! (Sorry, Star Wars reference) 

Adding Page Transitions To Your Adobe Muse Website (Build Your Own Transition Widget)

Recently I had a pretty incredible question come up and I was really excited. Max asked if there was a way to add page transitions to an Adobe Muse website without a 3rd party widget. Well, there is a way but honestly, it is far more complex then using a widget approach. So in this article I will teach you how to BUILD your OWN page transition widget from scratch. On top of that, for those of you lazy bones out there, I will also include the completed widget in the download as well for you to use in your projects. So yes, if you really want to avoid learning anything today, feel free to download the widget along with the project files below. 

How To Create A Fixed Navigation In Adobe Muse (All About Pinning)

With the new Adobe Muse (and even the older version), pinning could be kind of confusing for new users. What does it do and how would I use it in my project? Well today I want to tackle that. Yes this is a whole post / tutorial dedicated to just pinning inside of Adobe Muse but if you haven't fully understood pinning before, you will now.  

How To Change The Text Highlighter Color In Adobe Muse (No Widgets Needed)

When it comes to web design, hopefully by now you guys know that I really focus on all of the small details as I believe that is what makes a beautiful website / user experience. Included in these small details is the text highlight function which is sometimes ignored. So, today I wanted to share with you how you can add just a small bit of code and change the text highlight color in Adobe Muse. 

Optimal Breakpoints For Responsive Web Design

Now, responsive design has been around for quite a while and with the amount of devices that have access to the internet constantly growing, it only makes knowing the best breakpoints for web design that much more important. So, in this article, I wanted to share the breakpoints I consistently use in my web design projects. 

How Place Text Inside Of Responsive Columns With Adobe Muse (No Widgets Needed)

Let's face it, Adobe Muse makes placing text columns a little complicated simply because the text doesn't redistribute evenly and each text box is it's own drawn element on the Adobe Canvas. Well, today I want to show you guys how easy it is to add CSS columns to your Adobe Muse project and we will do this without the use of widgets. Along with learning about CSS columns, we will also lightly touch on CSS Media Queries as well (the responsive breakpoints in CSS). 

How To Create A Video Background In Adobe Muse (No Widgets Required)

When it comes to design and creating truly eye catching layouts, it seems that nothing can beat video. When it is properly used, it can increase web conversions dramatically. Well, in Adobe Muse, there sadly isn't a great built in feature to use video as a hero banner or as a background so today, let's take a look at how to create a video background for our Adobe Muse website. 

Working With Un Responsive Widgets In Responsive Adobe Muse

Adobe Muse has come quite a long ways since it was first released. We are now able to keep up with today's modern web through the use of responsive / fluid design and that my friends, is incredible in itself. But for how far Adobe Muse has come, there are still some hiccups. For instance, when you go to create a contact form in Adobe Muse, you might of noticed that the form is not responsive / fluid what so ever. So how do we account for this without making our whole page / breakpoint fixed? Well, today I am going to show you how you can keep your responsive layout and still use the unresponsive widgets. 

How To Share / Export Your Adobe Muse Widget (.mucow To .mulib)

Ok, so we have spent some time learning how to build our widget and after a lot of work, we have finished it and we are now ready to share it with the world! Pretty exciting right? Except, wait... How do we share it? Well, I am going to show you how and it is pretty darn simple. 

How To Build An Adobe Muse Widget

So when I first started learning some good ol' HTML, CSS and JavaScript, the first thing I wanted to do was build some Adobe Muse widgets (simply because that is where my web career started). So I googled 'how to build a widget' and... found VERY little. There was 1 article from Creative Cloud Evangelist MichaĆ«l Chaize and it just scraped the surface of what I needed as a new found front end developer / designer. So I moved on to ask some other individuals in the 'market' and let me tell you, they won't say a thing because they are afraid it will cut into profits. So, fast forward to now and after many widgets built, I just want to share how it is done in a clean manor and show that ANYONE can build these widgets. It takes some effort but if you stick with me on these series of posts and tutorials, I will eventually show you how to make a Responsive Gallery Widget and video background widgets. Feel free to follow along with the video lesson or if that isn't your style, read the article below! 

Add A Thumbnail To Your Business Catalyst Blog Posts

Let's face it. The default layout to the blog module in Business Catalyst is pretty 'meh' and if your coming from a code-less platform like Adobe Muse, adding a thumbnail may seem like a mountain of work / code. Well, let's tackle it right now and add a thumbnail to your blog right here and now! 

Create A Full Height Navigation In Adobe Muse

Adobe Muse is a pretty awesome program when it comes to creating a website without the need of code. Sadly where Muse does fall short is in some of the necessities such as creating a full height element. You can make particular elements span the full width but... Why on earth can't you make them span the full height of the browser? Well, yes it may require a little bit of code, but today, we are going to dive in head first and learn how to create a full height element / navigation bar with a few lines of code inside of Adobe Muse.