Web design and logo inspiration…even some other cool resources!

http://coolhomepages.com/

I just got done browsing through the above site and just had to share! It provides awesome web design inspiration as well as logo design inspiration…and not only does it give you a thumbnail but a direct link so you can test and see the live site in action.

Not to mention there are freebies (which i pulled some icons from!!) and resources to find web designers, purchase a template and, my personal favorite, a side by side comparison of sites with CMS support and builders (That is here: http://coolhomepages.com/Best-CMS-Website-Builders.html)

Hope you can find it as helpful as I did! I am definitely bookmarking this into my favorites.

 

 

Your career as a designer…and what school didnt teach you

http://www.graphicdesignblender.com/critical-lessons-your-design-professors-never-taught-you

^ That above article contains some great advice and tidbits from one designer to another.

My take: We all graduate with our degree, enthused and hungry to get into our first job and start being creative like we were with all of our assignments in school, only to be severely disappointed and completely caught off guard–The fact is, its just not what we were prepared for.

Sometimes we get lucky and get one, maybe two professors that do their best to give us some real world knowledge…even their attempts pale in comparison to when you get thrown into the deep end and told to swim…or sink.

But as designers we are creative by nature (hopefully!) and innovative right? We easily can think outside the box and adapt. Point being, do not let it get you down if you feel lost at first. Take control, build up your confidence and let go of some of those “Stereotypes” and things you heard about in school and create your experience…we are creators after all!!

logo resource part2 – sports edition

Continuing on my last post, I had a colleague recommend a great site for referencing all sports logos under the sun. This site has everything from Major league to college sports logos, to minor league and teams you never knew existed.

Here is the link: SportsLogos.net

Montgomery Biscuits Logo - A cartoon biscuit next to a gold M with a navy outlineMy personal favorite; the Montgomery biscuits…it just puts a smile on my face. Nothing says Sports like a buttermilk biscuit with a butter tongue!!

Ever feel like code is laughing at you??

Well, I am in the process of coding a pretty decent sized website (at least for my skills) and ran into a pretty large hurdle. I know for most programmers and coders out there it may seem more like a small bump…maybe not even a problem at all…but I was determined to figure it out!

I feel like when I cant figure it out, or am struggling with a code problem…its taunting me. Like its saying “You cant figure it out” in that kindergarten nagging voice degrading me and my confidence. So that only makes me more determined and I find myself chanting to myself literally, “I will figure this out” over and over again.

Well turns out, I did figure it out thanks to the help from stackoverflow.com!! I always want to do a little happy dance for winning, what feels like, an all out and out battle. Well just in case anyone needs the same solution here was my dilemma and answer…and oddly enough seems really simple and still makes me feel kinda inadequate:

–How can I make the numbered links to my jquery slide show become a color when selected, stay that color until a new link is selected, and then revert to the original color when the new link is selected??

My code:

HTML:
<a href=”#” onclick=”$(‘.slideshow’).blinds_change(1); return false”>1</a>
<a href=”#” onclick=”$(‘.slideshow’).blinds_change(2); return false”>2</a>
<a href=”#”  onclick=”$(‘.slideshow’).blinds_change(3); return false”>3</a>
<a href=”#”  onclick=”$(‘.slideshow’).blinds_change(4); return false”>4</a>
<a href=”#” onclick=”$(‘.slideshow’).blinds_change(5); return false”>5</a>
<a href=”#” onclick=”$(‘.slideshow’).blinds_change(6); return false”>6</a>
<a href=”cabrini_casestudy2.html” >     &#187; </a>

CSS:
<style>
a{ color: #666335;}
a.clicked{color: #D85D27;}
</style>

Javascript:
<script type=”text/javascript”>
        $(window).load(function () {
$(‘.slideshow’).blinds();
})
$(document).ready(function(){
$(‘a’).click(function(){
    $(this).toggleClass(‘clicked’);
    });
});
    </script>

ANSWER: Swap out the javascript starting at $(document)…and replace it with the script below! Simple right??
$(document).ready(function(){
$(‘a.change_link’).click(function(){
    $(‘.clicked’).removeClass(‘clicked’);
    $(this).addClass(‘clicked’);
    });

});

Design salaries for 2012!!!

Design Salaries
Find design jobs and careers at HOW Design.

With 2012 rapidly flying by (Is it just me or is time moving faster as I age?), more and more information on 2012 design salaries continue to leak out. And I must say, so far I am liking what I am seeing! It seems our worth is on the rise according to my cross referencing. Lets all keep up the hard work and once in a while (but not too often!) give ourselves a pat on the back and reward our hard work!

Time to bite the bullet and learn jquery (or at least try)

So its time to bite the bullet and get my website back up and running! Now with many of my major deadlines met, I should be able to find (or at least make!) the time to put the finishing touches on it and get rid of my “coming soon” page.

So with that said, I haven’t done any coding in quite some time and have been trying to brush the dust off and reintroduce certain things like word press, java script, and j query…you know all those daunting, ever changing languages that look so scary and out of my realm. But I am please to announce it has actually been quite fun and intriguing.

My tip of the day for Javascript or jquery slide shows (and it took me hours to figure this out on my own…but i did it!): To prevent your page from jumping back to the top of your page when clicking on a button/number/next button for the slide show use “return false;” after your on click command. See below example from your HTML–not in the jquery code like i was digging for for about 40 minutes before I realized this:

<a href=”#” onclick=”$(‘.slideshow’).blinds_change(1); return false”>1</a>