DesignM.ag » Resources

26 Resources for WordPress Tutorials Themes and Plugins

Jake Rocheleau — Mon, 07 May 2012 13:54:27 +0000

Freelancing seems like one of the most lucrative job titles. And it’s true that setting your own hours and working on interesting projects can be a lot of fun. But there is also the matter of looming deadlines and touchy clients you need to keep satiated.

One of the most important tools for a freelancer is their work station. You can’t get anything done if your work area is poorly setup, cluttered, or too small to fit inside. In the gallery below I have put together 40 brilliant examples of freelance offices, both home & industrial. Your creative space is truly a sacred realm where you must remain focused and motivated. I hope some of these photos can enliven your spirit to continue designing and freelancing.

ThemeShaper Blog

WP Recipes

Blog Perfume

Theme Lab

WPBeginner

WordPress TV

WPDesigner

WPHub

WP Garage

WP Engineer

WP Inspiration Gallery

WP Themes Gallery

WPZoom

WPCandy

Digging into WordPress

WP Tuts+

WP101

wpSnap

Code Visually

WP Kube

WP Site

WP Theming

WP Fractions

WPShout

WordPress Tavern

WP Hacks

Advertise here with BSA

24 Free Mini Icon Sets To Download

Brant Wilson — Fri, 20 Apr 2012 15:50:04 +0000

Advertise here with BSA

In this roundup we have collected some mini icon sets to download. Enjoy!! If you like these icons you might want to check out our previous posts below.

35 Free Icon Sets

43 Free Social Media Icon Sets

25 of the Best Blogging and Social Media Icon Sets

Pixicus Icon Set: 106 Pixel Perfect Icons

Minimicons

Free Mini Vector App Icons

Mimi Glyphs free psd file

Mimi Glyphs

50 Crisp Web UI Icons

Vento Icon Set

160 Tiny Icons

16px Glyph Icons

Washing Machine Icons

Soft Media Icons Set Vol 1

Soft Media Icons Set Vol 2

Pirate Icons

128 16px Toolkit Icons

Shopping Icons

Advertise here with BSA

HTML Meta Tags and SEO

scottstanton — Tue, 27 Mar 2012 12:09:57 +0000

Advertise here with BSA

Remembering to add meta tags or knowing which ones to use can be a bit of a task in itself, or can often be overlooked. That’s when using a HTML editor or template building system can help. You don’t have to buy special programs and spend hundreds of dollars to build a website any more. In fact, you can build a free website online at sites like www.wix.com. On the 26^th of March Wix will be unveiling their new, free HTML website builder. Wix has already gained widespread popularity for their drag-and-drop Flash website builder that allows users to easily build complex, powerful, and stunning websites. Whether you’re looking for an easy way to put together site with a full screen background, or display your portfolio online, Wix is certainly worth checking out. It doesn’t matter if you’re a seasoned web developer or an ambitious do it yourself-er, creating a free HTML website or SEO friendly Flash website has never been easier.

The HTML meta tag is a meta element used to give structured metadata to pages on a website. There are five total HTML and XHTML valid attributes in HTML5: content, http-equiv, name, scheme and charset and a single HTML or XHTML file can contain multiple meta tags. The tags reside in the head section of the file and are loaded prior to the content of the page being loaded.

In the past, when a programmer started to design a html website they would often utilize the meta tags as a means of search engine optimization. Because the tags are in the head section, they are not visually present to a visitor browsing the site. However, when using the meta name attribute a developer can easily plug in appropriate keywords that will help a search engine better categorize the website. The code is simple and needs to reside within your tags. An example of a keyword meta element:

Search engines like Infoseek and AltaVista, amongst others, are noted for popularizing the keywords attribute back in the mid 90’s. The result was an overwhelming number of companies plugging false keywords in to the attribute or their sites in order to attract more visitors. The keywords would not be relevant to the site and were only entered in an attempt a high search result, regardless of the fact the site had been indexed wrong and didn’t match the searchers desired result. Search engines quickly began dropping the keywords attribute as a factor in their site indexing algorithms and the element was considered all but dead when Matt Cutts of search engine super-giant, Google, stated in September of 2009 that they were no longer taking keywords in to account at all.

Unlike the keyword attribute, the description attribute is a widely supported attribute that gives a precise explanation of the content within a web page. With such a lack of support of the keyword attribute, the description is a great spot for a developer to place some important keywords to help optimize the page for better search engine rankings. There is no W3C specific length for a description meta tag, though most search engines recommend that it be kept under 155 characters. Though the description attribute will not be visible on the page that it actually represents, most search engines will display the description under the link to your site in a list of search results. Having a keywords placed inside a concise and well-written description will help increase traffic to your site.

Some developers will also utilize other meta tags such as language or zip code to help the indexing of a site. The language attribute tells a search engine what the native language the page is written in (English, German, Italian), opposed to how the website was coded (HTML). Using the language attribute is greatly beneficial in websites that feature multiple languages, as it can be included on each page to assist search engines. It is suggested that you use this tag if your site is written in non-US English. For example, a site based out of theUKwould want to include the following meta tag.

When a client is looking to boost their local results you can use meta tags like zipcode, city, and country. However, it’s worth noting that using these tags doesn’t help your search ranking on a site like Google as much as adding your business to Google places most likely would.

Advertise here with BSA

33 Wonderful Scenic Ocean Landscapes

Jake Rocheleau — Mon, 26 Mar 2012 12:00:45 +0000

Advertise here with BSA

The ocean can be an extremely calming experience to help soothe your troubles. This may be why vacation spots are so popular on the coastline and in islands around the world. But unfortunately we can’t all take beach vacations every week – but photographs can bring back a similar feeling.

The bundle I’ve put together is a fantastic collection of new ocean photographs. I find the beach to be very inspiring and leaves me with a sense of serenity in the day. Let us know your thoughts and if you have taken similar photos feel free to share in the discussion area below.

Cape Cod, Massachusetts

Oyster Pond

Sunset York Beach

South Coast Oregon

Terekhol beach

Winchelsea Bird Watch

Miami Beach

Kechria and Ligharies Beach

Beach Alhoceima

Hollywood In Hawaii

Putsborough Beach

La Jolla Landscape

Landscape near Rambla de Castro

Great Ocean Road

Beach & Castle Walls

Sunset on Fourni Beach

Palm Shadow

Pez Maya beach

Aphrodite’s Rock

Ocean Beach

Copacabana Beach

Beach & Pilos

Persian Gulf, Iran

Olgas Landscape

Honduras Bay Islands

Rainbow’s End

English Channel Seaside

New South Whales, Australia

Los Roques, Venezuela

Aerial View above Solomon Islands

Machias, Maine

Landscape behind Harbor Inn

Moon and the Tides

Advertise here with BSA

26 Fresh jQuery & CSS3 Tutorials From 2012

Brant Wilson — Thu, 23 Feb 2012 16:40:39 +0000

Advertise here with BSA

Web developers create some awesome jQuery & CSS3 tutorials. Today we want to list some of the best from 2012. Enjoy!! If you like these tutorials you might also want to check out our previous posts below.

Animate a Custom Dialog Box with CSS3 and jQuery

28 Fresh jQuery Tutorials

Orman Clark’s Vertical Navigation Menu: The CSS3 Version

PAGE TRANSITIONS WITH CSS3

CURVING TEXT WITH CSS3 AND JQUERY

Control imageaspect ratios with CSS3

SLIDING IMAGE PANELS WITH CSS3

ANIMATED WEB BANNERS WITH CSS3

THUMBNAIL PROXIMITY EFFECT WITH JQUERY AND CSS3

FILTER FUNCTIONALITY WITH CSS3

FULLSCREEN BACKGROUND IMAGE SLIDESHOW WITH CSS3

Orman Clark’s Chunky 3D Web Buttons: The CSS3 Version

CSS3 animated tooltips

CSS3 Optical Illusions

CSS3 multilevel menu with transition and animation

SMOOTH SCROLLING TO INTERNAL LINKS WITH JQUERY

How to Create a Slider Plugin with jQuery

Create A Minimal Single Page Portfolio With HTML5/CSS3

How to Create CSS3 Buttons

How to Create a Stylish Image Content Slider in Pure CSS3

CSS3 Image Styles

How to Design a Dribbble-Style Homepage Layout

Change image on click with jQuery

How to Create a CSS3-Only Tab Control Using the :target Selector

Full CSS3 HTML5 Contact Form with No Images

CSS3 & jQuery folder tabs

CSS3 breadcrumbs

Just another CSS3 menu

Advertise here with BSA

Logo Design: 36 Emblems & Badges

Brant Wilson — Tue, 24 Jan 2012 16:48:41 +0000

Advertise here with BSA

In this post we have 36 well design and emblems & badges. Enjoy!! If you like these logo designs you might also want to check out our previous post below.

28 Clean and Creative Logo Designs

40 Creative Logo Designs

Tokyo Bicycles

Personal L ogo V.1

Growcase Simplexity Service

Assembly 36

River Jam Soccer Tournament Logo

Lavender Fastener Company

Van De Laar Automaten

Grass Roots Lawn Service

Web Machine

Baggie’s Brew Pub Logo V3

Advertise here with BSA

Showcase: 33 Examples of Brilliant Industrial Photography

Jake Rocheleau — Mon, 16 Jan 2012 16:51:15 +0000

Advertise here with BSA

The Industrial Revolution is a significant part of our history on this planet. It seems like a long time in retrospect, but only 100-150 years ago we were just kicking off the creation of American corporations and factories nationwide. Now we can see much of the remnants in heavily populated city areas.

In this showcase I’ve put together 33 stunning examples of industrial photography. These pictures capture the essence of our industrial society as we move forward in the 21st century. These are very inspiring photographs and really make you think about our deep, rich history in these lands. As always let us know your thoughts or ideas in the comments discussion area.

Industrial Pipes

Sunset Over Industry

Hemp Factory

Factory Units

Industrial Patriot

Sugar Factory

Abandoned Factory – Inside

Exterior Industry

Abandoned Factory Mills

Factories at Urumqi

Industrial District, Tokyo

Cloud Factory

Train Tracks

Domino Sugar

Industrial Complex

Ostrava, industrial

Metal Factory in the City

Industrial Landscape

Jersey City Industrial Park

Railroads Crossing

Sunrise on Sleepy Industry

Port of Richmond

Industrial Age

Deep Dark Trainyard

Port of Long Beach

Some Industrial Stuff

Smoke Stacks @ Sunset

Bethlehem Steel

Machine Churning Sunset

Niagara Falls

Industrial Serpentine

Small Town Business

Ratina Bay

Advertise here with BSA

25 JavaScript Photo Slideshows Used in Web Layouts

Jake Rocheleau — Wed, 16 Nov 2011 06:27:57 +0000

Advertise here with BSA

Most web developers have at least heard about the many JavaScript photo slider plugins. These often utilize a library such as jQuery to construct plug-and-play galleries within just a few minutes. Yet after so many years of project growth we can find dozens of unique examples and animations in this field.

Developers have become creative applying custom techniques with jQuery UI, MooTools, Prototype, and other JS libraries. In the gallery below I’ve put together 25 extremely unique implementations of JavaScript photo sliders on websites. Both the interaction and user interface play a huge role in this type of page element. With any luck you can put together a few ideas to implement a slideshow into your own projects.

Molanphy Design

Joystiq

Osmond Interactive

Rodania

Mathieu Clauss

Charlie Gentle

Red Ice Radio

These Are Things

Oink

Hello Themes

Hyperx Media

Icon Designer

Digital Convulsions

ODS Network

Veritas Radio

Quality Laundry Professionals

The Daily

Radium Labs

Digital Clarity

Slidedeck

Elless Design

Gimme Money I Can Do It!

Ecoforms

McKinney

Print Mor NYC

Advertise here with BSA

Ultimate Collection Of Grunge Photoshop Brushes

Brant Wilson — Wed, 02 Nov 2011 15:54:02 +0000

Advertise here with BSA

In this roundup we have a huge and useful collection of grunge photoshop brushes. If you like these brushes you might also want to check out our previous posts below.

2000 Free Photoshop Brushes

450+ Photoshop Grunge Brushes

Grungy Ink Splatter Sprays

Sujune Vivid Dream Set

4 black and white brushes

Grunge Photoshop Brushes set

Brush Set Three: 45 More Subtle Grunge Brushes

Arrow Grunge Brushes

Dirty Grid Brushes

5 Hi-Res Grunge Brushes

Grunge Textured Photoshop Brushes

42 More Subtle Grunge Textured Photoshop Brushes

Grunge worn lines Vol 1.

Floral Photoshop Brushes

Old Grunge Photoshop Brushes

41 Grunge Brushes

Tank Pattern Grunge Brushes

Grunge Brushes

Grungy arrow brushes set

messy brushes

Monster pack of grunge brushes

10 High Resolution Grunge Brushes for Photoshop

Spanky’s Grunge Brushes v2

Cracked Grunge Photoshop Brushes

Grunge Brushes

Dirty Grunge

Grunge Spatter Brushes – 3

Ice 9 High Res Plaster Grunge Brushes

24 Grunge Streak Brushes

Part Liquid Grunge Brushes

grunge brushes

Free Grunge Photoshop Brushes

grunge brushes

Grunge Brushes

15 High-Res Subtle Grunge Brushes

15 High-Res Grungy Texturing Photoshop Brushes

Seu Davi Grunge-Rust Brush

A High Quality Grungy Paint Stroke Photoshop Brush Set

Rusty grunge 2

Grunge Brushes: 10 High Resolution Photoshop Brushes

Distressed Grunge Pack – 26 Brushes

High Quality Rough and Grungy Photoshop Brushes

20 grunge splatter brushes

gritty urban square

The krako_Grunge Typo

Light Grunge Brushes

Advertise here with BSA

39 Mind Blowing Vector Graphics

Brant Wilson — Fri, 28 Oct 2011 03:55:41 +0000

Advertise here with BSA

In this post we have compiled some amazing and mind blowing vector illustrations. Enjoy!! If you like these vector illustration you might also want to check out our previous posts below.

Unbelievable Illustrations By Pale Horse

40 Alluring Illustrations for your Inspiration

Skull Candy Extravaganza

Bhutanese Dragon

Tinker