7plusDezine » Web Design Elements

15 Free Refined Patterns for Your Project

Mabel — Wed, 23 Jan 2013 07:41:43 +0000

While building up a new website, one of the tricky parts is setting up the background, we all want our websites to be nice, what to choose as background? Some use full screen slides, usually used in ecommerce websites and photography websites for better exhibition of the products or photographic works in detail. For others, full screen slides might be a little excessive if you want visitors to pay more attention to the content part. Refined patterns will be a great idea here. Appropriate pattern creates an elegant and exquisite feeling which promotes your website’s aesthetic enjoyment to the viewers. Here we enclosed 15 free nice patterns for your project. Click Source link to check detailed information and license issues.

1. Brown swirl

[Source│Download]

2. Intricate lace

[Source│Download]

3. Festive bells and stars

[Source│Download]

4. Blue sky and white cloud

[Source│Download]

5. Brick texture

[Source│Download]

6. Valentine’s pattern

[Source│Download]

7. Pixel pattern

[Source│Download]

8. Butterfly

[Source│Download]

9. Paw print pattern

[Source│Download]

10. Wood texture

[Source│Download]

11. Mosaic pattern

[Source│Download]

12. Henna floral

[Source│Download]

13. Leather

[Source│Download]

14. Escheresque

[Source│Download]

15. Cloud sea

[Source│Download]

20 Popular jQuery Plugins for Responsive Web Design

Frogo — Thu, 20 Dec 2012 08:35:53 +0000

Responsive design is a very popular technique used in web development over the recent years. It helps to auto-adjust web content to fit viewing devices with screens of different sizes. The overall standard of web design moves up to an upper level, as a result, users are provided with a dramatically-promoted user experience. As one of the hottest techniques, jQuery has offered many useful plugins to realize responsive web design. Here I am presenting you 20 terrific jQuery plugins frequently used by web designers. Hope you will enjoy.

1. jQuery Masonry — A layout plugin for jQuery

I guess this jQuery plugin must ring a bell with you. Many websites use it to design their general layout.

2. Isotope — An exquisite jQuery plugin for magical layouts

This is another nice layout plugin, we also covered it in our previous post.

3. jQuery picture

This is a awesome responsive image processing plugin.

4. Hoverizr – Responsive jQuery Photo manipulation plugin

A plugin which supports responsive image processing.

5. Response JS

Response JS is a lightweight jQuery plugin that gives web designers tools for building performance-optimized, mobile-first responsive websites.

6. Responsive Image Gallery with a Thumbnail Carousel

A plugin that allows responsive slideshow loop.

7. scrolldeck

A plugin which is used to build scrolling slideshow.

8. PhotoSwipe

A slideshow plugin for multi-devices.

9. Supersized – Fullscreen Background Slideshow

Fantastic responsive fullscreen slideshow plugin.

10. The Heads-Up Grid

Heads-up grid helps you to build up a responsive grid.

11. Elastislide – A Responsive jQuery Carousel Plugin

Another slideshow looping plugin.

12. Transform a Menu to a Dropdown for Small Screens

It transfers the navigation bar into a dropdown menu when the screen width is less than 960px.

13. WOW Slider

This plugin is responsive and has a lot of different transitions and well-featured sliders.

14. Automatic Image Montage with jQuery

Arranging images in a montage like fashion can be a challenging task when considering certain constraints, like the window size when using fullscreen.

15. FitVids.JS

Creating responsive videos with FitVids is easy and fast.

16. jQuery news sticker

jQuery News Ticker brings a lightweight and easy to use news ticker to jQuery.

17. gridster.js

Gridster is a really amazing plugin that allows you to create flexible grid layouts that can be rearranged via drag and drop.

18. Noty – A jQuery Notification Plugin

Noty is a jQuery plugin that makes it easy to create alert, success, error, warning, information and confirmation messages.

19. Adaptive images

Adaptive images is a helpful iQuery plugin which creates HTML images automatically based on the screen size of the viewing device.

20. Really Simple Slideshow

The plugin applies images of different sizes according to the screen size.

Infographic: HTML5 Adoption Fact or Fiction

Mabel — Tue, 11 Dec 2012 02:30:10 +0000

PrintRunner.com offers different printing services such as brochure printing, postcard printing and a lot more printing options.

Freebie：32 Free Vector Labels, Paper Notes and Stickers

Mabel — Thu, 01 Nov 2012 09:47:15 +0000

Are you tired of using the same old little element in your website designing process? Have you come up with some sparkling ideas of how to make your webpages more appealing to the users? The general layout and web content is mostly fixed, but you can add some extra shinning decoration stuff to make your website full of enjoyment.

In today’s freebie section, we have collected a list of 32 free vector labels, paper notes and stickers for you. These little elements will bring extra charm and attractiveness to your websites. Enjoy!

1. Exquisite cartoon stickers will be 01 vector [Download]

2. Golden vintage label [Download]

3. Vector Hand prints [Download]

4. Beautiful sticker sticky 01 vector [Download]

5. Beautiful sticker sticky 04 vector [Download]

6. Vector card labels [Download]

7. Sticker 03 vector [Download]

8. Sale shopping tags and signs vector graphics [Download]

9. Vector digital sticker [Download]

10. Meritorious service medal vector [Download]

11. Fine medals 01 vector [Download]

12. Fine medals 04 vector [Download]

13. Fine medals 02 vector [Download]

14. Fine medals 05 vector [Download]

15. Star sticker [Download]

16. Paper sticker psd layered [Download]

17. Best price vector art [Download]

18. Vector sale labels [Download]

19. Sticker sales discount theme icon vector [Download]

20. Flower labels [Download]

21. Blue tag clip art [Download]

22. Free web button vector [Download]

23. Classic label stickers vector material [Download]

24. Free vector torn paper background [Download]

25. Torn paper [Download]

26. Ripped textured paper [Download]

27. Office supplies [Download]

28. Fine paper notes vector material [Download]

29. Fine sticky vector [Download]

30. Fine label sticky notes vector [Download]

31. Exquisite European style pattern label vector [Download]

32. Hand printed school supplies vector material [Download]

10 Great Icon Resource Websites You Just Need

Mabel — Fri, 26 Oct 2012 07:05:52 +0000

Recently, I published a post about Halloween icon sets, in case designers want more and different icons, today I’ve got something really nice for you. Yeah, it is a great collection of icon resource websites. Let’s go through them one by one.

1. YOOtheme

YOOtheme is probably my favorite icon site among the 10 websites listed here, as you can see I place it at the beginning of this list. You might as well love it after visiting. Founded in 2007, it has a history of 5 years now. YOOtheme has a very clean interface, no distracting ads, no unnecessary text descriptions, all you see is nice and delicately designed icons placed right in the center of the whole webpage. YOOtheme also provides visitors the entire process of how an icon is created, from sketching, vectorizing, coloring and lighting, YOOtheme focuses on each step until the icon is done. Besides icons, it also provides themes and widget kits.

Alexas: 2265

Total Icons: 200+

Images size and type: 8sizes ranging from 16*16 to 512*512 in PNG format.

2. IconFinder

Started in the year 2007, IconFinder has been focusing on providing high quality icons for web designers and developers in an easy and efficient way. According to data, IconFinder has a unique visitor base of 1,100,000. Its homepage looks quite similar to that of Google’s, the only difference is that IconFinder will show you icons once you entered keywords. You can also filter icons by background color, file size and license. For example, IconFinder will show you 611 results for key words of “free icon”.

Alexas: 1163

Total Icons 234,626

3. Free Icons Web

FreeIconsWeb.com was launched in 2006. As the name indicates, icons on this website are free! The website itself has a very modern look with creative header and footer. You can download icons for free here and it also provides a platform for icon designers to submit their works and share with fellow visitors. Apart from icons, you can also find free vectors.

Alexas: 18,034

Total Icons: 30,525+

Images size and type: ICO, PNG, ICNS, GIF. 16*16, 48*48, 128*128, 256*256

4. FindIcons

FindIcons is a little like IconFinder. Even their names are alike to some extent. It is also an icon search engine. By entering keywords, you get your ideal icons. It is said that FindIcons has the largest searchable free icons database in the world and both a sophisticated search filtering and result matching system make it possible for visitors to get an icon they need. FindIcons tracks every search query and manually adjusts the results according to the average ratings set by the search results from users.

Alexas: 2767

Total Icons: 410,185

Images size and type: PNG ICO and more, 8*8 to 256*256

5. Icon Dock

IconStock is created by N.Design Studio. The website provides premium icons but sometimes it also gives away free icons for users to download. Icons in IconStock are scalable, thus users can export them to any size for web purposes or high resolution print materials based on their need. Also, icons can be edited with vector software like Adobe Illustrator.

Alexas: 43514

6. The Icon Deposit

Icon Deposit gives its users the opportunity to post their icons, designs, code and screenshots to promote their work and gain more clients. Here, you can find hundreds of icons and icon sets for your projects. Most of the icons are free to use while some requires a tweet before download.

Alexas: 33,616+

7. All free Download.com

All-free-download.com provides not only free icons, users can also find free vector, free photos, free website templates and other stuff related with web design. The resources on this site are for free. It also integrates with another famous graphic design website, Shutterstock. At the bottom part of All-free-download.com, a list of popular search keywords is shown to help its users find appropriate search keywords. For instance, the keyword “blue icon” returned with 563 items.

Alexas: 1912

8. IconShock

IconShock has a pretty long history of 8 years now, dealing business in conceptualizing and creating icons. They provide near 500,000 unique icons with high quality, some are free of charge, others require payment. IconShock updates quite often, that they release 3 new icon sets each week, which means that about 5000 new unique icons are added every week.

Alexas: 25392

Total Icons: 1,153,117

9. Web Icon Set

Established in 2009, Webiconset deals with professional icons for all kinds of designers. Webiconset has a well organized webpage layout, by clicking on a small screenshot of the icons, a larger version zooms in for better observation of the icons. Webiconset provides three modes for users. Moonlighters can have access to free icons, and no sign up required. For premium users, there are two choices, freelancer membership lasts for one year with a price of $49, while business membership lasts for three years with $99.

Alexas: 119,416

Total Icons: 1165

Images available in PNG, PSD and more of various sizes

10. Icon Archive

Icon Archive is a professional tag based icon search engine with more than 330,000 icons for web developers, end users and graphic artists. Icon Archive went through three stages of development till it becomes what it is today, originally it started in as early as 1994 and enjoys a good reputation among the industry that BBC World once covered it in one of their weekly TV shows named ”Click”.

Alexas: 3174

Total Icons: 385,239

Images available in PNG, ICO, ICNS and more of various sizes

10 Free Halloween Icon Sets for the Coming Festival

Mabel — Wed, 24 Oct 2012 08:49:11 +0000

Halloween is coming!

As one of the most important and welcomed festivals, there are always a lot of fun stuff to do during Halloween, putting on costumes, playing trick-or-treating, carving a jack-o-lantern, which is the most significant symbol of Halloween. It is a time to hang around and have fun with family and friends.

Is your website ready for Halloween? I bet you must be thinking about adding some extra exciting stuff to your website that attracts visitors’ attention. Here we’ve gathered you 10 free Halloween icon sets to bring some Halloween atmosphere to your site. Enjoy!

1. Classic Monsters Icons by Fast icon

[Preview | Download]

2. Halloween Icons by Yellow Icon Design

[Preview | Download for Mac Download for Win]

3. Halloween 2012 Icons by Gold Coast Design Studio

[Preview | Download]

4. Halloween Icons by YOOthemes

[Preview | Download]

5. Vista Halloween Icons by Icons-Land

[Preview | Download]

6. Halloween Icons by Ergosign

[Preview | Download]

7. Lovely Halloween

[Preview | Download]

8. Halloween Vista Icons for Mac

[Preview | Download]

9. Halloween Avatars

[Preview | Download]

10. Dia de Muertos Dock Icons

[Preview | Download]

Conclusion

Integrate the scary or lovely Halloween icons into your website, isn’t it cool to click some ghost or pumpkin shaped icons during the Halloween time? Pick your favorite icon and tell us your choice.

Freebie: 15 Elegant Progress Bars

Mabel — Wed, 10 Oct 2012 09:24:20 +0000

We all have experienced this—waiting for a certain webpage to show up. Needless to say, that process is always boring and tedious. Well, today, I’ve collected a list of 15 elegantly designed progress bars for your future projects. And they are FREE! These delicately designed progress bars bring visual enjoyment to visitors waiting for the page to open.