For those of you who actually look here, and I’m thankful for all that do, you may have noticed a rather drastic change in colour scheme and an entire redesign of the home page.
Archive for Web Design
I always try to follow up a negative, ball-slicing rant with something positive. Both for my own mental health and those mysterious ghost readers of my blog (which I probably don’t have anyway).
Adobe is usually one of my favourite companies to take a crap on. Sure, they often deserve it. Being so big and bloaty and annoyingly necessary. This time though, they’ve really done it.
I’m talking about Edge Animate.
Stop the world, you’ve finally done something GOOD and USEFUL. I’m surprised I’m saying that. Just saw a talk this morning at FITC from Sarah Hunt from Adobe. Quite frankly, i’m impressed.
There is: Adobe’s Edge Animate.
If you are familiar with Flash or After Effects, this will be a breeze. Hell, its better than dealing with Flash and its annoying tweening system. Make your vector animations using their keyframe editor, handily making automatic keyframes and transitions (formerly known as tweens for the former flash heads) . Then, you get to spit them out as a bunch of css and js files. That simple.
About time. Though I feel bile rising in my throat in grudging, I have to say: “thank you, Adobe”.
There are times where we don’t want a lot of useless features and especially don’t want annoying restrictions. Sometimes, all we want to do is stick a bloody video into a webpage and play it. Not mess with youtube or license-rape and certainly not shell out for something that (if we weren’t so lazy) we could make in flash.
Enter f4player by Goker Cebeci. Its simple, its lightweight (like 10kb light!), it gets the job done. Best feature is it’s free and open source. No painful installations, configurations or bullshit. It just works.
Of course, documentation is … sparse, but it can be figured out very easily, simply upload the player swf, the skin swf, your video and an optional thumbnail jpeg. Paste some embed code and set your flashvars as desired. Bang. Your video is up and playing. It is just that simple.
Source is included so you can, if you are feeling tinkery, mess with it in every conceivable way and even make your own skins.
Of course, be a good open-source citizen and chuck the guy some bucks for his hard work, and of course honour the GPL3 license.
Just messing about with my stylesheets as usual. Always loved the CSS3 box-shadows and was looking for something to replace the lame blue borders I have on my divs. So I came up with a qickie universal box-shadow inset effect that can be applied to any div (indeed, any block-level element). It does not use inset so you won’t have to adjust your inner content, but it will take up more space around the div so you might want to watch your crowding. Anyway, here’s the code:
box-shadow: -4px 0px 4px 2px rgba(0, 0, 0, 0.25),4px 0px 4px 2px rgba(255, 255, 255, 0.25),0px -4px 4px 2px rgba(0, 0, 0, 0.25),0px 4px 4px 2px rgba(255, 255, 255, 0.25);
Since it uses only 25% black and 25% white as colours, it will go with pretty much anything. Of course play with the parameters and your background colours to suit your taste.