Blog


This is the fake page that WordPress uses to display the blog. This content is not shown anywhere, but DO NOT DELETE this page unless you know what you are doing.

CSS Sprite Breadcrumbs

Posted by on 7:51 pm in Uncategorized | Comments Off on CSS Sprite Breadcrumbs

These are made with 1 image that contains multiple versions of the breadcrumbs. They work no matter how long each breadcrumb is, within about 1000px or so. Very lightweight code and validates in XHTML 1.0 Strict! Best of all, it’s cross-browser friendly! You can download the PSD and the PNG files here: PNG File Photoshop File (layered) Here’s the code for the demo above: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>CSS Breadcrumbs</title> <style> #breadcrumbs{background:url(http://430designs.com/snippit/breadcrumbs.png) no-repeat right 0px;text-decoration:none;color:#f1f1f1;font-size:8px;float:left;margin:5px 0 5px 5px} #breadcrumbs a{background:url(http://430designs.com/snippit/breadcrumbs.png) no-repeat right 0px;text-decoration:none;font-size:11px;padding:5px 16px 5px 0px;display:inline-block}#breadcrumbs .begin{background:url(http://430designs.com/snippit/breadcrumbs.png) no-repeat left -550px;width:8px;height:26px;float:left}#breadcrumbs a:hover{text-decoration:underline} #breadcrumbs span.crumb-arrow{color:#fff;font-size:1px} </style> </head> <body> <div id="breadcrumbs"> <div class="begin"> </div> <a href="#">Home</a> <span class="crumb-arrow">&gt;</span> <a href="#">Category</a> <span class="crumb-arrow">&gt;</span> <a href="#">Category 2</a> <span class="crumb-arrow">&gt;</span> <a href="#">Really super long breadcrumb with a lot of text</a> <span class="crumb-arrow">&gt;</span> <a href=""# >Final Breadcrumb</a> <div style="clear:both"></div> </div> </body> </html> Feel free to improve upon them if you’d...

read more

Featured on Experts Exchange

Posted by on 6:35 am in Services | Comments Off on Featured on Experts Exchange

Featured on Experts Exchange

I’ve always loved Experts Exchange. It’s a place where I can help others and share my knowledge of web development.  You receive points for answering questions correctly. Recently I was featured as one of their “Top Technology Experts”. I’m very proud for the ranks I’ve achieved, but I am more proud about being able to help and teach people what they need to know about web...

read more

CSS Sprite Breadcrumbs

Posted by on 12:47 pm in Graphics | Comments Off on CSS Sprite Breadcrumbs

CSS Sprite Breadcrumbs

These are made with 1 image that contains multiple versions of the breadcrumbs. They work no matter how long each breadcrumb is, within about 1000px or so.  Very lightweight code and validates in XHTML 1.0 Strict!  Best of all, it’s cross-browser friendly! You can download the PSD and the PNG files here: PNG File Photoshop File (layered) Here’s the code for the demo above: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>CSS Breadcrumbs</title> <style> #breadcrumbs{background:url(http://430designs.com/snippit/breadcrumbs.png) no-repeat right 0px;text-decoration:none;color:#f1f1f1;font-size:8px;float:left;margin:5px 0 5px 5px} #breadcrumbs a{background:url(http://430designs.com/snippit/breadcrumbs.png) no-repeat right 0px;text-decoration:none;font-size:11px;padding:5px 16px 5px 0px;display:inline-block}#breadcrumbs .begin{background:url(http://430designs.com/snippit/breadcrumbs.png) no-repeat left -550px;width:8px;height:26px;float:left}#breadcrumbs a:hover{text-decoration:underline} #breadcrumbs span.crumb-arrow{color:#fff;font-size:1px} </style> </head> <body> <div id="breadcrumbs"> <div class="begin"> </div> <a href="#">Home</a> <span class="crumb-arrow">&gt;</span> <a href="#">Category</a> <span class="crumb-arrow">&gt;</span> <a href="#">Category 2</a> <span class="crumb-arrow">&gt;</span> <a href="#">Really super long breadcrumb with a lot of text</a> <span class="crumb-arrow">&gt;</span> <a href=""# >Final Breadcrumb</a> <div style="clear:both"></div> </div> </body> </html> Feel free to improve upon them if you’d...

read more

Error 404 Page

Posted by on 7:11 am in Graphics | Comments Off on Error 404 Page

Error 404 Page

This was a graphic I wanted to do as a result of reading a post with creative 404 or “Web page not found” pages. I took a Google map and some stock images and created all the dynamic lighting and shadows...

read more

Crime Scene

Posted by on 7:08 am in Graphics | Comments Off on Crime Scene

Crime Scene

This was a very fun tutorial to follow. I kind of modified it a little bit and didn’t include everything that was in the original one. But I did create some interesting effects. Original tutorial is here...

read more

Eerie Scene

Posted by on 6:58 am in Graphics | Comments Off on Eerie Scene

Eerie Scene

I’ve always been fascinated by abstract scenes and art work.  This was the end product of a tutorial I followed...

read more

All About Me

Posted by on 5:54 am in Services | Comments Off on All About Me

My name is Lenny (LZ for short) and I am a freelance web designer in Michigan. I design usable and attractive websites that bring out every detail about you and your business. I absolutely love what I do and I do it because I love it. It’s my passion. I am not your ordinary web designer; I take time to learn about you, your business and your needs. In my business, there is no “one-size fits all”, despite what many other designers say. Every client has different needs and wants. Depending on what your ultimate goal is will ultimately depend on how I approach your design. From extremely creative to extremely professional, I have the know-how and resources to help you. Please roam around my site. I am always adding new content for you to implement and help you grow your business online. I’ve helped a lot of people, either by designing a site or designing a strategy to help market their business online. I know I can help you next. I’d love to talk to you so contact me today for a free quote on getting your business on the...

read more

Code

Posted by on 3:43 pm in Graphics | Comments Off on Code

Code

This was just a high-contrast piece that I was going to use as a business card at one point.

read more

Detroit Backdrop

Posted by on 5:40 pm in Graphics | Comments Off on Detroit Backdrop

Detroit Backdrop

I love the Detroit backdrop and just decided to throw a 430 on the Detroit river. A little reflection and some water effects and we’re in...

read more

Michigan WordPress Development

Posted by on 5:35 pm in Services, Websites, Wordpress | Comments Off on Michigan WordPress Development

Michigan WordPress Development

“WordPress is web software you can use to create a beautiful website or blog.” (www.wordpress.org, 2010) It has become one of my favorite platforms to work with. However even as simple as WordPress is to use, some people may not feel comfortable working on customizing or developing inside of WordPress. As a content management system(CMS) WordPress makes creating, editing/updating and removing content very easy. There are over a dozen other content management systems out there and each has their own pros and cons . WordPress however, has a bit more of a customization factor to it, in that I have more freedom to get the results you want. I’ve been doing WordPress development in Michigan for over 6 years now. I’m available for freelance...

read more