[B! css3] [3ページ] nakomaruのブックマーク

50 Useful Fresh CSS3 and jQuery Tutorials

jQuery is a lightweight JavaScript library that em phasizes interaction between JavaScript and HTML. it’s also known for fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. Or in developer’s words “write less, Do more”. Modern web sites are designed to provide various types of interactions with use

nakomaru 2012/09/21

チュートリアル

CSS3
jquery

リンク

[CSS]さまざまなバリエーションを簡単に利用できる美しいデザインのボタンを実装するチュートリアル

画像は使用せずに、繊細なパターンとグラデーションで美しいボタンをスタイルし、サイズやカラーなどさまざまなバリエーションを簡単に利用できるように実装するスタイルシートのチュートリアルを紹介します。ベースとなるボタン HTML マークアップは非常にシンプルです。 <a href="" class="button">Button</a> または、button要素でも構いません。 <button class="button">Button</button> CSS CSS3を使って、ちょっとリッチにスタイルしてみましょう。 .button{ display: inline-block; *display: inline; zoom: 1; padding: 6px 20px; margin: 0; cursor: pointer; border: 1px solid #bbb; overflow

nakomaru 2012/09/20

チュートリアル

CSS3

リンク

Easing Functions Cheat Sheet

Easing functions specify the rate of change of a parameter over time. Objects in real life don’t just start and stop instantly, and almost never move at a constant speed. When we open a drawer, we first move it quickly, and slow it down as it comes out. Drop something on the floor, and it will first accelerate downwards, and then bounce back up after hitting the floor. This page helps you choose t

nakomaru 2012/09/20

イージングのアニメーション

jquery
CSS3

リンク

Button Switches with Checkboxes and CSS3 Fanciness | Codrops

In this tutorial we will create some realistic-looking switch buttons using pseudo-elements and checkboxes. Hello everyone! For a while now, I’m having fun with the new CSS properties (CSS3). It’s an incredible playground for creativity and cleverness. I particularly enjoy designing and creating UI elements like buttons, switches, toggles and such. That’s the focus of this tutorial, I’ll show you