Posts Tagged ‘resource’

Freebie: Colorful 3D UI Kit


We have a fantastic freebie for all of you web designers out there, you’ll love this:)
Designed by Land-of-Web, the Colorful 3D UI Kit comes in .psd format and is full of beautifully designed modern web elements covering almost all aspects of web design, including:

• Drop-Downs, Silders & Progress Bars
• Switches, Tabs, Icons, Tool-Tips and many useful Navigation Elements
• Search and Select Boxes
• Media Control Buttons and Mini Player

UI Kit Preview

Colorful 3D UI Kit

Download the UI Kit

Within the .zip file you will find all of the .psd elements from above.
Download: Colorful 3D UI Kit

Copyright

This Web UI set is free for personal and commercial use with attribution appreciated but not required. You MAY NOT re-upload or re-distribute this set on any other website, and please link directly to this page for all sharing.

Thanks

Big thank you to Nataly from Land-of-Web for designing and allowing us to release this fantastic freebie. You can also follow her on Twitter.

You might also like…

Fantastic Freebie: 3D Web UI Kit →
20 Free Web UI Element Kits and Stencils →
A Collection of Printable Web Browser Sketching and Wireframe Templates →
10 Completely Free Wireframe and Mockup Applications →
A Collection of Useful Web Design Wireframing Resources →
40 Detailed and High Quality Mobile Phone .psd Source Files →
40 Professional and Detailed Web Layout PSD Templates →
Android App Developers GUI Kits, Icons, Fonts and Tools →
iPhone and iPad Development GUI Kits, Stencils and Icons →
Illustrator Template Toolbox for Web, Mobile and App Developers →
40 High Quality CSS and XHTML Web Layout Templates →



Weekly Design News – Resources, Tutorials and Freebies (N.117)


This is our weekly column were we share our favorite design related articles, resources and cool tidbits from the past week. Enjoy :)
If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design community, you can follow us on Twitter, on Facebookor by subscribing to our RSS feed.

Developing a Responsive Website: Background Images

Developing a Responsive Website: Background Images

Webfont Icons: an Alternative to Images

Webfont Icons: an Alternative to Images

How Commercial Plugin Developers Are Using The WordPress Repository

How Commercial Plugin Developers Are Using The WordPress Repository

HTML5 Reset Version 2

HTML5 Reset Version 2

The All-New CSS3 Click Chart

The All-New CSS3 Click Chart

Animated Web Banners With CSS3

Animated Web Banners With CSS3

Prevent Password Reset WordPress Plugin

Prevent Password Reset WordPress Plugin

iPhone, iPad & Browser Wireframe Templates

iPhone, iPad & Browser Wireframe Templates

Meander Free Font

Meander Free Font

Free Typeface NeoDeco

Free Typeface NeoDeco

Social Media Icons Pack

Social Media Icons Pack

Mini Cards: 15 Credit/Debit Card Icons

Mini Cards: 15 Credit/Debit Card Icons

This Week on CodeVisually

We recently launched CodeVisually, our site that focuses solely on resources and tools for web developers and offers a simple solution to painlessly find the resource needed and fast.

Here are our favorite webdev resources from the past week:

Create

Create

CraftMap

CraftMap

ResponsiveSlides.js

ResponsiveSlides.js

impress.js

impress.js

Revolver.js

Revolver.js

PxLoader

PxLoader

W3Clove

W3Clove

CSSrefresh

CSSrefresh

Previous Weekly Design News…

Design News Roundup Archives →



50 Wonderful Black & White Photos with Partial Color Effects


Taking a black and white photograph and adding partial color to certain key points of the shot is one of the most popular techniques amongst professional photographers. You can understand its popularity when you look at the examples we have for you below. This technique can take an otherwise dull image and make it vibrant by highlighting critical areas of beauty. And, as you will also notice, they can at times be very powerful.

At the bottom of this post we have added some tutorials to help you recreate this effect. Hope you enjoy our selection :)

Buddha

Buddha
Source →

In Wonderland

In Wonderland
Source →

A Greed

A Greed
Source →

Sleepwalker

Sleepwalker
Source →

Herbstblatt – fallen leaves

Herbstblatt - fallen leaves
Source →

Colour my life with the chaos of trouble

Colour my life with the chaos of trouble
Source →

Sunset after the rain selective colour

sunset after the rain selective colour
Source →

Princess

Princess
Source →

Times Past By

Times Past By
Source →

Love

Love
Source →

Waiting on a cool breeze!

Waiting on a cool breeze!
Source →

Ladybug

Ladybug
Source →

Bird Eyes

Bird Eyes
Source →

Banana

Banana
Source →

Dewy Pine Leaf Uncurling

Dewy Pine Leaf Uncurling
Source →

Telephone in Selective Colour

Telephone in Selective Colour
Source →

Chondro Selective Color

Chondro Selective Color
Source →

The Boat & The Castle

The Boat & The Castle
Source →

Rim & Caliper on 427R Roush Mustang

Rim & Caliper on 427R Roush Mustang
Source →

El Vendedor de Colores

El Vendedor de Colores
Source →

Torre de los vientos

Torre de los vientos
Source →

Walk This Way

Walk This Way
Source →

A place to rest

A place to rest
Source →

Racing Rainbow

Racing Rainbow
Source →

Gateway Cup St. Louis

Gateway Cup St. Louis
Source →

Colors in B&W

Colors in B&W!
Source →

Kiss Kiss Love

Kiss Kiss Love
Source →

Yellow City

Yellow City
Source →

Fighting to stay alive

Fighting to stay alive
Source →

Montenvers

Montenvers
Source →

Magie Poppins

Magie Poppins
Source →

Orange bicycle

Orange bicycle
Source →

We all livin’ in a blue tractor

We all livin' in a blue tractor
Source →

HHP Homecoming Football

HHP Homecoming Football
Source →

Viento State Park

Viento State Park
Source →

Red Seat

Red Seat
Source →

Butterfly

529
Source →

Goalkeeper

Goalkeeper
Source →

Black and Blue

Black and Blue
Source →

Ground Squirrel

Ground Squirrel
Source →

Romabikepolo

Romabikepolo
Source →

Boston1

Boston1
Source →

Leaves

Leaves
Source →

Catlick

Catlick
Source →

Dandelion Taraxacum

Dandelion Taraxacum
Source →

MyFest

MyFest
Source →

Cold drink. Hot day

Cold drink. Hot day
Source →

A Little Red Car

A Little Red Car
Source →

Cockerel

Cockerel
Source →

Red Bridge

Red Bridge
Source →

Tutorials & Resources

Black and White with a Splash of Colour (Photoshop Tutorial)
Mono, with a Dash of Colour (Photoshop Tutorial)
A Splash of Color in Your Black and White
Black and White… with the occasional splash of colour (Beautiful Examples)
iPhotography App Showcase: 10 Color Splash Creations (Examples)

You might also like…

20 Inspirational and Free Downloadable Photography Magazines →
20 Beautiful Examples of Photoshopped Smoke Art and Technique Tutorials →
30 Creative Photography Examples using the Polar Panorama Effect →
19 Tutorials for Creating Beautiful HDR (High Dynamic Range) Imagery →
24 Examples of Stylish Sabatier (or Solarised) Effect Photography →
20 Amazing Images That Could Be HDR – But are definitely Not →
20 Amazing Examples of Conformal Photography. How do they do this? →



What else does HTML5 need to defeat flash? (Part 2)

Advertise here with BSA


In part 1 of this article, we analyzed the technical problems facing HTML5. In part 2, we’re going to discuss the problems facing HTML5 commercially.

Unity:

Microsoft, Google and Apple are clearky the 3 giants of the industry at the moment, and it’s really hard to unify them under a single standard.

“Go, go, go! Fire in the hole!” As Apple declares war on Flash, Microsoft seems willing to watch the fire from the other side of the river. As for Google, it supports HTML5 on the one hand, while on the other it also adds support for Flash in Android. Adobe must find a way to take advantage of the conflict between the giants. The future of HTML5 is at stake.

Let’s suppose that even Adobe is not able to do that. The fighting between the 3 giants would probably ruin the future of HTML5. The famous case of OpenGL is the best example. The initial member of this standard was All-Star Games, but the development and spread was far less rapid than Direct3D due to the endless quarrels around profits. The market is almost entirely taken by opponents, and its application restricted in professional areas.

User acceptance:

No matter how attractive the market promotion is, user acceptance is the final exam standard. At present, HTML5 is not looking like it’s going to be able to bring fundamental change to the desktop in a short period of time, and so there’s a need for a a coexistent relationship with Flash.

The reason for this is that the user doesn’t care about the technology. What they care for is the effect. There is still a long way to go for HTML5 before it reaches the level of effects realized by Flash, and this restricts the willingness of small websites to use canvas. If canvas can’t be popularized then HTML5 is losing a major battle. If the coding problem of video tags can’t be solved, there simply won’t be any way to compete with Flash.

Prediction:

Google, Microsoft, Apple and Adobe are playing cards. Adobe is the banker, and has the best cards. On one hand, the other three want to pull him out of that position. On the other, they don’t want to cooperate with each other. So while establishing an ambiguous relationship with Adobe, Google also has its own plan.

In this game, Adobe dominates the current situation. It seems impossible for HTML5 to take Adobe’s place, because Flash has already taken the ruling position in the traditional desktop market. Even though Flash isn’t perfect, it’s not broken enough to need a replacement. The truth is that the traditional desktop is challenged by new power. There is to be a coexistent period of time between Flash and HTML5 during which the two compete. Adobe has the weapons of Photoshop, Dreamweaver and Fireworks. Webpages cannot be developed without Photoshop, even for the HTML5 webpage. Dreamweaver is the current No.1 choice and canvas applications can be developed usinf Flash CS5.

Flash Player cannot bring direct profit to Adobe, but it symbolizes the standard of the rich media application market. The editor developing Flash is seeing real income. Let’s suppose that in the HTML5 era, the developers still have to choose Adobe products to develop canvas based web interaction. Why then would we need Flash Player? For Adobe, it saves the cost of maintaining a complicated system.

As for Microsoft, it’s a difficult situation. They have the IE card, but they aren’t sure whether it’s a trump card or not. The reason being that IE6 takes a large amount of the market, but the new versions of IE have to compete with former versions. They also have the card of SilverLight, which has a competitive relationship with Flash and HTML5. Support of HTML5 could have a negative effect on SilverLights popularization. Therefore, Microsoft would rather not fully support HTML5. Instead, it will be treated as a supplement of SilverLight.

Apple however has a great plan. They have decided to begin at the mobile platform level, and gradually move to desktop. iPhone is the first successful step. The existence of iPhone proves that Flash is unnecessary in the smart mobile industry. As a matter of fact, the Flash experience in this field is pretty terrible. However, the most important step is iPad. The iPad is almost similar to ordinary computers both in screen size and operation experience. If tablet PCs prove to be comfortable independent of Flash, then why shouldn’t the ordinary PC? If the user gets used to the non-Flash experience of tablet PCs, there’s no hope for Flash anymore. Since iPad came into being, the controversy between Apple and Adobe has escalated, proving the important role of tablet PCs in this battle.

However, is Apple going to realize its dream easily? Apple products perform really well in sales, but aren’t as popular as Microsoft products. The reason being that its culture provides the high-level experience of taste and quality, and that high level experience means a higher price.

Globally speaking, we have developed countries, developing countries and undeveloped countries, where most are without the money to buy Apple products. The people simply can’t pay for the increased quality.

So here comes the question: Is there a company capable of providing a similar experience? What about Microsoft? The answer is no. The reason is that Microsoft provides the service to all people. Its products need to be universal, consistent and not overly expensive. So Microsoft is not motivated to change user experience. They have tried to bring change in Vista, but the result was that XP users got confused and angry.

Maybe, Apple didn’t plan to make iPhones universal at the very beginning. Perhaps focusing on top of the pyramid will guarantee enough income, so does the iPad. It’s not popular enough to challenge the traditional desktop. Users can experience cheaper tablet PCs from other companies, and those tablet PCs will probably support Flash. If things happen in that way, Apple’s plan may end in failure.

As for Google, the result of the war is not too important. As long as users continue using webpages, they doesn’t care whether the web pages are HTML5 or Flash. This doesn’t mean Google is irrelevant though. On the contrary, they are the key factor in this war. Except for YouTube, Google seldom use Flash in their products. Although Flash is functional, it’s not an open product; so Google cannot decide its development direction. An open standard is easier to control for them. Nowadays, the rapid development of Chrome increases Google’s power in HTML5 establishment, but it doesn’t mean they’ll give up on Flash.

Flash is an important tool for Google to restrain Apple. It’s the chip with which Android challenges the iPhone. Last year, Google and Adobe collaborated to put Flash Player plug-ins inside the sandbox within Chrome, which promoted the performance of Flash on safety and resource cost.

Conclusion:

From the above analysis, we can conclude that Flash still controls the market of internet rich media. Its fate in mobile platform will be entirely determined by Google’s attitude.

As for HTML5, there will probably be a rapid development that makes it relatively popular in the next 1 to 3 years. It won’t take the place of Flash though. Instead, they’ll be coexistent for a period of time. Considering of the conflicts among the giants, there isn’t much hope for HTML5. It took so long for browsers to accept the current standard, and it’s going to take a much longer time for them to accept new ones. In this transitional era of Flash to HTML5, there is still a long way to go.

You might also like…

10 Essential Guides, Resources and Tools for Getting Started with HTML5 →
HTML5 and CSS3 Form References, Resources and Tutorials →
10 HTML5-Ready Blank, Bare-Bones and Naked Themes for WordPress →
Beginner’s Study Guide to HTML5 Microformats →
Guide to HTML5′s New Media Tags – Audio and Video →
Coding Flexible Web Layouts in HTML5 and CSS →


Advertise here with BSA