Lennard Nelson Furniture Branding
LNF is a very small company in it's embryonic stages. They asked for a simple, clean logo design that would represent their modern architectural design style.
Random Member
Homer Gaines
developer & designer
Which Submit Button?
Playing around with the "launch" metaphor, I was thinking about using the little rocket in place of the "+" on the submit button. I like the rocket but at the same time, not sure if it works for this particular project. Thoughts?
ChannelShift Launch Notification Page
After getting the thumbs up on the logo design I've started working on a simple launch page for a client. Functionally It's a straight forward form that only collects the email address.
Updated image with variation on the bottom.
New tool helps Photoshop users design for Android
http://code.google.com/p/android-ui-utils
Android Design Preview is a tool that lets you mirror your desktop to your Android device. youtube.com/…
Airborneapps Holiday Logo
Working on ideas for an Airborneapps holiday card and here's an adaptation of the logo for the holidays. I'm still working on the rest of the card.
STANDARDISE THE APPEARANCE OF WEB DROP DOWN LIST
http://favbulous.com/post/460/standardise-the-appearance-of-web-drop-down-list
Drop-down list also known as "select list", "listbox", is one of the most common form user interface control you will encounter when you make form. We know how it works, how to use it but the appearance of drop-down list is out of our control. Hate it or Ignore it, different OS and different browsers, they render the way drop down list is totally different, inconsistent and simply annoying.
Simple Navigation - No Images
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>Simple Navigation</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"></script>
<style type="text/css">
*{margin:0px; padding:0px;}
#parent {
}
#box1, #box2, #box3, #box4 {
text-align: center;
background: #000;
padding: 40px;
width: 200px;
color: #fff;
margin:15px;
border-radius: 5px;
font-weight: bold;
float:left;
display:block;
cursor:pointer;
}
</style>
</head>
<body>
<div id="parent">
<div id="box1" class="box">Button 1</div>
<div id="box2" class="box">Button 2</div>
<div id="box3" class="box">Button 3</div>
<div id="box4" class="box">Button 4</div>
</div>
<script>
$(".box").mouseover(function(){
$(this).stop(true).animate({"margin-top": 10, opacity: .5}, 200);
});
$(".box").mouseout(function(){
$(this).stop(true).animate({"margin-top": 15, opacity: 1}, 200);
});
</script>
</body>
Just thought I share this for anyone who is new to Javascript and or jQuery. It's a simple horizontal navigation bar. CSS is used to create each button and js is used in the interaction.When the user rolls over the button, it slides up. When the user rolls off the button, it slides back down.
No images were harmed in the making of this navigation :)
If you don't like js, check the link provided by @jwilsson for an all css version.
Breakpoint.js - Responsive Web Plugin
http://www.webdesignshock.com/useful-plugin-for-responsive-web-designs/
Breakpoints generally speaking are browser and/or devices sizes that you can target using responsive design techniques. Typically, breakpoints are defined at 320px wide, 480px wide, 768px wide and 1024px wide to support the full range of mobile and desktop browsers that might hit your site.
Airborneapps Logo Family
, I'm happy with the new type face.](https://forrst-live.s3.amazonaws.com/posts/snaps/121358/original.jpg?1322665304)
Here's the logo family for Airborneapps. Unlike my earlier post, I'm happy with the new type face.