Vector Hearts from DragonArtz

You could just download this and be done with it. There are 63 designs here in 2 eps files, wallpapers, and a bunch of pngs. The hearts themselves don’t really differ in shape- but it’s still some lovely work. Download Vector Hearts from DragonArtz »

Happy Valentine’s Day Icons (Mac OSX)

I’m partial to the “bleeding heart” icons, complete with dripping blood- but maybe that’s just me. In any case, these hearts are beautifully drawn, very useful (e.g. a card screaming “You broke my heart!” + bandaged heart icon) and also available as pngs. Download Happy Valentine’s Day Icons »

Free Hearts

Prefer your hearts a little glossier? This set, free from Spheres Graphics, is something I’ve found many uses for. The hearts are cleanly rendered, and come in 128×128 transparent png format. Download Free Hearts »

Heart Stamp Photoshop Brushes

I love the crafty scrapbooky feel these heart “stamps” lend to a project. This free download includes 4 brushes, with the entire 20-brush collection available for purchase. Also included for free is a pack of png images. Download Heart Stamp Photoshop Brushes »

Vector Heart Box

There are bad vectors and good vectors, and this one’s definitely the latter. Gorgeously rendered, the zipped file includes the Illustrator .ai file, and a 512 x 512 px transparent png. Download Vector Heart Box »

Do you design for Valentine’s Day?

Designs of the Week

Love the texture on the blurb itself, not just in the background. And the use of rotated spades as bullets? Lovely.

I really like the asymmetrical elements in this design. And it feels organic and warm as opposed to loud and bold—a different take on what design firm websites typically look like.

Airy, open design. What I could call a “pretty much perfect”!

I’m not sure what the reasoning behind a left-aligned design is, but it’s interesting to see that isn’t completely extinct. Also interesting: the ad placement on the left side.

Everything’s so nice and wide, including the neat dropdown menus.

I really like the way the edges of the “paper” layout have thumbprints on them, aside from the shadows and watercolor paint below.

The repeated use of the curly brace as a design element is a great touch.

Animated elements in headers are getting more popular too. I just think I want the navigation to have bit detail to it.

The only thing that bothers me is the way the button is designed. It’s very striking, yes, but I think it could be done better.

Love the stack of images that each comes to the front upon hovering.

Note how there’s not a whole lot of links in the header, and that they’re all big clickable things, which makes the visitor’s browsing choices dead simple.

A straightforward enough layout (it’s a tumblelog) but the background at the top makes all the difference.

Another watercolor-y approach, but you won’t tire of the details all over.

I think my favorite part here is the sidebar!

Social Media Weekly

Accessibility – Is Web accessibility a human right?

CSS – 47 Amazing CSS3 Animation Demos

Design – 5 Well Designed Icon Tutorials

There’s this wallet:

which you can get for just $15 at Etsy in two colors: Helvetica Evil, (black with white text, shown above), and Helvetica Good (white with black text).

Then there’s the Helvetica tattoo:

“Helvetica modernized type as we know it today. It sends a message to people in a very noncontroversial way. You can’t judge Helvetica. Helvetica can say it all. It can say ‘I love you, I hate you, Will you marry me?’ in a way that communicates effectively and always looks good. Helvetica makes life simple.” – Antonea Nabors, explaining her tattoo

If you’re not quite ready for a tattoo, how about a poster?

Just one of the 45 “absolutely astonishing” Helvetica posters featured here.

And finally: Helvetica cookies!

The very awesome Beverly Hsu crafted these cookie cutters from aluminum and acrylic. I love.

How often do you use Helvetica?

Then, just yesterday, Steve Jobs said “No one will be using Flash. The world is moving to HTML5.”

Now, despite being a self-proclaimed Apple fangirl, I do think that Flash has it’s place online. The truth is, though, that depending on your needs, there are alternative ways of doing things. Let’s take a look at some of them:

Interactive Map (jQuery)

This jQuery plug-in allows you to build zoomable, interactive, absolutely awesome maps without Flash. Look at this demo to see just how awesome.

SmoothGallery (MooTools)

JonDesign’s image gallery and slideshow “system” is built with MooTools, with some gorgeous effects and an elegant interface that’s still fully standard-compliant. See the demo.

CSS Image Gallery

This one’s been around a long time, and is just one of many cool things you can do using pure CSS.

HTML5’s <video> element

Here at Devlounge, we’ve been excited about HTML5 for a long time now- and while we’re not completely there yet, it’s important to realize that we’re getting there. It all depends on what browser supports what. But for some examples, see Dailymotion’s HTML5 Video Demos, or join YouTube’s HTML5 Beta. Also highly recommended: go read Dive Into HTML5’s post on the <video> element.

Designs of the Week

A great opportunity to exercise good contrast. And a neutral tone against a deep red gives that rich, royal feeling.

The schizo’s kicking in. Love the code peeking out in the middle, and that the right half looks hand-drawn.

The text is way too small, but otherwise a great look.

Very classy. I just wish that one didn’t have to scroll up and down to read the content and then select a new item from the menu, which could have been fixed in its place.

Pixel-precise graphics are still in vogue. And you can’t do better than the logo!

A nice touch in the Twitter area: the older the tweet, the more faded it is. Pink and brown is a pretty sweet combination too—and the site belongs to a guy!

Lots of lovely little details here, and no stone was left unturned.

This site looks elegant but not too stifling, and has touches of quirkiness here and there.

Social Media Weekly

Design – Front-end Quality Levels

Programming – Find The Right JavaScript Solution With A 7-Step Test

UX – Label Alignment in Long Forms | Paper Prototyping for Engineers

WP-Task-Manager

Because of the aforementioned serious amount of time I’m in WordPress, it really helps to be able to keep track of to-dos from within the Dashboard. A widget lets you quickly see your task list, and it’s easy to create and manage tasks for other authors or admins, and write comments on these tasks. Download WP-Task-Manager »

wp-Typography

Like most designers, I’m very nitpicky when it comes to typography. This plugin features a host of options for people like me, including proper hyphenation, detailed spacing control (e.g. widow protection, forced internal wrapping, etc.), and smart character replacement for things like quote marks and copyright symbols. Download wp-Typography »

GD Press Tools

Finally, there’s GD Press Tools. Certainly not for the faint-hearted, this is one powerful plugin, with included options ranging from maintenance operations, to tracking the popularity of your posts and pages, to some very good database tools. Before you dive into using this plugin, make sure you spend some time learning which features work with your version of WordPress. Download GD Press Tools »

Which WordPress plugins make your life easier?

Clean CSS

A free online service, and what a service it is: this tool, based on CSS Tidy, also helps you with CSS shorthand, in case you haven’t got it memorized yet. A worthy bookmark.

CSS Compressor

CSS Drive’s CSS Compressor does just that: compresses your CSS in either Light, Normal or Super Compact modes. I personally prefer their Advanced Tool (also free), which allows you to get specific (e.g. whether or not to leave spaces between selectors and properties, etc.)

CSS Analyser

This one not only verifies your CSS with the W3C, it also tests your color contrast. Which, if you read my last post, is pretty awesome.

CSS Redundancy Checker

Finally, because redundancy is just not cool, especially when you’re trying to optimize your CSS, this nifty little tool is quick, easy to use, and simple to understand.

How do you optimize your CSS code?

Designs of the Week

Big, colorful, chunky, and grungy. It almost feels wrong to see “normal” sans serif text fonts here and there!

I like the use of the elegant type and wallpaper background against the less elegant ropes, folds, and tears that (which all are done in moderation).

The shadow is not so believable, but I like the look. It’s quite different from the other folded/blocky/3D ones that focus on adding folded ribbons and boxy-fying things up.

Love the icons and the color palette.

The W3C has its own subtle application of the design pattern. Clean, clear, and lovely.

Cute little chimney effect (that isn’t Flash) going on in the header. The design looks a little busy, but I like it.

Now for something unbelievably simple, but still striking and attractive. One of those designs where the design practically goes unnoticed because it’s so subtle.

This isn’t a particularly attractive site, but there are enough attention to detail and typography that gets the job—of making the stories readable—done.

It’s been a while since I’ve seen a super shiny, “Web 2.0″-style design. Bring on the pastels!

I think it makes sense for the design to be so gray and dark because the backgrounds in the gallery are so colorful.

When you’ve got products presented in boxes, a boxy-looking design feels like a natural progression, doesn’t it? What I really like is the footer treatment, which looks like a few sheets of paper with two angling out of place. Not necessary but a very nice touch.

Social Media Weekly

Design – Crafting Subtle & Realistic User Interfaces

Design – Unity In Design: Creating Harmony Between Design Elements

Design – Realism in UI Design

Optimization – How to reduce the number of HTTP requests

CSS – How To Create Depth And Nice 3D Ribbons Only Using CSS3

CSS – Keeping Safari (and Chrome) Hacks Out of Your Stylesheets

But what really matters here aren’t necessarily the colors themselves, but how they contrast with each other. Take the following example:

Of all these, Headlines 1 (black background, white text) and 3 (white background, black text) have the highest contrast. While these could arguably be the easiest to read, some people actually find the lower contrast examples in Headlines 2 and 4 more pleasing to the eye- myself included (note: I have bad eyesight, probably from spending too many hours in front of a computer for the past 12 years!) Which is why many designers would rather use #333 for text on a white background rather than #000.

This is also interesting:

I’m not sure about you, but my eyes naturally gravitate to the boxes on the left because of their bold colors. Now I wouldn’t recommend these for long paragraphs of text, but it’s certainly something to keep in mind when choosing colors for things like banners, mastheads and advertisements.

What color choices do you make in your designs? Do you stop and think about how they relate to readability?

Hello! Please give us a short background of yourself – age, current location, hobbies, likes, dislikes, etc.

Hi Guys! I am a 24 year old happily married father of three beautiful boys (soon to be four! Its a girl!), currently residing in Lynchburg, VA (very small town). I enjoy hanging out with the family, playing video games, and working out when I am not designing or developing something. I like learning new things, computers, food, and gadgets. I dislike watching sports, waking up early in the morning, and hate traffic. (Ed – Don’t we all, lol.)

How did you get into web design and development?

Well, I have always liked Web Design and Development since I was in high school – this then ‘hobby’ was basically just playing with graphics, Photoshop, and MySpace code. Then the hobby was turned into a career after me and my wife had our first child. I started out as a ‘design guy’ at a small but successful web development firm in my town. After several years (of hard work, dedication and learning) I went from design guy, to HTML/CSS/JS guy, to PHP/MySQL programming guy, to all of the above – until I was the lead developer/designer at the firm and was needed on lots of different projects.

You’re a self-taught web designer and developer. Does that get in the way of finding clients? Or is it irrelevant in this industry, as long as you have the necessary talent and drive?

Great question: I find that being self taught versus having a degree is irrelevant in this industry to land great clients. I have a long list of clients at this point, some big businesses, some small – but never once has anyone said “Can I see your degree?” or “Did you go to college for this?” I think that some of them probably assume it, and others just don’t think about it, but as long as the end result is what the client wants, then they are happy. A lot of the time clients approach me because of something else I had done that they liked, or from a referral, but being self-taught has never kept me from landing a client.

I understand that you have a full time job in a web dev company – how do you manage to fit it all in a day? Does the quality of work suffer, and if not, how do you do it? I’m sure everyone would love to know.

Yes this is true, It is definitely a LOT of work, but I love every minute of it. Like I said above, I am married with three boys (and soon to be girl, yay!) and I am the only source of income for our household, so every little bit counts. It is knowing that my family depends on me, and that I love doing what I do, that drives me through each day. The quality of work never changes in my eyes, because with each thing I do, I try to do it as best as possible for the most desirable outcome. There comes a point where when you put out crappy work, you get crappy things in return – and that doesn’t help anyone! So always do your best and it will definitely make things easier for you and your clients.

Where do you find inspiration as a web designer?

I find it all over the place, you can never have too much inspiration! I find it in nature, art, music, things around my apartment.
I find inspiration when I watch my kids play, I find inspiration while browsing the internet, Flickr, etc.
I find inspiration in other web design blogs. Pretty much everything around you is inspirational in one way, shape, or form.

What makes you stand out in a soup of designers and developers?

Wow that is a tough question. I would have to say that since my career has had me involved in so many different things, what makes me stand out from the crowd is, that I can practically do anything. I have done everything from design, development, programming, even some Enterprise Linux Server admin type stuff. Some designers only do logos, graphics, and so on while other developers only code html/CSS. Still many others only program, or do advanced Javascript.

Me? I do it all, and love doing it all. I like working with teams that design the site, and I build out the html/CSS/JS and program it. I also like working alone, and doing it all from start to finish. I can go from designing a logo in Photoshop one second, to creating a MySQL database scheme to integrate into a new web app I am building the next. Doing it all really raises my value to my clients, as well as keeps my days from being monotonous, boring, and lifeless. I love putting together all the pieces to create a fully immersed experience!

What was the last project you enjoyed working on?

My most recent project was pretty fun, I had the pleasure of working with an IT firm that develops productivity applications. My task was to take their current design and work with them, and their company goals, to create a new and fresh site design and layout for the site. Basically I had to breathe some life into it, without changing everything. It was a great project with a great client, it required some design skills in Photoshop, as well as some programming in the Wordpress platform. I also spruced it up and brought it into the new age by adding some Javascript trickery in there with jQuery. The final result turned out well, and there are plans for more changes in the future, but the finished project can be found here.

Twitter has skyrocketed my web design and dev career.

You’ve got 12,000+ followers on Twitter! How did you build your following? What are the topics that you usually Tweet about? How has your success in Twitter crossed over to your web design and dev career?

Ah yes, I am a huge fan of Twitter! It took a long time to build my following, lots of dedication to tweeting in 2009 lol. I basically built it by engaging with my followers, listening to their needs, helping out people and their problems, tweeting awesome links, but most importantly, just being myself. I tweet about anything from logo design, freelancing techniques, Javascript tutorials, to advanced regular e|Expression and programming. I basically tweet about design, development, programming, computer science, and nerdy stuff.

Twitter has skyrocketed my web design and dev career. When I started tweeting a little over a year ago, not many people knew who I was – now it seems like everyone (in the design/development community at least) has seen me or my site, or recognize my twitter avatar. It has presented me with some fantastic opportunities, new friends, new clients, and in the past few months alone I have been approached by several companies trying to recruit me. So it has definitely proven for an interesting ride, and I will definitely keep tweeting to see what happens next.

You seem to be quite the family guy! Do you find it difficult to keep up what with all the stuff that’s on your plate?

I LOVE my family, they are seriously the greatest thing that ever happened to me. I am 100% positive that I would not be where I am today without them. Having said that, the obvious answer to this question is yeah, sometimes it is a little difficult to make sure everyones needs are met and nothing falls off my radar, but so far everything has gone fairly smoothly, and it is definitely worth all the hard work it takes to make it. Going to bed at night (or staying up all night) knowing that everything is taken care of is a great feeling. The key is to never give up. I have never been a ‘quitter’.

Its going to be a busy future, but I wouldn’t have it any other way!

What are your plans for the future? Anything else you’d like to learn and go into?

I have a lot of awesome things planned for this year! I will be helping launch a few blogs in the next couple of months, as well as a personal project that will be going live in a few months from now which is very exciting! I am also fully redesigning my personal site so stay tuned there for when all of this stuff launches soon.

And so, there is always something I would like to learn! I am CONSTANTLY trying to learn everything there is to learn about design, development, programming, and computer science as a whole. I am also studying a lot about businesses and startups because I plan on launching a few startups in the next year or two. Its going to be a busy future, but I wouldn’t have it any other way!

Today, however, I want to show you some other choices for email marketing. Some have been around a long time, and some are fairly new- but all of them are awesome. See for yourself:

Campaign Monitor

This is another service I am constantly recommending to friends, family and clients. Campaign Monitor, the flagship product of Australian company-I’d-most-like-to-work-for Freshview, is sleek and powerful and does everything you’d expect from an email marketing tool- and then some. They have plugins & extensions for everything from Wordpress to Shopify, a whole library of articles and tips on email marketing, and some of the nicest-looking email templates available. There are no setup or monthly fees- Campaign Monitor charges a flat delivery fee of $5, plus 1 cent for each recipient.

EmailBrain

EmailBrain, which was bought by Dotster two years ago, is a good, solid service that’s chock-full of features, such as some very robust reporting such as unique vs. total links clicked, or how many people chose to forward the email to a friend. Their “Periodic Plans” provide you a certain number of “credits”. The smallest plan, for example, is $9.95 a month for 2,000 credits. That means you can email 2,000 contacts once a month, or 1,000 contacts twice a month, or 500 contacts four times a month, and so on.

LetterPop

I love how you don’t need to sign up for LetterPop to try out their email newsletter builder, 289 templates (at last count) that can be dragged and dropped and edited to your heart’s content. It does seem that they’ve gone to great lengths to simplify the process of email marketing for users, with nice touches like Flickr integration. They currently have five easy-to-understand plans, starting with a free plan of 10 newsletters a year to 25 subscribers.

Mad Mimi

Of all the email services I’ve listed here, Mad Mimi has got to be my favorite- and not just because of their adorable big-haired, horn-rimmed-glasses-wearing mascot, but because it’s an absolute gem of a service. Easy to use? Undoubtedly. Powerful? Amazingly. Gorgeous themes and templates, truly useful tracking reports.. can you tell how much I like this service? They offer four monthly plans, starting at $8 for 500 contacts, as well as a free plan of 100 contacts.

Nouri.sh

Nouri.sh is a little different from the other services I’ve listed here: they offer blog-powered newsletters, which means that they basically take your RSS feed and convert it to a newsletter. Which also means that you don’t have to create separate email newsletters at all, yay! I’ll admit that at first I was worried about how the finished emails would look, but thanks to some good customization and branding options, they look just fine (note: the free plan does not include custom templates). More than fine, actually. But one of the things I like the most about Nouri.sh is their Wordpress plug-in, which among other things will allow you to add a quick subscription widget to your blog and track the number of subscribers and campaign data. There are five plans available, including a Free plan that includes up to 1,000 emails a month.

What email marketing services or tools do you use or recommend to clients?

Designs of the Week

The largest amount of custom web fonts and uppercase text I’ve seen, methinks. But oh my goodness does it work. I can’t stop looking at it!

Looks good overall, but I have a problem with the typeface in the body. Why use a different one from the logo?

Enjoying the minimal treatment here—just because you’re using a bold fonts you should be all in-your-face with your design. I just wish the About pullout section were styled a little bit more similar to the rest of the site.

There are several different fonts on this site but it doesn’t go too far.

I’m liking the center-aligned header/blurb here. Very nicely spaced too.

My gripes are under the hood: using JavaScript for image hovers, tables, and <br />s (instead of <p>s). Tsk tsk tsk.

The inner pages need to be more consistently styled with the overall grungy look, but points for almost getting there.

Social Media Weekly

CSS – 8 Free & Best CSS Editors For Web Designers

JavaScript – jQuery 1.4 Released: The 15 New Features you Must Know