miércoles, 24 de octubre de 2012

One% CSS Grid – A Fluid CSS Grid System For Responsive Websites

One% CSS Grid – A Fluid CSS Grid System For Responsive Websites:

One% CSS Grid is a fluid grid system for creating responsive layouts quickly.
The system is a percentage-based which means that it will adapt to any screen resolutions (mobile, tablets and big screens).
There are 2 options provided for starting a project which is based on the sizes of the fullscreen views; 1280px and 1024px.
One Percent CSS Grid
Only CSS3 media queries are used (requires JS for IE 7-8 support) and image resizing is handled as well.
Also, Photoshop actions and a Photoshop grid is available to design for the One% CSS Grid.

viernes, 19 de octubre de 2012

15+ Hand Picked PowerPoint Presentation Slides

15+ Hand Picked PowerPoint Presentation Slides:
Amazing PowerPoint slides can transform a presentation into an energetic, effective and impressive communication and help give your message a bigger impact. Creating high quality slides is truly a difficult task though, especially if you are not used to design PowerPoint presentation slides.
The whole idea in using PowerPoint presentation slides is to make a presentation as effective and clear as possible by visually supporting the spoken word. The purpose is to send a clear message to the audience and make all of them remember the essential parts. This is why your PowerPoint template design should be given proper consideration.
Most people do not have the knowledge and expertise to design their own PowerPoint templates effectively. Although some individuals manage the basics of creating layout slides, few have the skills and experience to create a design that will effectively represent their company. Fortunately, there are a wide variety of PowerPoint presentation slides available online.
When you decide to use a PowerPoint template you need to find one that is well suited your message and your company brand. It is important to consider how it communicates the values of your company, as well as the products and services you are known for.
In this post, I have collected a list of useful PowerPoint templates designed for different business purposes. They can be used directly or as inspiration and starting point for creating your own unique template. Using one of these PowerPoint presentation slides has a number of benefits.
  • Professionally designed to present information in the best possible manner
  • Optimal text arrangement and impressive visual elements.
  • Detailed descriptions of the presentation process.
  • Original and impressive tables, diagrams and PSD source files that will allow you to customize your presentation easily.
  • Save valuable time and have your presentations stand out from the crowd, while you focus on the message.

Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). I recommend that you do your own independent research before purchasing any product or service. This article is not a guideline, a recommendation or endorsement of specific products.

Swiss Style PowerPoint Template – MORE INFO

The content and colors of this template set can be edited easily. Several files are included with the product which includes: Potx and pptx image placeholder files to easily add images and screen grabs for users of PowerPoint 2007 and above, ppt files for PowerPoint 2003 up, layered PSD Photoshop detailed file and more.

Moving Lights –PowerPoint Template – MORE INFO

This template has an impressive background animation that will surely capture the attention of the audience during your presentation. Each presentation can be created quickly with the use of 12 predesigned slides, 6 master layouts and 3 color schemes. The text, photos and colors can be changed easily. Moving Lights is fully editable. There is an enclosed Photoshop file that is compatible with each graphic. You can change the animated background loop into any color you want, and there are more than 30 bonus icons. If you do not want to include animation in your presentation, you use the static pictures instead, which are included with the template.

Grid PowerPoint – MORE INFO

It is a simple and clean template that could be utilized for both business and personal use. The template is easy to print, and there is wide and standard version in pptx and ppt formats.

Mobile Marketing PowerPoint Template – MORE INFO

This template includes 89 color .png backgrounds, 1 Photoshop layered files for modifying the background, 4 PPT files for PowerPoint 97/2003 and 3 pptx files for PowerPoint 2007/2010.

Duckson PowerPoint Presentation Template – MORE INFO

This template includes more than 20 different slides and animated effects. Layered PSD files are incorporated with the template as well as .pptx, .ppt and .png files. Duckson PowerPoint Presentation Template is a clean and professional design with highly organized layers.

Utopia – MORE INFO

This template is a contemporary and stylish design that can be perfect for corporate, business and personal use. The content and color can be edited easily in both Photoshop and PowerPoint files. Subtle animation is included with the Utopia template. The files that are included with the template include potx and pptx files for PowerPoint 2007+ as well as pot and ppt files for PowerPoint 2003+.

Infographic Survey PowerPoint Template – MORE INFO

This is an excellently done Infographic presentation with 24 unique slides and Vintage style. An ideal template for any kind of statistical analysis or survey presentation that can be original and enjoyable for your audience. This template is ideal for all kinds of social media and web marketing concepts and other business requirements. The template is designed for easy customization. The elements are separated so you can manage them any way you like.

Media PowerPoint Template – MORE INFO

This is a template that was designed for corporate presentation, making it ideal for all kinds of business requirements. These include digital services, telecommunications companies, general services, design studio, SEO services, e-commerce services, web design, management, consulting and marketing. This template has a a lot of customization features like: 14 Delicious Sliders, Different Backgrounds Versions (Dark & Light), PSD Source files, PNG, JPG, PTT & PPTX, 5 Color Variations for each version to switch between(Yellow, Orange, Turquoise, Green, Red) and more.

Fresh PowerPoint Template – MORE INFO

An excellent PowerPoint presentation incorporated with fresh style. This template was carefully created for easy customizations. The style makes the template more eye catching, comfortable and attractive for viewing., which you can use it for any kind of projection.

Clean Cream PowerPoint Presentation – MORE INFO

This template is a minimalist and creative presentation that is ideal for both corporate and personal use, and it is great for company projects as well. The presentation can be edited easily, and it is entirely customizable. If you are going to purchase Clean Cream PowerPoint Presentation, you will also get 24 minimalist icons as bonus.

Swiss Block PowerPoint – MORE INFO

A clean and simple template, Swiss Block PowerPoint can be used for any kind of presentation. Editing is easy with the appropriate master slides included in the template. With its clean design, the content of your presentation can really become the focus because there is less background clutter.

Teamwork presentation (free) – MORE INFO

Inspire your team to work together as a unit explaining the fruits of team work with this Team Work PowerPoint presentation. Add appealing pictures and data.

Elegant PowerPoint Presentation – MORE INFO

This template includes 14 premade slides. It is compatible with PowerPoint 1997 up to 2008. There are 3 zip files that are included in the set: .pptx, .ppt and .pot. Furthermore, there are 14 master pages included in this template.

TempoLogic PowerPoint Template – MORE INFO

TempoLogic is a PowerPoint Template that is very easy to edit. There is even no need for PhotoShop to change the colors of your presentation. The font used in the presentation is HelveticaNeueLTStd-bd. TempoLogic PowerPoint template includes: 2 PPTX files for Microsoft Office Powerpoint 2007/2010 + 1997/2003, 2 Adobe Photoshop layered files and 16 color backgrounds.

Thunder PowerPoint Template – MORE INFO

This is a simple event presentation that you can utilize in various ways. You can use the template for a business, studio, agency or any type of presentation. The template has 14 Different Slides included.

Communication services presentation (free) – MORE INFO

Use this sample presentation as a start for your communication services or technology slide show. The template contains slides for table of contents, information layout slide with table, information layout slide with a bar graph, information layout slide with a pie chart, and a thank you slide. The table of contents slide contains a video of a second hand moving on a clock.

Loft PowerPoint – MORE INFO

The Loft PowerPoint set contains 20 custom animation and unique slides. The slides could be changed easily without using Photoshop – perfect for personal and business use.

Review PowerPoint – MORE INFO

Review PowerPoint contains two dozen unique slides that are ideal for personal and business use. Each slide can be edited easily with 5 different color options.

Group Discussion!

I like to know what you and your colleagues think of these PowerPoint presentation slides. Also, please add your comment below and share this post with your friends and colleagues.

Author : Andy

15 Online HTML5 Tools for Web Designers

15 Online HTML5 Tools for Web Designers:
Online HTML5 tools are quite useful for web designers who wants to forge ahead of the competition, and have more satisfied clients. It is of course important to follow developments and keep an eye on new tools that emerge.
HTML5 is the new version of the markup language HTML that has been used for presenting and structuring online contents since the early 90s. It is an internet core technology that was proposed originally by Opera Software. If you want to learn more of it’s background and history these HTML5 infographics can help you. HTML has been standing in the shadow of other frameworks like Flash and IE, but the word is, that this is going to change with the arrival of HTML5. As of today, HTML5 is still being developed, but believe me, it is here to stay.
HTML5 has opened a window of opportunities for web designers. Online web design tools based on HTML5 makes it easier to incorporate audio, video, drag and drop, fonts, animations and graphics into web pages. HTML5 also helps web designers build mobile friendly website themes to ensure excellent user-experience when surfing the Internet on mobile devices. However, since such tools are fairly new, some people may still be unaware of their true potentials. Also, some web designers still want to use Flash and other popular framework as their primary tool set.
Below, I have listed 10 useful online HTML5 tools. They can provide developers and web designers with manoeuvrability in making websites more convenient, productive and attractive.


Moqups – HTML5 App For Creating Wireframes

Moqups is a HTML5 web app for creating wireframes, mockups or UI concepts. You can go to their blog and read more about this highly popular project.

Fontdragr – Online Font Testing Tool

If you are a designer, you might find it difficult to choose a decent font. However, using this online font testing tool can make the process much easier. You can view any font you want in a webpage without changing its CSS or HTML code.

Liveweave – HTML5, CSS3 & JavaScript Playground

Liveweave is a new playground for developers and designers to test HTML, CSS and Javascript. Liveweave editor has built-in context-sensitive autocompletion for HTML4/HTML5 and CSS2/CSS3, that makes life a lot easier.

Adobe Edge Animate

Edge Animate will allow you to create animated and interactive web contents. It has an easy to use and intuitive interface, precise control, broad reach and more.

HTML KickStart

HTML KickStart is not really a tool, it is a set of HTML5, CSS, and jQuery building blocks for website development. It includes files, layouts, and elements that will give you a headstart and save you hours on your projects.

Stitches – An HTML5 Sprite Sheet Generator

Stitches is a really easy-to-use HTML5 sprite sheet generator. Simply drag and drop image files onto the app, click “Generate” and your sprite and stylesheet will be good to go. Currently compatible only with the latest version of Firefox and Chrome.

Create – Web Editing Interface

Create is a new web editing interface that uses a browser-based HTML5 environment for managing your content. It can be adapted for use with virtually any content management backend.

SpriteBox Online HTML5 Tool

These days, compressing images seems to be the rage. By placing your photos in a Sprite, you can increase the rate of your loading times as well as image transitions. Online Sprite Box Tool will aid in designing photos into sprites with the use of HTML5, CSS3 and jQuery.
Online Velocity Sketch Tool
This unique HTML 5 online canvas drawing tool can make creative, strange looking creations. Use this HTML5 tool to come up with something really awesome for your designs.

On/Off Flipswitch HTML5/CSS3 Generator

A beautifully designed and super-easy-to-use tool for generating your own HTML5/CSS3 “On and Off” flipswitches with optional animated transitions.

Online SVG to HTML5 Canvas Tool

Most vector art packages such as Inkscape and Illustrator can export SVG or Scalable Vector Graphics elements. This tool will allow you to convert SVG files into its HTML 5 canvas equivalent.

Online 3D Sketch Tool

This sketch tool uses the capability of HTML canvas in creating 3D drawing. The tool will allow you to draw with dashed lines and vibrate your drawing. You can also rotate the 3D canvas by dragging with the cursor horizontally while pressing down the Space Bar.

Online Pattern Generator Tool

This is an online tool that can be quite useful for creating header and page backgrounds. Designers can even use the tool to create heading backgrounds. The tool will allow you to try out any pattern you want in just a few seconds.

Online XRay Tool

Online XRay Tool allows designers to quickly view the details of various page elements that are present in any webpage with just a few clicks of the mouse. Just drag the website bookmarklet into your own book bookmarks, go to the webpage you like to analyze, click on the XRay bookmark and then click on any element of the page. The tool can take care of HTML5 elements like canvas and give you the design data you need. online-Xray-tool

Online HTML5 Audio Maker Tool

Among the best features of HTML5 is the introduction of the audio tag. This tool will help designers get familiar with the newest audio features being offered by HTML5. Even more interesting is the fact that designers can play, not just with audio, but also with video integration using this HTML5 online tool.

Author : Andy

Freebie Friday – Handy Set Of Free Website Icons

Freebie Friday – Handy Set Of Free Website Icons:
Freebie Friday - Web icons
Friday is here and we have got a new crisp freebie ready for you.
This week the package contains a set of free website icons for web developers and enthusiasts. Comes in an easy to tweak PSD file. Enjoy!”
Please share this resource with your friends and coworkers!

Free fonts used in the PSD.

To download this Freebie please Like it on Facebook!
Original Post

40 Awesome Sets of Photoshop Line Brushes

40 Awesome Sets of Photoshop Line Brushes:
photoshop line brushes
With Photoshop line brushes you can create great looking line patterns, borders etc. in a snap. They are also useful as separators and as design elements in backgrounds. We often feature different types of Photoshop brushes and we believe they are pretty useful for graphic designers. Hope you find them useful.


Dashed Line Brushes by Aless1984

52 Dashed Line Brushes for Photoshop CS.

Straight Grunge Lines Brushes by DieheArt

Straight Grunge Lines Brushes Part.1 for Photoshop 7.0!

Hi-res Flowing Line Brushes by JPeiro

Set of 10 Hi-res flowing line brushes created with Adobe Illustrator CS4 and Photoshop CS4.

Flowing Line Brushes by Thurgood

8 smooth flowing line brushes created with Adobe Illustrator CS and Photoshop CS.

Spiro lines 2 by deviantales

A brushe set for Photoshop CS2, made in Illustrator CS2

Diagonal Line Pattern Brushes by Cassie47

Diagonal Line Pattern Brushes made in PS CS.

Line Pattern Brushes by Cassie47

Line Patterns PS CS ABR and Image Pack.

7 Line Brushes by anglesey

7 line brushes in one pack.

Construction Line Brushes by dungeonesque


Abstract Lines by PhysicalMagic

8 Extra Large Abstract Line Brushes!

Line-frame brushes-100 x 100 by mystique87

A set of 100 x 100 pixel made in line-frame brushes, made in Photoshop 7.

Wavy Lines by mcbadshoes

12 Wavy Line brushes!

Large Streak Line Brushes by princess-RxY

20 Photoshop streak line brushes in a pack.

line brushes by leals

An attractive collection of Photoshop line brushes made in PS 7.

Diagonal lines by Sanami276

17 diagonal line brushes suited for headers and wallpapers.

Grungey lines brushes by AlenaJay

A selection of grungy line brushes for any use you decide to put them to.

Arrow line brushes by darkdana666

Set  of arrow line brushes made in Photoshop CS2.

Dotted Line Brushes by ohgalore


Assorted Line Brushes by aV3nG3d

Set of 9 brushes.

line002 by ShadyMedusa-stock

8 brushes in one set.

Vector Lines pack by LivanaStock

Includes 2 background line brushes and 8 diagonal lines.

abstract lines brushes by shadow-sapphire

This is a set of 5 abstract line brushes.

Swirl and line brushes by Serenityfhotography

15 swirl brushes in one pack.

Photoshop Scanline Brushes by fatz18

A collection of 10 Scan Line Brushes for Photoshop.

Spiral Brush Set by Brushking

A high resolution spiral brush set, featuring over 14 amazing brushes for you to play around with.

Photoshop Brushes: Vector Lines by Ars Grafik

Set of 10 hi-res Photoshop brushes of abstract vector lines.

Paint Lines brushes by env1ro

PaintLines contains 24 HQ brushes (resolution about 2500px) compatible with PS 7 and up!

Magic Sparkle Lines HQ by IHEA

A set of beautiful brush set for fantasy inspired artworks.

Line Brushes by missfairytaled


Straight Striped Lines Part 3 by DieheArt

Grunge lines with striped patterns made for Photoshop 7.

Linear Brush Pack 1 by rebelFive

A Brush Pack with smooth lines made in Illustrator and thrown together in PS.

Circuit Lines by Yun-Zhen

Kind of designs you see on circuit boards. 32 Brushes in all.

Pulse Line Brushes by pindlekill

Photoshop brushes consisting of pulse lines that you would see on the life monitor in a hospital.

Photo Lines Brushes by DieheArt

Photo Lines Brushes for Photoshop 7.0 which can be very handy for other designs and artworks.

Line Brushes by ArrsistableStock

A pack of solid and dotted lines.

Photoshop Spirograph Brushes by Fortelegy

A Spiro/Basic Fractal Brush Pack which includes a mix of digital spirograph and line brushes.

crazy lines brushes by szuia

Pack of 26 simple brushes, made with pen tool and dot/square brushes in PS CS2.

Overlay Lines Brushes by spud100

Two brushes, for putting thin lines over images.

Grunge Lines Brushes Part.1 by DieheArt

This set contains 35 brushes.

Waved Stripes Brushes by Thurgood

13 waved striped brushes made with Illustrator CS and Photoshop CS.

Author : Sonny Day