Allusis http://allusis.net Web projects and tutorials from Allusis Productions Sat, 05 May 2012 20:13:00 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 CSS3 Flexible Box (aka flexbox) FTW http://allusis.net/2012/05/css3-flexible-box-aka-flexbox-ftw/ http://allusis.net/2012/05/css3-flexible-box-aka-flexbox-ftw/#comments Tue, 01 May 2012 23:22:02 +0000 Tony http://allusis.net/?p=517 Continue reading →]]> If you’re into UI design, or have at least dabbled with it in the past, chances are you’ve run into a situation where you have been frustrated with trying to make a number of elements float next to each other (with various widths) spanning across the entirety of a fixed area.

For example: I have a horizontal navigation with the following links:
Home | About Us | Our Services | Gallery | Contact

Not a big deal right? Well, what if I wanted them to stretch evenly across 960px, and I didn’t want to do a ton of math to figure out what the width would be for each of them individually? This sounds like a nightmare already, but what if I faced my fears and I decide to take it a step further by using something silly like padding or a border on them as well? As Smashing Magazine has said: “PERCENTAGE + PADDING + BORDER = TROUBLE.”

Well, At this point in the past, chances are I would have abandoned the idea completely but because of the lovely flexbox I don’t have to! Check out a few of my examples below as well as the more detailed article: CSS3 Flexible Box Layout Explained from Smashing Magazine for more information.

Example 01: Navigation
Example 02: Newspaper


]]> http://allusis.net/2012/05/css3-flexible-box-aka-flexbox-ftw/feed/ 0 Boombot is not your grandma’s turntable bot http://allusis.net/2012/04/boombot-not-your-grandmas-turntable-bot/ http://allusis.net/2012/04/boombot-not-your-grandmas-turntable-bot/#comments Thu, 12 Apr 2012 19:18:05 +0000 Tony http://allusis.net/?p=426 Continue reading →]]> Whether you’ve got 1, or 10,000+ DJ points on turntable.fm you know two things: 1.) you’re so completely addicted that you’re not sure how you survived on Pandora for all those years, and 2.) you’ve always been jealous of those little bots that you have stumbled upon in popular rooms. Some of greet you, some tweet you, and some just talk smack on command but one thing is for sure, none of them are nearly as cool or are nearly as well documented as Boombot is.

Right now you’re saying something along the lines of “Well, thats great dude, but what does that do for me?”  Well… what if I was to tell you that you could have your own?  Yup, it’s true! Go ahead and check out his github page for installation and usage information. Also, don’t forget to circle +Michael Belardo on Google Plus, and buy him a coffee for all of the hard work he’s put into it.

]]> http://allusis.net/2012/04/boombot-not-your-grandmas-turntable-bot/feed/ 2 I just backed Gizmachi and you should too http://allusis.net/2012/04/i-just-backed-help-gizmachi-fi/ http://allusis.net/2012/04/i-just-backed-help-gizmachi-fi/#comments Sat, 07 Apr 2012 16:23:59 +0000 Tony http://allusis.net/2012/04/i-just-backed-help-gizmachi-fi/ Continue reading →]]>

Gizmachi (a metalcore band from Newburgh, New York) wants to partner up their fans and friends, to help their second album FINALLY see the light of day! Just make a pledge, and in return you get cool Gizmachi stuff. Just think of yourself as the 6th member of the band!

Rewards include : Digital download of new album one week before release, Signed posters, Shirts, Personal thank you inside CD liner notes, Used drum heads/guitar strings, sweaty gym socks, and MUCH MORE.

Check their campaign on Kickstarter for more information

]]> http://allusis.net/2012/04/i-just-backed-help-gizmachi-fi/feed/ 0 Quote of the century http://allusis.net/2012/04/quote-of-the-century-i-dont/ http://allusis.net/2012/04/quote-of-the-century-i-dont/#comments Fri, 06 Apr 2012 19:47:42 +0000 Tony http://allusis.net/2012/04/quote-of-the-century-i-dont/ “I don’t always close my html tags because I know the browser will do it for me”

]]> http://allusis.net/2012/04/quote-of-the-century-i-dont/feed/ 0 The difference between HTML5 section and article http://allusis.net/2012/03/html5-difference-between-sect/ http://allusis.net/2012/03/html5-difference-between-sect/#comments Thu, 22 Mar 2012 13:43:23 +0000 Tony http://allusis.net/2012/03/html5-difference-between-sect/ Continue reading →]]> HTML5 introduces two new elements that pose some semantical problems concerning their use: article andsection. Most web developers get confused by these new elements. Generally speaking, the semantics of these elements is not well-defined in the HTML5 specifications.

Check out the full article by Gabriel Romanato

]]> http://allusis.net/2012/03/html5-difference-between-sect/feed/ 0 Sublime Text 2 is probably your favorite text editor. http://allusis.net/2012/02/sublime-text-2-just-replaced-t/ http://allusis.net/2012/02/sublime-text-2-just-replaced-t/#comments Sun, 05 Feb 2012 14:54:03 +0000 Tony http://allusis.net/2012/02/sublime-text-2-just-replaced-t/

]]> http://allusis.net/2012/02/sublime-text-2-just-replaced-t/feed/ 0 Dark themed CSS search and navigation http://allusis.net/2012/01/the-darkness/ http://allusis.net/2012/01/the-darkness/#comments Tue, 17 Jan 2012 04:13:48 +0000 Tony http://allusis.net/?p=121

]]> http://allusis.net/2012/01/the-darkness/feed/ 0 CSS Arrow Nav Demo http://allusis.net/2011/12/css/ http://allusis.net/2011/12/css/#comments Tue, 27 Dec 2011 02:23:14 +0000 Tony http://allusis.net/?p=61