Death Note: 7月 2013

2013年7月30日星期二

2013年7月28日星期日

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

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.

How to Build a Better Button in CSS3

Let’s build a better button using CSS3 styles, animations and transformations

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 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.