Tag Archives | design

New Layout for MitchKeeler.com

Oct/26 in Odds & Ends, Personal

New MitchKeeler.com Layout and Design

One thing I was able to get started on this weekend, and finished up just a few minutes ago was the new layout for MitchKeeler.com.  Being the most static of the bunch, MitchKeeler.com doesn’t just serve as my online resume – oh no.  It is the place to go if you want to know more about what it is I do, and how to get in touch with me.  More updates to come to that web site (as soon as I find that mysterious 25th hour in the day) so stay tuned, and let me know what you think of the new re-design thus far!

Read full story · Comments { 0 }

New Layout for Mitchelaneous (Give Me Your Feedback!)

Sep/27 in Odds & Ends

New Mitchelaneous Layout!

What have I been hard at work at this weekend?  A brand new layout for Mitchelaneous, my blog for tech tips, web development and geeky entertainment.  Based on the Press Box theme, I think this new layout is easier to navigate and read, but just as feature rich and useful as the old look was. 

Go check it out at Mitchelaneous.com and let me know what you think!

Read full story · Comments { 0 }

Great Web Development Bookmarklets

Sep/26 in Web Development Tutorials

Bookmarklets for Web Developers

Searching the Web for a few great bookmarklets to make your web site coding a little easier?  I have found a great collection of them over at Squarfree.com.  You can drag and drop any of these bookmarlets to your saved bookmarks to use later. 

  • test styles – Type in CSS rules to experiment or to create a temporary user style sheet.
  • edit styles – Experiment with changes to the page’s style sheet.
  • ancestors - Lists the ancestors of any element you hover over in the status bar.
  • computed styles – Lists the computed styles of an element and of its ancestors.
  • zap style sheets – Disables all style sheets.

Most of these bookmarks work for Firefox only, but a few will work with Internet Explorer and Opera too.  Go chec out the Web Development Bookmarklets page at Squarefree.com to check out the 18 other tools they have for you to use.

Read full story · Comments { 0 }

Create Free Banners, Buttons and Logos

Sep/23 in Web Development Tutorials

Create Web 2.0 Logos

With KingStyles.com, you can quickly create the Web 2.0-ish banners and images you have been looking for.  The mix of different styles, attractive shapes, and cool fonts make for a very quick and simple way to get some basic graphics created in a hurry.  All you do is select your dimensions for the image, design it and then download. 

Read full story · Comments { 0 }

10 More Great Sources for Design Inspiration

Jul/20 in Web Development Tutorials

Best Web Design Resources

Working on a logo, a web site design, or any type of graphic work?  If you are, and your stuck in the design process – not knowing where to turn next – I have ten great sources to get your inspiration back. 

  1. Open Source Vector Art – tons of logos, in vector form, to find your muse.
  2. Design Snack – a great “digg-like” layout resource, where you can vote for the best.
  3. CSS Princess – a showcase of some great unique CSS-powered designs.
  4. Desizn Tech – great blog for design lovers of any kind.
  5. Open Source Web Design – the name says it all, tons of free themes to check out here.
  6. Best CSS Gallery – check out some of the best CSS powered themes here.
  7. OriginMaker – another good blog the highlights some of the best layouts on the web.
  8. Design By Grid – tips and tutorials to help you do grid-based layouts and designs.
  9. Stylegala – awesome database of designs, layouts and resources.
  10. CSS Bag – grab a sack of design goodness or just check out the gallery of sites.

Have another favorite of yours that you would like to share?  Let me know!

Read full story · Comments { 0 }

5 Simply Amazing Color Tools

Jun/22 in Online Apps

Searching for the right tools for the job on the Web can sometimes be a difficult task to achieve.  Sure, there are many color tools out there to choose from, but which ones are just simply amazing?  Here are five tools I will bet you will be bookmarking soon. 

color contrast checker

checkmycolours – here you have a tool for checking the foreground and background color combinations of all DOM elements and determining if they provide enough contrast for those who may have color deficits.

ColourGrab.com – Type in the URL of any online image, and this online tool will grab the HTML color codes for that image.

share color pallettes and news

COLOURlovers – Ever wanted a resource that monitors and influences color trends?  Did you ever know there were trends in colors?  Submit color palettes or review design and color news.

ColorBlender – Need an online tool that will help you match and blend colors?  Choose a preferred color using the color picker, and a 6-color matching palette (a “blend”) will be automatically calculated.

colors come to life in 3D!

ColoRotate – This one is just a fun one to play with.  In 3D, you can see the multidimensional nature of the colors you have picked.  What does that really mean?  You get to drag your mouse over and around a color diamond to help you find the right color scheme. 

Know of another great color resource or which one of these is your favorite?  Let me know!

Read full story · Comments { 0 }

Google is Connecting Friends

Apr/03 in Online Apps, Web Development Tutorials

I have seen this Google Friend Connect service coming up more and more via the web sites I visit, so I thought I would look a little more into the service.  Google wants to help you grow traffic by adding social features to your web site.  Now how do you do it?

How Does Google Make Things More Social?

Once you setup a site with Google Friend Connect, you can select from a number of different widgets you can place on your site.  When visitors sign up for your site through the friend connect service, they can do so via their login information with Google, Yahoo, AIM, or their OpenID account. 

The idea here is to make your web site more social.

This video does a good job at giving a good summary of the entire service:

Overall, I think Google Friend Connect is something worth checking out and looking into.  I like the openness of it all, and can’t wait to see more people use it so we can get more widgets developed for it.

Read full story · Comments { 0 }

15 Favorite CSS and Design Resources

Sep/23 in Web Development Tutorials

Want to know a little more about the world of CSS (Cascading Style Sheets) and design?  Here are some great places to get started.

Know of anymore great links?  Leave a comment on this post, and share with the rest of the group.  Really looking forward to seeing which ones you like the best.

Read full story · Comments { 0 }

OneNews – Create a List of News

Aug/14 in Web Development Tutorials

OneNews for WordPress in Action The popurls-style of lots of sources on one page is a very interesting one that a lot of people have tried to copy.  Here is a theme for WordPress however, that will get you off on the right foot. 

OneNews does a great job at giving you a WordPress powered multiple news headlines on one page tool.  Ok, maybe that isn’t the prettiest way to describe it but it has got me inspired to perhaps create my own new project styled much like this one.  Now just got to find the time…

Read full story · Comments { 0 }
← Older posts Newer posts →