2013年7月30日 星期二

27 jQuery Tooltip Plugins


27 jQuery Tooltip Plugins

2013年7月28日 星期日

15 Best Parallax Scrolling Tutorials

15 Best Parallax Scrolling Tutorials

PARALLAX SLIDER WITH JQUERY

Tutorial || Demo
parallax_slider

Building a Parallax Scrolling Storytelling Framework

Tutorial || Demo
Parallax-Scrolling-Tutorials-2

FLUID CSS3 SLIDESHOW WITH PARALLAX EFFECT

Tutorial || Demo
Parallax-Scrolling-Tutorials-3

PARALLAX CONTENT SLIDER WITH CSS3 AND JQUERY

Tutorial || Demo
Parallax-Scrolling-Tutorials-4

Simple Parallax Effect Tutorial

2013年7月27日 星期六

15 Free CSS3 Tutorials to Create Amazing Buttons

15 Free CSS3 Tutorials to Create Amazing Buttons

CSS3 Animated Bubble Buttons
This week we are creating a useful set of animated buttons with the power of CSS3?s multiple backgrounds and animations. With this button pack, you can easily turn any link on your page into an animated button by just assigning a class name.
css3 tutorials buttons 12 15 Free CSS3 Tutorials to Create Amazing Buttons
How to Build a Better Button in CSS3
Let’s build a better button using CSS3 styles, animations and transformations
css3 tutorials buttons 13 15 Free CSS3 Tutorials to Create Amazing Buttons
Awesome Animated CSS Button Tutorial and Source Code
We create simple 3 in 1 CSS button code using some Advance CSS properties. I will show you here some CSS techniques that you use to easy create Animated CSS Button.
css3 tutorials buttons 14 15 Free CSS3 Tutorials to Create Amazing Buttons
CSS Social Buttons
Basically, it is one master stylesheet that contains various design styles. It allows you to display many different button styles by combining the CSS classes.
css3 tutorials buttons 15 15 Free CSS3 Tutorials to Create Amazing Buttons
UI Design: Glossy Buttons With CSS3 Gradient
In this post, we are going to create the glossy button effect as shown in the above screenshot using CSS3 Gradients and with simple HTML markup.
css3 tutorials buttons 1 15 Free CSS3 Tutorials to Create Amazing Buttons
Create 3D Social Media Buttons with CSS3
Social media buttons are presented today on every website design. They are used to promote your business on social networks and get in return potential customers.
css3 tutorials buttons 2 15 Free CSS3 Tutorials to Create Amazing Buttons
Crafting Minimal Circular 3D Buttons with CSS
These buttons use a good bit of CSS3 and some pseudo elements which are CSS 2.1. Nothing too overly progressive though. Any version in the last few years of Safari, Chrome, Opera, or Firefox will have no trouble.
css3 tutorials buttons 3 15 Free CSS3 Tutorials to Create Amazing Buttons
How to Create Fancy Animated Buttons in CSS3
To give designers more flexibility and interoperability, CSS3 is proposed as the next major revision of CSS. In this tutorial we will be making some cool fancy animated CSS3 buttons.
css3 tutorials buttons 4 15 Free CSS3 Tutorials to Create Amazing Buttons
Creating a 3D Button in CSS3
Today I want to show you how to use some of the awesome new features in CSS3 to create an animated, three-dimensional button.
css3 tutorials buttons 5 15 Free CSS3 Tutorials to Create Amazing Buttons
AWESOME CSS3 & JQUERY SLIDE OUT BUTTON
The button consists of three parts: a container, the little button and the longer button. The two inner parts have absolute positioning. With jQuery, we enlarge the long button and change the colors of the small one.
css3 tutorials buttons 6 15 Free CSS3 Tutorials to Create Amazing Buttons
ANIMATED BUTTONS WITH CSS3
Still hyped by the possibilities of CSS3, I want to share some CSS3 button experiments with you. The idea is to create some animated link elements with different styles, hover effects and active states.
css3 tutorials buttons 7 15 Free CSS3 Tutorials to Create Amazing Buttons
BUTTON SWITCHES WITH CHECKBOXES AND CSS3 FANCINESS
That’s the focus of this tutorial, I’ll show you how to create button switches with CSS only, without a line of JavaScript.
css3 tutorials buttons 8 15 Free CSS3 Tutorials to Create Amazing Buttons
Cross Browser Pure CSS3 Button Demo
I’ve been doing a lot of experimenting recently with CSS3 gradients, box shadows, transitions etc… The result is this set of buttons created entirely from CSS (no images used at all).
css3 tutorials buttons 9 15 Free CSS3 Tutorials to Create Amazing Buttons
Chunky 3D CSS3 Buttons
This is a set of Chunky 3D Pure CSS3 Animated Website Buttons. In the CSS file you will see I’ve already added some nice colors, this way you don’t have to search for the right color for these buttons. This works best in Firefox and Google Chrome.
css3 tutorials buttons 10 15 Free CSS3 Tutorials to Create Amazing Buttons
Build Awesome Practical CSS3 Buttons
What once required background images and icons can now be created with plain-old CSS. Because modern browsers have access to things like box shadow, gradients, rounded corners, text-shadows, and font-face, we can finally take advantage of this and remove any need for images, when creating visual elements, such as buttons! I’ll show you how in today’s video tutorial.
css3 tutorials buttons 11 15 Free CSS3 Tutorials to Create Amazing Buttons
How To Create a Stylish Button Entirely with CSS3
Let’s look at how CSS gradients, shadows, borders and transitions can all be combined to create a stylish button for your website.
css3 tutorials buttons 16 15 Free CSS3 Tutorials to Create Amazing Buttons

CSS 筆記、建議與指導方針總整理

CSS 筆記、建議與指導方針總整理

在參與大規模、歷時漫長且人手眾多的專案時,所有網頁開發人員都能遵守以下原則極為重要:

維持 CSS 樣式的可維護性 (maintainable)
維持撰寫風格清晰明瞭並具可讀性 (readable)
維持 CSS 樣式的延展性 (scalable)

為了達成上述原則,我們必須使用許多方法才能達成這個目標。

本文第一部分將探討語法、格式與 CSS 剖析;第二部分將從方法論 (approach)、思維框架 (mindframe) 與架構 CSS 的見解著手。

2013年7月18日 星期四

60 Fresh Photoshop PSD Files – Free Download

60 Fresh Photoshop PSD Files – Free Download

60 PSD Files – Free Download


Photoshop is useful for both creating and editing images to be used in print or online. Not too easy to use, but full of high-quality features, Photoshop is the best choice for to creating fully layered PSD files.
Please feel free to download psd files.  I am confident that these files will save you lots of time in your next graphic designs. All psd files are free for personal and commercial use. So download and enjoy.

Flat Coming Soon Page [Free PSD]

Photoshop PSD Files Free Download - 1
Download Link

Flat Designs and Long Shadows Design

Flat Designs and Long Shadows Design

Check the beautiful examples of Long Shadow Design:
long-shadow-design-1
long-shadow-design-2

2013年7月17日 星期三

25 Free Dazzling Photoshop Fireworks Brushes

25 Free Dazzling Photoshop Fireworks Brushes

Fireworks Brushes

Fireworks Brushes
A set which includes 11 brushes.
Download Source

Floral Fireworks

Floral Fireworks
A set which includes 2 brushes.
Download Source

Firework Brushes

Firework Brushes
There are 17 brushes included in this set.
Download Source

18 Fireworks Picture Brushes for Photoshop CS+

18 Fireworks Picture Brushes for Photoshop CS+
A set of brushes created in Photoshop CS2 having a resolution of 2500 pixels.
Download Source

Brushes – Fireworks

Brushes - Fireworks
There are 16 brushes included in this set.
Download Source

Fantastic Fireworks BrushSet

Fantastic Fireworks BrushSet
A set which includes over 50 fireworks brushes.
Download Source

Fireworks Brushes

Fireworks Brushes
A set which includes 14 brushes.
Download Source

Firework Brushes

Firework Brushes
There are 8 brushes included in this set.
Download Source

Fireworks 3 Brushes

Fireworks 3 brushes
A set of fireworks brushes created by mandykat.
Download Source

Fireworks Brush

Fireworks brush
A set which includes 10 brushes.
Download Source

53 Fireworks Brushes

53 Fireworks Brushes
There are 53 brushes included in this set.
Download Source

Fireworks Brushes

Fireworks brushes
A pack which includes 12 brushes.
Download Source

Firework Brushes

Firework Brushes
A set which contains 4 brushes.
Download Source
Ads

Fireworks PS7 Brush Set

Fireworks PS7 Brush Set
There are 31 brushes included in this set.
Download Source

Firework Brushes

Firework brushes
This set contains 11 fireworks and 2 star brushes.
Download Source

Fireworks Brush 2

Fireworks Brush 2
A set of 52 brushes made in Photoshop 7.0.
Download Source

Brushes – Fireworks Set 2

Brushes - Fireworks Set 2
There are 18 brushes included in this set.
Download Source

Firework Brushes

Firework Brushes
This is a set of firework brushes was created by DianazDesignz.
Download Source

Fireworks

Fireworks
There are 2 brushes included in this set.
Download Source

Chrissy’s Firework PS Brushes

Chrissy's Firework PS Brushes
A set of fireworks brushes created by EmeraldTokyo.
Download Source

Photoshop_Brushes_3_Fireworks

photoshop_brushes_3_Fireworks
A set which includes 12 different brushes.
Download Source

Fireworks Celebration Brushes

Fireworks Celebration Brushes
There are 30 brushes included in this set.
Download Source

Fireworks Brushes by Ailedda

Fireworks brushes by Ailedda
A set which contains 14 big brushes.
Download Source

Fireworks Brushes

Fireworks Brushes
There are 6 brushes included in this set which were created in Photoshop CS4.
Download Source

pbFireworks

pbFireworks
A set which includes 3 brushes.
Download Source


google ad