1stwebdesigner

Posted by | Posted on 17:22

1stwebdesigner


35+ Beautiful Examples of Creative Collage for Your Inspiration

Posted: 01 Jun 2010 02:00 PM PDT

With numerous graphic design software these days, creating aesthetic artworks is just a matter of artist’s or designer’s ideas, creativity, and concepts. The basic idea of design is to unite the concept and to visualize it in order to attract people’s attention and deliver the message and information. Collages are a perfect example for this. A collage may include pieces of related images, several different type of fonts, and a well-organized layout.  This design technique made a dramatic reappearance in the early 20th century. Below are samples of graphic and web design work using the collage technique with great concepts for your inspirations.

1. Bram Luyts Website

2. Care Label Website

3. Mmmmm

4. Nokia-5300 Website

5. Elan Chicas Website

6. Elan Snowboards Website

7. Clever Craft

8. Childhood City Website

9. Lanikai Properties

10. Juan Vellavsky Website

11. Katey Nicosia Website

12. Aerodesign Website

13. 7 Styles for Seven Dials

14. Needle Website

15. Bobrovy Log Website

16. Veer

17. UN-touchable Flyer

18. I.d. Fest Poster

19. Orange Bent Lee Poster

20. Play With Typography

21. Gallery Opening Flyer

22. Acolytes Poster

23. Bicentenario Mexico Poster

24. East of Eden

25. Feed the Animals

26. Calistoga Still Normal Ep Album Design

27. Amplitunes Innards CD Cover

28. Bacio 3rd Anniversary

29. 35 Mms Menu

30. Visual Diplomatic

31. Cut & Paste

32. HART Calendar

33. Digital Collage

34. 2008 Design Calendar

35. Nokia N76

36. Hobbyism

37. You’ll Laugh and Cry (The Guardian)

The Beginner’s Guide to BuddyPress (Open Source Social Networking)

Posted: 01 Jun 2010 03:00 AM PDT

BuddyPress is plugin that adds social network like abilities to the acclaimed CMS WordPress. Adding features like a better profile for your blogs writers which combined turn it into a fully fledged social networking site.  Most of the possibly for this great plugin aren't even existent yet!  As more and more sites start to use BuddyPress its true power, and that of WordPress is astonishing.

bp-test

Despite all this BuddyPress isn't too hard to set up and use. In its early days a BuddyPress install required WPMU to run on, although since 1.2 that's all changed, as BuddyPress can now run on a single WordPress install.

BuddyPress adds the following functionality to WordPress.

Activity Streams: Members can follow the activity of their friends or groups on your site.

Extended Profiles: The default WordPress profiles don’t even compare to these ones. The profiles can include friends, activity, groups, the latest posts by the member, a profile bio, and contact info, and that’s only the default options!

Friends: Members can add each other as friends, this allows them to communicate and track each other easily.

Private Messaging: Allows members to message each other privately so discussion doesn’t have to be “out in the open”.

Groups: Members can create and join groups on whatever topics they like.

Blogging: BuddyPress can tap into the power of WPMU and as of WordPress 3, multi-site therefore allowing you to give all of your users a fully functioning WordPress blog, the blog is integrated into the activity stream, and members can post on the blogs using their own account for your site.

These features can be turned on or off in the Admin Panel depending on how many of them you want to use for your site.

As BuddyPress is built as a normal WordPress plugin its extremely easy to customize to your liking and needs, if you know the basics of WordPress plugin development then you should be able to develop for it with only an extra bit of work, referring to the BuddyPress Codex or Support Forum

You can download BuddyPress here on the official site, which also includes support for the plugin as well as being the main place for BuddyPress discussion and development.

As powerful as BuddyPress is here is some useful plugins that you may like to consider adding to your site. Most plugins that work for a normal WordPress site should work for your BuddyPress site, although there are many great plugins that require BuddyPress to function correctly.

With a massive 172 plugins currently on BuddyPress.org I've selected 10 plugins I think that are extremely useful.

10 Extremely Useful BuddyPress Plugins

BP Profile Privacy

Allows your users to decide who can view their profile

BuddyPress Links
Adds link & rich media sharing functionality to your site. Can really help boost your sites activity and discussion.
BuddyPress Gifts

Allows your members to send each other images as gifts. Site Admins can add / remove different gifts as they like.

BuddyPress Album+

Adds photo album capabilities to your site much like Facebook photo apps. Comes with plenty of options, although its recommended to test this plugin before use as there are a few known issues.

Tweetstream

Integrates twitter into your BuddyPress site, allowing members to post links of their activity on your site, to twitter.

Facestream

Integrates Facebook into your BuddyPress site, allowing members to post links of their activity on your site, to Facebook.

Enhanced BuddyPress Widgets

Adds two new widgets that you can use, "members" and "groups" allowing newest, Active and most Popular members or groups to be shown.

CubePoints Buddypress Integration

Allows members to earn points as a reward for taking part in the site, (requires CubePoints to work).

BuddyPress Followers

Works in the same way as the friends feature of BuddyPress except members don't need to accept other members in order to be followed.  Works the same as twitter.

BuddyPress Template Pack

Adds BuddyPress support to a normal WordPress theme. Allowing you to use any WordPress theme you like without needing to customise it to work with BuddyPress.

5 Great BuddyPress themes

Although the default theme is a great looking theme, here are 5 more great themes to choose from.

Buddymatic

BuddyPress theme framework, is based on Thematic a WordPress  theme framework.

Darwin (BuddyPress BuddyPack)


Jukt Micronics

jukt-micronics

Randy Candy

randy-candy

BuddyPress Magazine

bubbypress magazine

Demo | Purchase

What’s Up Next here on 1stWD?

This article was our first post in the BuddyPress series which gave you an introduction to BuddyPress. If you are not satisfied with the themes we listed here, feel free to browser the directory of themes over at BuddyPress official website or just wait for the 2nd article of series, in which we will show you how to create your own theme from scratch.

Have some question or confusion? Shout at us via comments section.:)



[New post] 5 Steps to Taking Customer Service Social

Posted by | Posted on 14:24

5 Steps to Taking Customer Service Social

Excerpt:

5 Steps to Taking Customer Service Social

Customer service is no longer an area to triage customer complaints. It's about anticipating customer needs at the right time and place. Organizations must relearn how to interact with their community, shed some of the heavily automated barriers, and get back to the basics of customer service.

Add a comment to this post


Trouble clicking? Copy and paste this URL into your browser: http://subscribe.wordpress.com



[New post] HOW TO: Pick the Perfect Name for Your Startup

Posted by | Posted on 14:22

HOW TO: Pick the Perfect Name for Your Startup

Bogdan Michka | June 1, 2010 at 3:22 pm | Tags: howto, small business, startups | Categories: business, tips-n-tricks | URL: http://wp.me/pHbzX-mF

Excerpt:

HOW TO: Pick the Perfect Name for Your Startup

Anyone who has sat stymied with their cursor blinking in a "username" field knows that coming up with a name is harder than you'd think. How do you find that perfect Twitter handle or that ideal epithet for your blog, website or startup — one that's snappy and memorable, and that you won't hate by next year?

We talked to bloggers, social media gurus, linguists and naming experts (yes, they exist!) to get the scoop on finding a name that will work on the web.

Add a comment to this post


Trouble clicking? Copy and paste this URL into your browser: http://subscribe.wordpress.com



WebResourcesDepot

Posted by | Posted on 13:38

WebResourcesDepot


10+ Free HTML5-CSS3 Website Templates (To Start Designing For Tomorrow)

Posted: 31 May 2010 11:00 PM PDT

We are pretty bored with the current limits of the HTML-CSS and it is clear that the HTML5-CSS3 is the cure to let the creativity flow.

And, browser compatibility is no more a big issue as there are various resources like Modernizr, ExplorerCanvas or IE7.js that empower incompatible browsers.

If you didn't already, it is a good idea to warm your hands on HTML5 and CSS3 as they offer so much.

Here are 10+ free HTML5-CSS3 website templates to help you get inspired and started:

HTML5 Starter Pack

HTML5 Starter Pack

HTML5 Starter Kit is an impressive template that doesn't force you to build a specific type of website but shape it how you want.

This free HTML5 template is cross-browser (including IE6), tablet/netbook ready, can instantly use Cufón and includes some structural/re-usable classes.

And, it includes the layout as a .PSD file.

Gotta’ love HTML5 & CSS3

HTML5-CSS3 Image Gallery Template

An image gallery layout with HTML5-CSS3 which includes:

  • animated transitions, like a hover animated description for the images, using only CSS
  • a tabbed interface for different galleries using CSS3’s :target element

A Free HTML5 and CSS3 Theme

HTML5 - CSS3 Theme

The template has a working sub-page and a contact form which has a server-side validation and send-mail code (PHP).

It uses 960.gs and has a custom font named Chunkfive that makes use of @font-face.

Coding A HTML 5 Layout From Scratch

Smashing HTML5

The template is a showcase for most of the new elements header, footer, section and so.

hCard microfortmat is used as well to define the creator of the template.

In means of CSS3, there is the popular text-shadow and others like last-child or selection.

iPhone App. Website With HTML5

HTML5 iPhone App Website Template

A very detailed tutorial on creating an iPhone application website using CSS3 and HTML5.

The template uses new tags like section, aside, header and footer.

Create An Elegant Website With HTML 5 And CSS3

HTML5-CSS3 Website Template

This is a tutorial on creating a slick webpage with HTML5-CSS3 and shares the result as a free download.

Many new elements are used and Modernizr is integrated for IE compatibility.

Free HTML5 Template

3 Column HTML5 Template

A HTML layout that comes in 2-column and 3-column versions.

It also includes the .PSD file of the layout.

HTML5 & CSS3 One-Page Template

XHTML-CSS3 One Page Template

A one-page-template that uses jQuery for sliding the content for displaying the specified links.

There is also an optional HTML version provided.

OWMX 1 HTML5-CSS3 Template

OWMX 1 HTML5 CSS3 Template

A 2-column blog layout that uses many new HTML5 tags and CSS3 techniques.

It also uses the hCalendar microformat.

FlipThru HTML5 and CSS3 Template

CSS3 Accordion Template

The template is a pretty simple one using the HTML5-CSS3 features.

However, it has a pretty-slick accordion that only makes use of CSS3.

HTML5-CSS3 Starting Template

HTML5-CSS3 Starter Template

This starter template offers a complete structure for a HTML5 website that will be built with PHP.

It includes CSS styles for the layout, typography, print and reset.

There are already PHP includes for functions, header, footer, etc.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Tags: ,

Related posts