Beautiful Examples Of Typography In Advertising

Recently dizyne.net published a great collection of advertisement examples and to be honest this inspired us to create a bigger collection of print ads with beautiful typography. You know,we are all surrounded with advertisements whether on TVs or magazines or even on streets. Without a doubt,advertising is the best solution to communicate ideas about new… Continue reading Beautiful Examples Of Typography In Advertising

An Introduction to Using Bower With WordPress

The majority of web projects today start with or include third party libraries. If you are working on a WordPress theme, there’s probably a good chance that you are using the HTML5 Boilerplate, Bootstrap, or Foundation. Most of these projects are available on GitHub and accessible via Bower. In this series I’m going to introduce you… Continue reading An Introduction to Using Bower With WordPress

Brightastic: Free Website PSD One Page Template

This week’s Freebie is a Free PSD Template called, Brightastic: Free Website PSD One Page Template, based on the Flat Design trend. Brightastic: Free Website PSD One Page Template is a multi-purpose website template, excellent for use with the popular Twitter Bootstrap, making it form the base of a creative Portfolio or Business Website Template.… Continue reading Brightastic: Free Website PSD One Page Template

CSS3 Animations and The New JavaScript Method Animate()

With CSS3 animations in HTML documents have become fairly easy to achieve. Using the “@keyframes” rule various properties such as position and size of an HTML element get defined. Then the property “animation” cares for getting the keyframes up and running according to their definitions. Without the need for JavaScript and plug-ins we are able… Continue reading CSS3 Animations and The New JavaScript Method Animate()

Quick Tip: Converting Photoshop Files to Code With Project Parfait

Project Parfait is a new tool from Adobe, currently in beta, which lets you open up any PSD directly in the browser to extract CSS, text and image assets from it. At the moment it only works on Chrome but Adobe plan to roll it out across all browsers as development moves on. Drag &… Continue reading Quick Tip: Converting Photoshop Files to Code With Project Parfait

Huge Vector Graphics Bundle Full of Useful Elements

One of the most useful collections of resources a designer can own is a library of vector graphics. No matter what kind of project you’re working on, there will always be times when you need to make use of a generic item. Usually you would have to manually create these peripheral elements, but having a… Continue reading Huge Vector Graphics Bundle Full of Useful Elements

The Art of Designing User Driven Websites

If you’re a woman, you probably know that when you go shopping to the mall, you have to enter every store at least once until you actually decide to buy something. If you’re a man, you probably never do this, unless, of course, you’re acompanying a woman. So, in this case, imagine how great it… Continue reading The Art of Designing User Driven Websites

20 Creative Websites Featuring Square Elements

There are so many ways to present website content to the public. Let’s take a closer look at websites that feature square and rectangular elements. As a rule, square blocks are used in portfolio and e-commerce websites as it’s one of the best way to organize and showcase a big number of works, such as… Continue reading 20 Creative Websites Featuring Square Elements

Fort.js – Modern Progress Bar for Form Completion

Fort.js is a modern progress bar for form completion. All you do is add the form and Fort.js algorithm will take care of the rest. Best of all, it super small. Using Fort.js is so simple, it’s simple. All you do is insert fort.min.js and fort.min.css into the <head> then pop in an <input> into <div>. Anything outside of the <div> won’t count. Yep, that’s all… Continue reading Fort.js – Modern Progress Bar for Form Completion

How to Create a Bright Geometric Circle Pattern in Adobe Illustrator

What You’ll Be Creating 1. Cut up a Circle Step 1 The design is simple to make. Start with the Ellipse Tool (L) and draw a circle. Copy (Control-C) and Paste (Control-V) that circle and make sure they’re perfectly Aligned. Select the top circle and go to Effect > Distort & Transform > Pucker & Bloat and set the slider to -71%. Expand under Object.… Continue reading How to Create a Bright Geometric Circle Pattern in Adobe Illustrator

Free Download : Themify Icons 320+ Pixel-perfect Icons for Web and Apps

Themify Icons is a complete set of icons for use in web design and apps, consisting of 320+ pixel-perfect, hand-crafted icons that draw inspiration from Apple iOS 7 – available to the public, 100% FREE! You may use or distribute it for any purpose, whether personal or commercial. This icon set is a must have… Continue reading Free Download : Themify Icons 320+ Pixel-perfect Icons for Web and Apps

45 Examples of Company Branding in Print Design Work

Print work covers such an array of ideas that it’s tough to pigeonhole one single aspect. When mentioning a company’s brand I typically think about logo designs for banners or business cards. There’s many other styles out there including letterhead samples from previous galleries. But a company’s branding needs to work well in both digital… Continue reading 45 Examples of Company Branding in Print Design Work

Latest Text Effect Photoshop Tutorials (17 Tuts)

An another fresh collection of Text effect Adobe Photoshop tutorials. These amazing tutorials help to design awesome 2D and 3D text effects with basic and advance techniques. These tutorials giving your typography illustration a fresh touch with traditional and digital media, mixing patterns and textures to give your work outstanding spark. You can use illustrated lettering… Continue reading Latest Text Effect Photoshop Tutorials (17 Tuts)

20 Professional HTML Admin Templates

If you’re a web developer, then you must have created at least once some HTML admin templates for your clients. To make things a lot easier for you and to save you some precious time, we searched the web for some ready-made HTML admin templates for you to use in your next projects. These are all… Continue reading 20 Professional HTML Admin Templates

Free Download : Simple Line Icons – 100+ Icons (Ai, Eps, Svg, Psd)

Today’s freebie comes from Mirko Monti.Simple line icon set. This clean icon set contains 100+ free line icons to use in your web and UI projects.All icons come in Ai, Eps, Svg, Psd format and all are well crafted. I think all popular icons are in this set.Enjoy.. ps:you can use them for your both… Continue reading Free Download : Simple Line Icons – 100+ Icons (Ai, Eps, Svg, Psd)

How to Create an Easy Coffee Shop Facade in Adobe Illustrator

What You’ll Be Creating In this tutorial you will learn how to create a street landscape with ease, using mainly the Rectangle Tool and a few effects in Adobe Illustrator. 1. Set the Background Step 1 Go to File > New to create a new document, size 600px by 800px. Create three new layers (Window > Layers): Step… Continue reading How to Create an Easy Coffee Shop Facade in Adobe Illustrator

Add to Homescreen Javascript & WordPress Plugins

iOS and Android are ruling the smartphone world. In the same time, websites are designed to display nicely on smartphones. We have dedicated mobile website and even the most popular solution – responsive web design. So, what else can we do to make it even more “mobile-compatibled”? Introducing “Add to Homescreen”! A small little plugin… Continue reading Add to Homescreen Javascript & WordPress Plugins

28 Photoshop Tutorials for Learning New Web Design Techniques

Some designers advocate skipping the Photoshop process and moving from wireframes directly into HTML/CSS. This is possible for smaller projects but not always advisable. Adobe Photoshop offers the best tools for testing color schemes, gradients, icons, and detailed page elements before moving the layout into your browser. If you’re a little rusty in Photoshop then… Continue reading 28 Photoshop Tutorials for Learning New Web Design Techniques

A Detailed Introduction To Node.js And MongoDB

Node.js is a rapidly growing technology that has been overtaking the world of server-side programming with surprising speed. MongoDB is a technology that’s revolutionizing database usage. Together, the two tools are a potent combination, thanks to the fact that they both employ JavaScript and JSON. At first glance, coming to grips with Node.js and MongoDB… Continue reading A Detailed Introduction To Node.js And MongoDB

Bhagaskara – Onepage PSD Template

Andreansyah Setiawan has released Bhagaskara – Onepage PSD Template. This template designed based on 1170px grid system and use Google Font Lato. Fully customizable (responsive) solution to showcase your creative informations with a modern and professional touch! Preview Download Bhagaskara – Onepage PSD Template from here.

20 Best Online Courses Websites for Web Designers and Developers

If you want to learn everything about web design and web developing, then these best online courses websites are a great choice! Sure, you can start by following free tutorials online or reading how-to articles, but this can take a while and you may not get the results you are looking for. Online courses websites… Continue reading 20 Best Online Courses Websites for Web Designers and Developers