Big releaseparty for Sluggo Beat Experience!

At last!

Sluggo Beat Experience is finaly released. Ready for world domination. 

This first big step on my Sluggo journey is over. A personal dream an vision as ended. I'm so happy to make this bird fly. 

Take a look at the demo at CodePen: http://codepen.io/steffodimfelt/pen/PNBEaG

And the live site of actor Pontus Olgrim: http://pontusolgrim.se/

The next step

The development of Sluggo Beat have giving me some new ideas to further examine. One thing is to update Sluggo Pins from Mark II to Mark III. 

Stay tuned. Peace out!

Sluggo Beat XP - Pre-release

The Sluggo Beat has been delayed a month. I'd some minor drawbacks, but now I got some final adjustments and tweaks before I can rekease it. 

But that's not entirely true. I've build a website based on Sluggo Beat. My good friend Pontus Olgrim needed a new site and I took the opportunity the get some live action. 

 And yes. There were some tweaks before it worked out. On the upper hand - the changes makes Sluggo even better. 

Check out Pontus at http://pontusolgrim.se

Sluggo Beat XP - WIP - Adjust the Sluggo Plates

After my séjour with Sluggo Pins Mark II, I'm now back on track with Sluggo Beat.

I've nearly lost my track, so I started with an easy part - adjusting the textcolumns.

The Beat is sketchy in this part and the code is long-winded. I'll let it be, for now, because it works, and return to it later on and work it through. Maybe I'll find a pattern and make a function to get rid of some codelines. 

The Beat has ten basic wireframes/grids. Every grid have five parts - aka Sluggo Plates - one header, one footer, two main content plates and one aside plate. 

Every Plate is slightly different and will act a little bit on its own, but still have the feeling of being a part of the same family.

The Main Plates with responsive text columns.

I've put my effort on each Plate to deliver the best seamless user experience from zero pixel to infinity width. 

The challenge is to constantly check everything at every width. 

My goal with the textcolumns is to make the most pleasent reading experience at any screen size. The lines must have a comfortable width and should not be to long or to short. Sluggo Beat is intendend to be a smooth lean machine and every detail must be considered (or be taken away). 

Content is still King and every bump on that road must be even out. 

Sluggo Beat XP - WIP - Hotdish Navigation

The basic mobile version number 1 of Sluggo Hotdish is set. 

Went trough some minor issus about the logotype and the hamburger-icon. I wanted them horizontal AND vertical centered. 

My first idea was a function that calculated the height of the navigation-bar and the height of the logotype and hamburger-icon to give equal padding on all sides. 

The result turned our terrible - the logotype made a jump when it positioned after the page where loaded. For my defence I could only say that it was late at night...

The perfect solution just involve this easy CSS (Thank God!):

#Logotype
{
width:80%;
height:100%;
position: relative;
}

#Logotype img
{
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
}





Sluggo Beat XP - WIP - Navigation

Ahhh... Responsive navigation menu. My Nemesis. My shadow. My agony.  I've done dozens of them and they are different everytime. None of them works flawlessly. 

Navigation is The Great Blue of webdev - big, deep and endless. There is help to get - if you have the time and put som effort to it - but for me none of them fits like I wanted them to. 

Time to develop a real tesponsive navigation -  Sluggo Hotdish...

The Vision of Sluggo Hotdish

My vision for Sluggo Hotdish (besides the responsive part):

1. Easy to use

2. Easy to integrate

3. Easy to maintain

Easy to use

The easy to use issue is the most important part in every Sluggo product. I know by experince the power of easy to use. The user often wants a quick and solid solution and that's what Sluggo is all about. 

The markup must be easy to understand and the input from the user must be well documented and semantic. 

I work very hard to make smartness in the script and not force the user to understand what they should do with the snippets. 

Easy to integrate

My goal is the make it easy to Copy & Paste the codes. I prefer snippets that gives me an instant solution of my problem. 

I don't have time to read pages and complicated examples, when all I want is an easy integration. 

Sluggo Hotdish will be easy to use by itself and to be a part of the Sluggo Family. 

Easy to maintain

This on is mostly for for me. Sometimes things can be better and by that time I don't want to rewrite the whole code ( if it's not necessary). 

It's not only important to make a userfriendly product, it's also important to make you friend to yourself. 

You won't hate yourself when you want to update the code because you know that the code is well written and easy to follow.