Tag Archives: graphic design

Style vs Design

dilbert usability comic

So what’s the difference between design and style? I’ve had to explain that to quite a few clients that think all they need is a good looking website and they will make millions. It has to work and the design has to (subconsciously) show users how it works and it’s a perk if it looks [...]

Posted in Article | Also tagged , , , , , | Leave a comment

Javascript to show/hide elements update with jQuery

show-hide-jquery

I never expected it, but one of the most popular (most commented) posts on this blog is a javascript post from about 3 years ago. I was showing how to hide and show elements on a web page with some simple javascript using getElementById and altering the display or visibility attributes of the element. It [...]

Posted in review, tutorial | Also tagged , , , , , , , , , , , , , | 2 Comments

StomperNet FormulaFIVE Launch Web Design

StomperNet relaunched the popular FormaulFIVE and I was responsible for the design of the landing pages. Here are screenshots from the launch, FormulaFIVE was teased with a couple video trailers and even packaged with some bonus videos called the Cash Booster series. Go to stomperf5.com to view the page.

Posted in portfolio | Also tagged , , , , , , , , , | Leave a comment

Stomping2 Design

Stomping2.com is the Stomping the Search Engines 2 relaunch by StomperNet. I was responsible for the design and html/css implementation. Site makes use of the custom stompernet video player I created as well.

Posted in portfolio | Also tagged , , , , , | Leave a comment

Flash Video Issue: loadbar (size) vs playbar (time) usability

This deals with some issues I’m having with the seekbar of a player. The seekbar is the area that displays the video time as a bar that shows your current position/percentage of the video, it can also display the loaded portion of the video among other things as well. Including the video players I’ve made, [...]

Posted in other, review | Also tagged , , , , , , , , , , | 3 Comments

StomperNet Strikes Again! with FormulaFIVE

StomperNet has been a ‘buzz’. After Andy’s ‘Mea Culpa‘ why wouldn’t it be… But this is so much better and bigger, learning many lessons from the last launch – StomperNet strikes again! Teamed up with Paul Lemberg a new product called FormulaFIVE (F5 for short). Just launched a video to excite the industry! So check [...]

Posted in portfolio, work | Also tagged , , , , , , , , , , , , , , | Leave a comment

APB Speakers Website

Website designed and implemented for American Program Bureau. Integartes flash content and video with html, all styled with css. Mock-up designed and approved with photoshop; built and implemented with dreamweaver (html/css) and flash. Visit the live site at American Program Bureau.

Posted in portfolio | Also tagged , , , , , , , , , , | Leave a comment

Custom Flash Video Player @ FreeIQ and StomperNet

The flash video player designed and developed for Free IQ and StomperNet. Plays video and audio content for a user. I implemented 85% of the actionscript, creating intuitive interactivity and functionality. External xml plsylist, author biography display, content details, share by email, social bookmarking, get embed codes, and more. Sleek design for maximum intuitive user [...]

Posted in portfolio | Also tagged , , , , , , , , | Leave a comment

The Free Line | Logo Design

Brad Fallon had me make a Logo for his new site, The Free Line Report. About the Free Line: The Free Line is based on the concept of “Moving the Free Line� — the idea that you can grow your business, faster and more effectively, by giving away more. Today is the age of short [...]

Posted in portfolio | Also tagged , | Leave a comment

New Circle Cube Logo

Here’s the new circlecube logo! I’ve had it for a while, but hadn’t uploaded it. I still have to update my theme to incorporate it. I like the green transparent circlecube graphic in the header now but it’s gotta go… and plus it’s a little too green. The common 2d © symbol and a 3d [...]

Posted in portfolio | Also tagged , , , , | Leave a comment
  • Recent Posts

    Synth Emulator on Google Japan Doodle Today

    Synth Emulator on Google Japan Doodle Today Embedded Link Moog 自分のオリジナル曲を創って、 #moogdoodle で共有しよう。

    WordPress updates plugin directory

    New additions to the plugin directory include: favorites, incorporating support forums into it's own tab for each plugin as well as support stats being displayed! Great! I think we also need the ability to give plugins ratings and reviews (bonus points if it can be done from within a wordpress admin dashboard when installing plugins). [...]

    Short Head

    Use zipf's short head to tune your website rather than redesign the whole thing. To make a website successful it needs to meet the needs of the users. Find out what those needs are by using the short head philosophy to equate most searched things as the biggest needs of the users. Use personas to [...]

    Img Set?

    Great article at a list apart discusing the state of the industry regarding responsive images. This picks apart the set attribute of the img element from a surprisingly objective view coming from someone so close to the picture element. Insightful discussion about the principle behind the proposals than the actual solution too. If the working [...]

    Triudo

    A mesmerizing animated triangle-ish shape form. Embedded Link triduo triduo

    Git – the paradigm shift

    A great developer story about the differences on what Git is vs other version control and what Git is not. This is how we should learn it. I heard over and over that it was distributed, but never grasped what that meant, so here are a few links and explanations that will help unlearn version [...]

    Tweening Lib comes to Javascript!

    I'm very excited to share the news that the tween library from GreenSock (hands down the best tweening library I used in flash) is not ported for use in javascript! This will be great! I missed that simple syntax from as3 when animating javascript, and now I can have my cake and eat it too. [...]

    Responsive CSS Tricks

    Here are a few useful css tricks to remember when building responsive design sites from web designer wall Embedded Link 5 Useful CSS Tricks for Responsive Design Making the design to be responsive is very easy as shown in my Responsive Design in 3 Steps tutorial, but maintaining the elements to look aesthetically balanced on [...]

    Picture element of srcset attribute?

    Bruce details the reasons and story behind the srcset attribute which is now introduced as an alternative to the picture element. Some aspects of the attribute are nice (like the fact that it's an attribute and not a new element, so it's creating up new elements with for problems. It's adapting currently used elements to [...]

    SVG Preloader with Raphael JS

    Here's a very creative use of using a newly available technology. Using svg graphics which are very lightweight, for a website preloader. I like the animation used as well. Embedded Link Make a stylish preloader with SVG | Tutorial | .net magazine Many sites neglect users with slow connections. Ian Culshaw explains how to use [...]

  • Recent Comments

    Bruce Brownlee

    Bruce Brownlee

    Ah IE6. I'd have 2 more years of sleep without IE6. Margin doubling, no properties,...
    versaena

    versaena

    how to give color at runtime…… thank you
    Mobile Websites

    Mobile Websites

    I disagree, mobile websites are the future – desktop websites and mobile websites...
    Matt Fasick

    Matt Fasick

    That's cool. I like the ripple effect as well.
    Nico

    Nico

    hi! really great job guy! very impressive.. just a question… do u have a solution to do a refresh...
    Evan Mullins

    Evan Mullins

    Agreed! I've just seen some people get pretty heated about separating all functionality...