CSSでツムツム風の縫い目付きボタンを作ってみた - わたしと納豆ごはん
【追記 (2017/04/07)：Flexbox（フレキシブルボックスレイアウト）対応ブラウザが増えてきたので、Flexboxを使ったCSSに一部を大幅変更しました。】 今回はCSSの話です。 みなさんは「ツムツム」というゲームをご存知ですか？ ツムツムとはツムツムと呼ばれるぬいぐるみをつないで消していくパズルゲームなんですが そのゲームはぬいぐるみを基調としているため、ボタンなどゲーム画面がフェルトを縫い付けたようなデザインなんです。 そのデザインをCSSで作ってみるというのが、今回の記事です。 スポンサーリンク というのも、私自身がborderのdashedが私はけっこう好きで、それを活かせないかなと思っていたのです。 そんなときに、たまたまこのゲームをしていて、その時に思いついた、という話なんです。 では、とりあえず出来上がったものをご紹介します。 シンプルなデザインまずは簡単にシン
デザイン制作時に役立つPSD形式のボタン素材 15 - NxWorld
個人的に良いなと思ったボタン素材のまとめです。 レスポンシブやフラットデザインの流行、CSS3を導入することが多くなっているなど、最近ではボタンデザインぐらいであれば画像は使用せずに実装していることも多いと思いますが、画像で実装する場合に便利だと思います。 また、画像として使わなくてもグラデーションやシャドウの使い方などデザインの参考にもなります。 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。 Free Cool Buttons Psd 全15カラーのシンプルデザインなボタンで、それぞれNormal・Hover・Activeの見栄えが用意されています。 Tangy Multi-Color Button Set 同じくNormal・Hover・Activeの見栄えが用意されている全10カラーのシンプルデザインなボタンで、こちらはPSDだけでなくCSSで実装された
Particletree » Rediscovering the Button Element
IntroductionCreating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elemen
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
button-download.com
