Desizn Tech » Round Up

A Showcase of Animals in Logo Design

dt_guest_author — Thu, 29 Dec 2011 14:21:46 +0000

Creating a logo that perfectly suits a particular company or brand’s personality can be extremely challenging – and it’s perhaps even harder when the logo needs to include, or show off, a character or mascot. Designing a logo around an animal can be extremely difficult, but it can also be rewarding when you get it just right. That logo can match the personality of the brand and stand out from the regular, more traditional brand logos. We have selected a showcase of animals in logo design to help inspire you for your next brand design.

Are there any logos that you think deserve a mention? Let us know in the comments.

Massive Freebies Password: d08YkM1

50+ High Res Watercolor Photoshop Brushes

Kawsar Ali — Tue, 10 May 2011 16:18:19 +0000

Watercolor technique is really beautiful and artistic. We released a watercolor icon set couple of days ago and the icon set got well feedback. Lot of watercolor brush and paper textures were used on those icons. In this post we are sharing, some of those high res Photoshop brush set that we used. Most of them are free for personal and commercial use.

9 HQ Watercolor Brush

32 High Resolution Splatter Brushes

WG Watercolor Brushes Vol1

Watercolor Brush

WaterColor Reloaded

6 High Res Watercolor Brush

38 Watercolor Brushes

9 Brush For Photoshop

WaterColor EXTREMUM

WG Splatter Vol1

Watercolor Brush Pack 1

28 High Resolution Watercolour Brushes

Watercolor on Paper

25 Large Watercolor SPLATS

SimpleSmudges 2. Brushes

To achieve the full watercolor effect be sure to use some textures.

Massive Freebies Password: d08YkM1

25 New Free High Res Icon Sets

Kawsar Ali — Fri, 08 Apr 2011 16:02:08 +0000

Free icon sets are always useful when designing websites, interface and apps. To craft an amazing icon set design requires patience, plans and creativity. Here we have gathered some recently well designed icon sets are available for free to download.

Do not forget to credit the designer if you use them in any of your project.

Monochromatic Iconset

48px Icons

Small Icons

Leaf Mimes Icons

Minim Icons

Web Design Set

Aristocracy

Twitter Bird Icon Set

Clouds Icons

Invite Stamp

Renova Icons

Fruitsalad Dock Icons

Pictograms

Grey Icon Set

Twitter Bird Doodle Icons

Pfui Spinnes Flurry Extras

Mini Vector & Custom Shape Icon Set

File Type Icons

Glyphs +psd

Tabs Color: Social

Hand Drawn Web Icons

32px Rounded Icon Set

Notes Icons

Packy Icon Set

Icons Rokzu

Related

Lead Texture Credit

Massive Freebies Password: d08YkM1

25 Fresh jQuery Plugin That Will Rock Your World

Kawsar Ali — Wed, 11 Aug 2010 14:11:59 +0000

jQuery Plugin repository keeps growing everyday with new plugins which has useful functions. These plugins makes our job as web designer so easy. For example: If we wanted to add an image gallery, an animated menu for a project we do not have to write the plugins from scratch. In this post we are sharing with you 25 recently released jQuery plugins that will amaze you.

Image/Content Gallery and Sliders

Below you will find some new cool jQuery plugins for image gallery and slideshow. Some of these image plugins are actually clone of Lightbox, with more features added such as video integration, different transition, metadata and more.

Exposure

Demo | Download

jQuery Menu and Navigation

Below you will find different jQuery menu plugins with different functionality such as tree view, fade, sliding and many more effects.

jQuery Menu Style

Demo | Download

ImagineMenu

Demo | Download

HoverFade

Demo | Download

jMenu

Demo | Download

AjaxFlagMenu

Demo | Download

Tooltip, Ajax Loader, Social Stream Plugins and More

Here are some more jQuery plugin that can be used throughout your design projects for tooltips, layout and loading and more.

Poshy Tip

Demo | Download

jQuery Canvas Loader

Demo | Download

Jquery AjaxSuggest

Demo | Download

Ajax File Uploader

Demo | Download

Social Stream

Demo | Download

3d Tag Sphere

Demo | Download

Extruder, Slide Extra Content

Demo | Download

LS Panels

Demo | Download

So, there you have folks. Most of these plugins looks handy and can be used to various ways. As we mentioned most of these plugins are new and have been released in last few months or so. If you know any useful jQuery plugin that we have missed shout share it in the comment.

You Also Might Like:

Massive Freebies Password: d08YkM1

5 Mozilla Labs Projects You Might Want to Know About

Kawsar Ali — Tue, 27 Apr 2010 04:36:51 +0000

Mozilla is the innovative foundation that bought us useful applications like Firefox, Thunderbird, SeaMonkey and many more. If you thought these are the only applications from Mozilla, you will be surprised to know they got some more cool application cooking up in their labs. Here are 5 worthwhile Mozilla projects that we came across, that you might find useful.

1. Prism

Let’s face it, it is the age of the web apps. Everyday we find ourselves using numerous web apps. Would not it be wonderful if we can just turn our favorite web app into a desktop app? Look no further , Prism is here to help. Prism lets you run web app in their own window just like normal applications. You can download the Firefox add-on or the standalone application.

When you start the prism you will see the above window and you fill the information o about your favorite web app such as Gmail, Facebook and your set! You can create a shortcut icon on your desktop or application/start menu for easy access.

2. Contacts

The Contacts add-on integrates with local and web-based address books to bring all of a user’s contact data into a single database. You can connect and import your Facebook, Twitter, Gmail, Yahoo, Plaxo, Linkdlen.

After you install Contacts, it runs right on your Firefox. Easily search and browse your contacts in the browser.

3. JetPack

If you are someone who is passionate about Firefox add-ons this a must check out project. JetPack is a project that lets web developers to create firefox add-ons using the common web technologies (HTML, Javascript, and CSS). The add-ons can run in Firefox, Firefox Mobile, and as stand-alone application. If you want to use Jetpack you must have Python installed and Firefox obviously. It is easy debug and test your add-ons using Jetpack because of the extensible code library and the instant save-refresh development cycle. You can install Jetpack addon from here . Following is a screenshot of how it looks like.

For some inspiration and projects you can visit Jetpack Gallery Find more information on jetpack here and here .

4. Bespin

Bespin is web-based code editor that supports HTML5 standards. Point your browser to Mozilla host Bespin (https://bespin.mozillalabs.com/) website to test Bespin and start coding. You need to have an account when you first launch Bespin, which can be done in 10 seconds. Following is a screenshot of how it looks like.

You can download Bespin from here and embed Bespin in your website :

More information on Bespin can be found here

5.Weave

You bookmarked a website on your desktop firefox, but you are on the go and you need to visit that website. Darn! If only there was a way. If want seamless browsing experience between your mobile and desktop device then Weave will help to do that. When you switch between your mobile device and desktop Firefox browser your history, open tabs, bookmarks, the Awesome Bar will be synced by Weave.

Image credit

As of now Weave provides continuous synchronization of your bookmarks, browsing history, saved passwords and tabs.

Another project you may also want to check out is Snowl (Inactive)- which provides messaging-in-the-browser experiment.

You can find all the information you need about any Mozilla labs projects here. Thanks to all the creative people at the Mozilla for bringing use these useful add-ons and application. Which of these projects do you like most? Anything new you would like to see?

Massive Freebies Password: d08YkM1

10 Free and Useful IDE for Programmers and Developers

Kawsar Ali — Sat, 17 Apr 2010 22:30:32 +0000

An Integrated Development Environment (IDE) also known as Integrated Design Environment is a software applications that provides coding, editing and debugging tool for creating desktop applications, web application, java based application and more. In this post, we have gathered some useful and must have free IDEs for programmers and web developer .

Do not confuse Integrated Drive Electronics- IDE with Integrated Development Environment, which is also known as IDE. They are two different things. The basic features of an IDE includes :

A text/ source code editor – To edit different scripting and programming language such as PHP, Phyton.
A compiler and/or an interpreter – To transform source code into computer language.
Build automation tools – For automating to task that developers uses on a regular basis.
A debugger – To check for errors and mistakes.

Some of the IDE’s that are targeted towards web development also includes FTP.

Why Would You Want to Use an IDE?

If you are wondering how an IDE would benefit you, here is an example. Let’s say you are creating a web app using Java or PHP. You would have to go back and forth between Firebug, text editor and FTP, Firebox. You lose time in switching between different applications. An IDE fills in this gap by keeping you focused on your work rather than switching between different applications. You get features of four or five different applications in one. If you want to get into hardcore coding IDE is a must. So here we have complied a list of free IDE that you can try and use. We will also include some paid IDE software at the bottom of the post.

WebScripter (Mac)

WebScripter is an IDE for web programmers with a nice and clean interface that includes code editor , FTP, debugger and more features.

Aptana Studio (Windows/Mac/Linux)

Aptana is well known IDE among the programmer and developer. Beside the usual features you can also add plugins , which makes Aptana a must have tools for developers.

Qt Creator (Windows/Mac/Linux)

Qt Creator is mainly used C++. It has an advanced code editor , visual debugger and many more features.

Code::Blocks (Windows/Mac/Linux)

Code::Blocks supports multiple compilers, including Microsoft Visual C++, Borland C++, Watcom , the Intel C++ compiler and many more.

Syntori (Mac)

Mainly focused for Java developers who enjoys the mac interface. Includes lots of features for debugging.

NetBeans IDE (Windows/Mac/Linux)

NetBeans is a cross platform, opensource IDE that supports many languages such as Ajax,C/C++, JavaScript, Ruby, PHP, Python and more. Pick your scripting or programming language and get to work. You can create desktop, mobile, web applications using NetBeans.

Eclipse (Windows/Mac/Linux)

Eclipse is a multi-language software development environment. You can download the PHP, C++ or Java IDE from here

PSPad (Windows)

A code editor that support many different language such as C++,CSS, HTML, XHTML,Java, JavaScript, Perl, PHP, Python, SQL, TCL/TK, Unix ShellScript, VBScript, Visual Basic and more. Some features to mention: FTP Client, Macro Recorder, File Search/Replace, Code Explorer and more.

Microsoft Visual Studio Express (Winodws)

IDE from Microsoft that includes a code editor supporting IntelliSense as well as code refactoring. Built-in languages include C/C++ (via Visual C++), VB.NET and C# and also supports other languages such as, Python, and Ruby, XML/XSLT, HTML/XHTML, JavaScript and CSS.

Edit: Visual Studio Express is free not the Visual Studio in General (as a reader pointed out).

Ulzard (Web Based- Windows/Mac/Linux)

If you need an IDE on the go, Ulzard is an useful on browser IDE. Mainly focused on web applications, that relay on JavaScript frame works.

Not Free, But Worth Checking Out

Which IDE is your favorite? Is there any we missed here? Share with everyone in the comment.

P.S. : Wikipedia and the Applications websites used on the research.

Massive Freebies Password: d08YkM1

Replace Flash with jQuery:Tutorials and Resources

Kawsar Ali — Tue, 06 Apr 2010 15:31:47 +0000

Flash been around for sometime. While some web designer loves to work with flash the other despisethe usage of flash on webpage. In this post we are lobbying to increase the use of jQuery on websites.

Image Credit: Response Time: Eight Seconds, Plus or Minus Two

If you have a whole website built on flash because of the fancy transition, the load time is unfavorable on the user end and also bad for the search engines. As many researches has shown that average time people are willing wait for a webpage to load varies between 0.4-4 seconds. Therefore it might not be wise to use flash to create an entire website. Flash has it’s places for example: games, splash pages, banners, online interactive application and

Three Simple Reasons Why You Should Use jQuery

jQuery faster, lighter (only 155kb, Minified), cross browser compatible.
You can almost have the same effects and functionality that you get using flash using jQuery. ( The included tutorials in this post is a proof that)
Flash is not compatible on many mobile devices such as iPhone and mobile browsing is increasing day by day.

If you want more information on flash vs jQuery head over logicpool for detailed comparison.
Now that we have explained to you why you should use jQuery when creating webpage, here are some tutorial that you can use to achieve Flash like effect, hopefully with less coding, timing.

Making a Mosaic Slideshow With jQuery & CSS

This tutorial in detail explains how to create a image slideshow with Mosaic transitions. You can modify the speed and also how the mosaic is viewed.

A Fresh Bottom Slide Out Menu with jQuery

Using a jQuery animate method this tutorial shows you how to create an interactive menu. The coding is fairly simple and understandable

Simplest jQuery Slideshow

Web Developer Jonathan Snook shows how to create a jQuery slideshow without any plugin. It is as simple as six lines of code. You can modify the interval between the images

Mask Your Input Forms and Make It Beauty

This tutorial improves usability and user experience using jQuery. You will learn how to and blurr or focuses when selected the inputs in the form.

Learning jQuery: Your First jQuery Plugin, “BubbleUP”

A step by step tutorial that explains how to easily create a jQuery plugin. You can use the same technique described in the tutorial for navigation, menu or images.

The Easiest Javascript Sliding Door Effect Tutorial with jQuery

Sliding is door is quite famous for navigation. In this tutorial the technique is applied to images to show image description. It could very useful if you are creating a gallery site

Rotated Background with Slide Up Menu using JQuery and CSS

This tutorial is very innovative. Forget about Flash. Using CSS and jQuery you will learn how to have background that rotates while the navigation is overlayed.

How to Build a jQuery Brush Stroke Navigation

As the titles states, this tutorial shows how to simulate brush strokes in navigation sprites and jQuery.

NivoSlider Plugin Tutorial

This is more of plugin showcase. Nevertheless, the page includes a tutorial on how implant the plugin. What is so awesome about the plugin is the transition between slides. They are flash-like smooth transitions.

Using jQuery for a Simple Animated Fade Effect

A very simple yet effective tutorial on how to achieve the fade effect using three line of code.

Create An Awesome Image Gallery Using CSS3 and jQuery

Using CSS3 transform property and jQuery , this tutorial creates an image gallery that is very dynamic.

Positioning Backgrounds with jQuery

Learn how to create a navigation with different effect using jQuery background position plugin.

jQuery Blinds Slideshow/Slider

jQuery blinds another fresh slider that deserves attention. It is very easy to implant, smooth animated transition and cross browser supported.

Grungy Random Rotation Menu with jQuery and CSS3

A creative menu that rotates using jQuery.

Making a Photoshoot Effect With jQuery & CSS

This is a tutorial of the future. A very creative, unique jQuery that shows how to mimic the photoshoot using jQuery.

Making an Interactive Picture with jQuery

Want an image with hints and description ? No problem. Using this tutorial you will be able to create and interactive picture.

Building an Interactive Map with jQuery Instead of Flash

Very ingenious use of jQuery. This tutorial explains how the author crated an interactive map using jQuery .

More Useful jQuery Resources

Finally, I would like to point out this article it is not totally disregarding flash. As I have mentioned above flash is useful for certain things, but for the web perhaps seeking out if there is alternate options( which is jQuery), might be best for user experience and faster websites.

Massive Freebies Password: d08YkM1

20 Free Fonts for Fresh Corporate Designs

Kawsar Ali — Fri, 19 Mar 2010 20:23:14 +0000

Corporate design usually requires elegant, bold and eye-catching fonts because they represent an identity or a brand. If you are working on a corporate design which doesn’t necessarily need to be conservative, you could spice it up by using one of the fresh and clean fonts below. Here are 20 free fonts that you can use for your next design projects.

Sansumi Bold

Champagne Limousines Bold

Junction

Quadranta Bold

Familian Son Oblique

Neogrey Regular

Diavlo Book Regular

LT Oksana Medium

Delicious Roman

Walkway Ultra Bold

Advent Bold

Cyclo

Butter Unsalted

Decker

Y2K Neophyte

Giraffe

Wendelin Normal Kursiv

Geosans Light

Existence Light

Zag Regular

Massive Freebies Password: d08YkM1

20 Must Know Recent CSS and CSS3 Resources and Tools

Kawsar Ali — Wed, 10 Feb 2010 19:29:53 +0000

CSS is always the easiest method to improve websites design and functionality. Moreover, The next version of CSS (CSS3) will revolutionize the way websites works. Except Internet Explorer most of the modern browsers supports CSS3 features. Here we present to you 20 recent CSS & CSS3 tools and resources you need to be aware of as a web designer/developer.

You can check here what CSS3 features Internet Explorer supports. Although, none of the new exciting new features of CSS3 are supported, Microsoft Announced to support CSS3 in Internet Explorer ( IE9). Keep your finger crossed!

Frameworks and Tools

HTML5 & CSS3 Framework- 52 Framework

HTML5 Reset Stylesheet

Easy Framework

CSS Sorter

CSS Sorter is a free online tool that organizes CSS rules alphabetically so that it is be easier to maintain your CSS files.

Helium-css

Helium is a tool for discovering unused CSS across many pages on a web site. The tool is javascript-based and runs from the browser.

Tutorials and Resources

Introduction to CSS3 and Resources

Get the Best out of CSS3

Multi Columned Layouts in CSS3

Pure CSS3 Rotating Coke Can

View Source on this page to see how it it done.

Beautiful Looking Custom Dialog Box With jQuery and CSS3

Depth And Nice 3D Ribbons Only Using CSS3

Drop Shadow in Images : No extra markup

Star Rating Using CSS Sprite and jQuery

Multi-level Multi-column Multi Menus with Pure CSS

CSS Paper Bird

View the source on this page to see how it is done.

Guide to Font Sizing with CSS

The Importance of the !important CSS Declaration

CSS Minification on the Fly

CSS Shorthand Clockwise Rule

Overlapped CSS Menu Using CSS Sprites

Massive Freebies Password: d08YkM1

Must Have High Quality Free Vectors for Designers

Kawsar Ali — Thu, 28 Jan 2010 00:57:42 +0000

Vectors are really useful for design projects and web applications. One of the best thing about vector is the scalability without losing quality. No matter how you size the vector, still looks same. In this post, we have collected some high quality useful vectors that will be useful if designing a website or application.