For just a few more weeks, DryIcons’ fans can save 10% off any of iStock’s credit packs, or you can save you 12% off any one of iStock’s subscriptions plans.

IStock offers a wide variety of stock graphics, such as vectors, photos, icons, illustrations, and more–all of which can help you create your designs much faster.

But remember–these promo codes are only good for a little while longer, so take advantage of them today!

The post iStock Promo Codes appeared first on DryIcons Blog.

Adding mouseenter event listeners

The mouseenter JavaScript event is proprietary to Internet Explorer, and as such has sort of a limited support among browsers – apart of IE, only Opera and Firefox seem to support it with their newer versions, however no support is available with the WebKit browsers – Chrome and Safari. The example below demonstrates how a handler can be added to each element we want this event to be detect on (as you will see in the next example, it can’t be delegated). Hovering an element should write a message in the right container.

Note that the example won’t work on Chrome and Safari, simply because they do not support the mouseenter event.

Delegating the mouseenter event

Another downside of mouseenter event, at least for our project, is that it does not bubble and it isn’t sent when the pointer is moved from one of its descendants’ physical space to its own physical space. In other words it’s impossible to delegate this event, or we can’t detect this event on child elements while attaching a single handler for it on a parent element. The example below listens the parent element for mouseenter event, and it won’t get detected when hovering the child elements. Again, this demonstration won’t work on Chrome and Safari.

CSS animations events in help

Recently (well, almost a year ago now), David Walsh wrote about Detecting DOM Node Insertions with CSS Animations, quite astonishing and yet simple technique which uses the CSS Animations event types (animationstart in particular) to identify when a node is inserted. Using this technique can be used to detect mouseenter as well. Mouseenter acts in the same way as the CSS :hover pseudo-class, so by applying a CSS Animation on the :hover state of an element and listening to the appropriate animation event we are able to successfully detect mouseenter. The CSS animation has no visual, but strictly functional purpose.

The example below demonstrates this, and contrary to the previous examples it also works on Chrome and Safari. The mouseentered animation is applied to the .mouseenter:hover CSS class, and with delegator.addEventListener('animationstart', onMouseEnterAnim, false); we are able to detect when an element has been hovered.

And finally, this very same technique can be applied to mouseleave – the mouseenter‘s counterpart – by adding CSS animation to an element in its normal state instead of its :hover state. And of course, applying two CSS animations on both state at the same time can detect both of them as in the example below. With e.animationName we can determine the exact event.

» All demo examples in one page

The post Detecting mouseenter with CSS Animations appeared first on DryIcons Blog.

Hey friends,

You know that basketball inspired site, the one everybody’s talking about, yes, that designer friendly site called Dribbble? As of today, we’re there shooting pixels from half court and trying to show off our greatest works.

We bet it’s not easy to create a site for designers, but the site is amazing and nearly flawless, we’re loving it here.

Check us out!

Enjoy the dribbble!

The post Dryicons on Dribbble appeared first on DryIcons Blog.

For quite a while now, we’ve been making efforts to start up a playground section on our site, a place where we can gather all the things that we create just for the fun of it and share it publicly,
a place that can inspire and educate ourselves and the people that come to our site.

Last year we’ve created a few animations that some of you might remember, amongst them the animated header on our Graphics Section and
the Christmas Promo Animation on our promo page.

We’ll try to do our best this year, and continue this trend as a series of creations. For the start of the Valentine’s month we’ve created the
valentine flame canvas animation inspired by our Love Heart Vector Graphic.

As always, your feedback is very important to us!

The post Web Playground appeared first on DryIcons Blog.

Dear friends,

We are once again humbled by nature’s devastating force. A massive earthquake of 8.9 magnitude hit the Pacific Ocean, near Northeastern Japan on Friday, 11th of March, 2011. The earthquake triggered a massive tsunami which reached 10km inland, carrying houses, buildings, boats and cars with it. Additionally, a state of emergency has been declared at the Fukushima Daiichi nuclear power plant, where scientists and technicians are struggling to prevent a nuclear disaster or epic proportions. Thousands have been declared dead by now, and thousands are left with no electricity and fresh water.

We are deeply saddened by this horror and send our prayers and condolences to the Japanese people. However, we’re not going to stop there, we are donating money to the Japanese Red Cross Society via Google Crisis Response: http://www.google.com/crisisresponse/japanquake2011.html

We are also asking you, our dear users, to do the same, help in any way that you can.

To show our support in a more artistic way, we are also sharing the “Japan will blossom again” design, image and source file in EPS format included to use freely. Please don’t be just an observer, inform yourself about how and what you can do to help. We all need to be that helping hand. Let’s all make sure “Japan will blossom again”.

Download

The post Japan tribute – Japan will blossom again! appeared first on DryIcons Blog.

With what do you associate November? For us it’s not the changing of seasons, or streets full of yellow-brownish leaves, for us November has one significance only- the birth of DryIcons!
We are delighted to say that today is DryIcons’ 3rd birthday!

Going through some of our first blog entries, 3 years ago, I find that DryIcons is still on the right track, the one we assigned ourselves with at the very beginning. One of the things we are most proud about is the fact that we are still enthusiastic about our work, and even more, we love doing it! DryIcons remains one of the few websites that gives priority to independent coders/developers, small design firms and organizations by offering all of our icons, vector designs and web templates Freely, with our Free License. We are also one rare example of a website that creates all of its Works in house, by our own designers. These are the main goals we have set for ourselves 3 years ago, and we are proud we are still sticking to them.
Just a month ago we released the new, redesigned DryIcons website. In the last 2 years we have made 2 significant website redesigns and now we can surely say that we will not be doing this in the next 2 or 3 years:) The last website redesign has taken us most of this year, mainly because DryIcons is growing and changing every day, and because besides changing the looks, we also implemented a few very important and significant features, like purchasing single icons, offering vector files of the icons, an awesome shopping cart, ongoing discounts and reduced prices of our vector designs.

3 years ago I asked you to stick around DryIcons because the best is yet to come. Today I invite you to join us on our journey and we still offer only the best.

3rd Birthday Giveaway!

Remember: Birthday=Presents. This year we are giving away one iPad to one lucky user and 10 x $100 worth prizes of anything by your choice available at our site (vectors, icons, icon sets). The competition is very simple, tweet and win!

Here are the details of the giveaway:

When it will be held?

The giveaway will be held during the period of November 1, 2010 4:00 PM EST – November 14, 2010 4:00 PM EST

How can I enter the giveaway?

In order to enter the competition you’ll have to tweet (or re-tweet) a message including the content “Win an iPad or prizes worth $1K @dryicons http://j.mp/dryiconsturns3 RT to join”.

Can I tweet multiple times?

Yes, there is no tweet limit, however please make sure you follow The Twitter Rules and don’t get suspended for their Terms of Service violations.

How are we going to select the winners?

We’ll select the winners randomly. However, we reserve the right to select a winner(or winners) that would include a creative content in their tweet(s) – something we would like.

The winners of the 10 x $100 worth prizes will be announced during the period of the competition, and no later than November 15, 6:00 PM EST

The winner of the iPad will be announced after the end of the giveaway, and no later than November 15, 6:00 PM EST

We’ll contact the winners via their twitter accounts, so we highly recommend you to follow @dryicons at twitter.

The winner of the iPad will have to provide a shipping address in a country where the iPad is available (see where iPad is currently available), otherwise we’ll have to select another winner.

Tweet to join in: The competition is over! We’d like to congratulate the winners, and thank you all for being part of our 3rd birthday celebration. We really had lots of fun, and hope you did too!

10 x $100 worth prize winners:

1. @kyle_mccall – Tweet Nov 05, 2010

2. @kzograf – Tweet Nov 08, 2010

3. @sherazalvi – Tweet Nov 08, 2010

4. @auntiethesis – Tweet Nov 08, 2010

5. @SRIshanu – Tweet Nov 15, 2010

6. @crazybookblog – Tweet Nov 15, 2010

7. @uLiisez – Tweet Nov 15, 2010

8. @Nonapeptide – Tweet Nov 15, 2010

9. @GoDoSomething – Tweet Nov 15, 2010

10. @hannahjoseph – Tweet Nov 15, 2010

1 x iPad winner:

1. @tammyhart – Tweet Nov 15, 2010

The post DryIcons Third Birthday Giveaway appeared first on DryIcons Blog.

Besides changing our looks, we also included a few new features to help the browsing and purchasing experience of our users:

Shopping Cart. The shopping cart became a necessity after a while, when a couple of users complained they were having difficulties when purchasing more items at one time, so we had to find a way to make the purchase process as simple and as functional it can be. The new shopping cart is designed with simplicity, it’s very easy to access and provides the user with all necessary information about his/her purchase.

Discounts. With the new discount policy, it’s a holiday with DryIcons all year long. When purchasing 2 items from our website you will get a 5% discount, purchasing 3 items will earn you a 10% discount, 4 items will earn you a 20% discount, and when purchasing more than 5 items you will get a 30% discount.

Vector files (.ai) of the icons. This is one of the things our users requested the most. Now most of our icon sets can be purchased with vector files of the icons with a license according to the client’s needs. The vector files of the icons are available in Adobe Illustrator (.ai) file formats.

Single icon purchase. Purchasing a license for single icons from various icon sets is the other most demanded thing from our users. Now users don’t have to purchase a license for an icon set with 50 icons, when they really want to use just 10 of them. Also, the new website has the possibility of purchasing single icons from various icon sets, so if you need 2 icons from the Coquette part 2, and 6 icons from the Coquette part 5 icon set, you can purchase a license for those 8 icons you need.
The promotional price for a Commercial License for one single icon is $1, and the price for an Extended License is $5.

Reduced prices for the vector graphics. The prices for our vector graphics are reduced from $10.75, to $7.99.

Licensing FAQ. A lot of our users were having difficulties understanding our licensing. This is why we have made a list of the most frequently asked questions we have received regarding our licensing, and answered them so there are no more misunderstandings.

The overall redesign process has taken us lots of time and our energy levels are running low, but at the same time it makes us proud and very motivated to keep doing what we do. We hope you like the new design and features, drop us a line in the comments section, or send us a tender whisper in the Contact Us page to tell us what you think.

(Waving, taking a bow and leaving the stage).

The post DryIcons 3.0 appeared first on DryIcons Blog.

» Skip to the CSS3 Gradient Generator Tool

But, who needs to wait when all of these goodies are already available. The webkit based Safari and Chrome, along with the always ambition Firefox have made it possible for most of the new HTML and CSS features, Opera also keeps up the pace in a decent manner (it doesn’t support background gradients at the time of writing this post), and suprisingly, the latest versions of Internet Explorer seem to make great efforts in order to join the club — they have a long way to go, meanwhile there are plenty of workarounds, not as cool and elegant as a simple line of code, but if you really care for it and it makes a difference for your design and visitors you can do it.

One of the long awaited features in the new era of web design are the gradients. Combined with shadows and rounded borders they are a good starting point for creating pretty looking designs without a single image and with just a few lines of code. The downside, at least for the moment, is that you must define most of the new CSS properties explicitly for each browser engine. For example, if order to add gradient background in Safari or Chrome, and Firefox you’ll have to include “-webkit-gradient” for webkit based Safari and Chrome, and “-moz-linear-gradient” for Mozilla’s Firefox for the background-image property in your CSS style. That is pretty time consuming, so we developed a small tool that should speed up the things a bit. The tool is a hybrid — a HTML/CSS/JavaScript/Flash — application that generates all of the style properties. We’ve decided to use Flash as a symbolic (anti)act of the latest sparkles that appeared between the pure HTML5 and the pure Flash favorisers — In the spirit of the good ‘ol Why can’t we be friends, or if you are a more romantic-ish in the spirit of Make love not war

I should be a cool button! Click me to start the CSS3 tool

The application is pretty easy to use (it should be), so go ahead and give it a try!

The post A CSS3 Gradient Button Generator appeared first on DryIcons Blog.

For three years in a row, DryIcons has been your main supplier of Valentine’s goodies. Valentine’s Day is special to all of us, so we always try to capture the special feeling this holiday brings.

This year we have decided to make a special bunch of the most popular and memorable Valentine’s vector graphics and icon sets we have produced over the years, allowing you a quicker and more enjoyable access to the these lovely items. The Valentine’s Bunch consists of the 20 most popular vector graphics, and our two celebrated Valentine’s icon sets: Valentine Love and Valentines.

Enjoy the holiday and may your hearts be always full of love.

Icons

Valentine Love Icons

Valentines Icons

Graphics

Flower Heart Vector Graphic

Love Tree Vector Graphic

Happy Valentines Vector Graphic

Valentine Heart Vector Graphic

Heart Vector Graphic

Be my Valentine button Vector Graphic

Be my Valentine Vector Graphic

A View from Valentine City Vector Graphic

Love Aeroplane Vector Graphic

Grungy in Love Vector Graphic

Love Memories Vector Graphic

Love Birds Vector Graphic

Love is Vector Graphic

Romance Tree Vector Graphic

Lovers Hug Vector Graphic

Be my Valentine Banner Vector Graphic

Valentine Card Vector Graphic

Heart of Hearts Vector Graphic

Love Grow Vector Graphic

Heart Flower Vector Graphic

The post The Valentine’s Bunch appeared first on DryIcons Blog.

From your comments we noticed that most of our users were in fact needing a Commercial License, instead of an Extended. Such as using our icons in their new websites, personal projects, etc. So we decided to give a couple of Commercial and a few Extended Licenses for the Coquette series.

Users who won Commercial Licenses are:

6. Keith Davis,

14. Eve Stafford,

15. Caroline P.,

30. Jean-Sebastien Proulx

Users who won Extended Licenses are:

8. Dan Allen Pantinople,

11.pff,

26. Greg Solak.

Congratulations to all of the winners, they’ll get their license details by email and thank you all for being part of our Birthday Party!

The post Second Anniversary and Icons Giveaway Winners appeared first on DryIcons Blog.