How to build a nice Hamburger Button transition in Swift – robb.is
Hamburger buttons may have become somewhat of a cliché in interface design lately, but when I came across a particularly nice transition of a hamburger button on dribbble, I had to try and recreate it in code. Here's the original shot by the CreativeDash team: You'll notice how the top and bottom strokes of the hamburger form a X, while the middle one morphs into an outline. I knew this effect cou
[iOS] カスタムUIButton の drawRect を呼んで角丸ボタンを作ってみた | しゃけログ
UIButton のカスタムボタンを作ろうとしてグラデーションにしようかと思ったら、drawRect が呼ばれなかった。 なぜだ！？ と思ってたら、buttonWithType を UIButtonTypeCustom にしないとダメみたい。なるほど…。 @interface CustomButton : UIButton @end @implementation CustomButton - (void)drawRect:(CGRect)rect { [super drawRect:rect]; } @end × CustomButton *btn = [[CustomButton buttonWithType:UIButtonTypeRoundedRect] retain]; ○ CustomButton *btn = [[CustomButton buttonWithType:UIB
BonBon Buttons - Sweet CSS3 buttons
Button Search Stars Home Play Share Love Quit Upload RSS There was a goal: Create CSS buttons that are sexy looking, really flexible, but with the most minimalistic markup as possible. And voila.. here they are, the BonBon Buttons. Named after the French word for "Candy". So, let's take a tour trough the candy store. Markup I get a real kick out of trying to keep the markup minimal, so I'm really
Cool Tool For Quickly Making Glossy iOS Buttons
Making buttons that match with the iPhone or iPad UI can be a difficult task. You may have heard that there is an undocumented API in the iPhone sdk known as UIGlassButton which allows you to create buttons, and there’s been some pastie code floating around to save those buttons. I recently needed to make a few of these buttons, and when I went around to find the code again I stumbled upon somethi
Photoshop初心者でもきっとできる、スタイリッシュなボタンとバナーの詳細なチュートリアル
1ステップずつ詳細に解説された、Photoshopでスタイリッシュなボタンとバナーを作成するチュートリアルを紹介します。
button-download.com
button-download.com 2024 著作権. 不許複製 プライバシーポリシー
As Button Generator
As Button Generatorはいわゆるボタンジェネレーターです。アイコンの形状等を確認しながらリアルタイムに編集する事ができるので、今までのボタンジェネレーターのUIとは一線を画すサービスです。 また、手持ちの画像や、任意のテキストも自在に配置する事ができるので自由度抜群です。ホームページの作成等にご利用ください
not found
Puzzle Tiny Clash One day zombies suddenly appear and now you need to keep them off your lawn (and brain!). PLAY NOW Air Warriors Take control of a warplane and jump on the battlefield of 1945 Air Force - Airplane Shooting Games in this thrilling combat flight action game. PLAY NOW Puzzle Bubble vs Blocks Bricks vs Balls Breaker is the most addictive Bricks Breaker game. PLAY NOW
WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル:phpspot開発日誌
Icojoy this tutorial we will try to make round button in one of Windows Vista styles. WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル。 次のようなボタンを作成するチュートリアルがムービー付きで公開されています。 以下がそのムービーです。 ガラスのような質感を作成する場合に参考になる良いチュートリアルですね。 このVista風のボタンもカッコいいのでサイトに盛り込んでカッコいいサイト作りに役立てられそうです。 関連エントリ 56のクールなPhotoShop用レイヤースタイル集 PhotoShopでMacOS、Leopard風ロゴを作るチュートリアル
CSSで出来たシンプルに使える丸っこいデザインのボタンサンプル集:phpspot開発日誌
Dynamic Drive CSS Library- CSS Oval buttons These buttons use the sliding doors technique of CSS, plus two sliced background images with "on" and "off" states, to create flexible oval shaped CSS buttons, similar to CSS Square Buttons. CSSで出来たシンプルに使える丸っこいデザインのボタンサンプル集。 次のようなボタンのＣＳＳとＨＴＭＬが公開されています。 マウスオーバーでホバーします。 マークアップは次のように、div と a , span タグを併用 <div class="buttonwrapper"> <a class="ovalbutton" hre
MOONGIFT: � クールなボタンを作る「ButtonBuilder」:オープンソースを毎日紹介
アクア風なデザインの流行も収まったかと思うが、それでも様々なサイトで利用されている。透明感、丸みのあるデザインがクールなサイト、ポップなサイトどちらにも使えるのが便利だ。 そんなアクア風ボタンを作るTipsは各種あるが、一つのソフトウェアだけで簡単に終わらせてしまうのがこれだ。 今回紹介するオープンソース・ソフトウェアはButtonBuilder、アクア風ボタン作成ソフトウェアだ。 ButtonBuilderには黒、青、緑、赤、白をベースに細長、楕円、四角など様々な形のボタンが用意されている。後は文字色や配置を決めればごく簡単にボタンが出来上がる。 吹き出し風の画像や鉛筆、中止ボタン風の画像もあり、ボタンだけでなく様々な用途で使えそうだ。大きさや影、幅、文字の配置、背景色、フォントは自由に変更できる。 テキストは一行になっているが、Alt+Enterで複数行の入力が可能だ。サイトのアクセン
ウノウラボ Unoh Labs: buttonタグでサブミットするあれこれ
CSSでいつも悩まされるのはクロスブラウザですけど、フォームでは特に面倒くさい要素が山盛りですよね。ボタンの文言を動的に変えたいから画像はなるべく使いたくないけど、だからといってブラウザのデフォルトのボタンとか、味気ないですものね。 今日は、フォームにつきもののボタンについて考えてみます。 私たちがボタンに求めるモノって、何でしょう。 データを送信（submit）する どのブラウザでも同じように見える 使い回しが聞く ボタンについている文言がどんなに長くなっても、水平方向の長さがフレキシブル 上記のようにサイズ的にフレキシブルであっても、見た目の美しさを阻害しない ボタンの大きさ＝クリックできるエリアの大きさ 画像がdiableされていても使用可 CSSがdisableされていても使用可 ボタンのように見えて実はただのリンクの時のもある これらの要求を解決してくれる方法が複数出
Web2.0風のボタン等がクリック一発で作れるPhotoShop用レイヤースタイル:phpspot開発日誌
Deziner Folio Blog Archive Ultimate Web 2.0 Layer Styles - Free Download Photoshop Layer Styles are the easiest way to speed up the design process. I found that my previous article - Ultimate Web 2.0 Gradients v3.0 was a lot helpful to many.Web2.0風のボタン等がクリック一発で作れるPhotoShop用レイヤースタイル。 サイトの「Download」ボタンでダウンロードし、.ASLファイルをダブルクリックでインストール完了します。 インストールしたら、「ウィンドウ」メニューから「スタイル」を表示します。 すると次のようにインストールされたスタイルが表
CSSでWEB2.0風ボタンを作成するサンプル:phpspot開発日誌
filament group inc. || Styling the Button Element with Sliding Doors Particle Tree recently posted an article describing a technique they've come up with the style the button element. For those who aren't familiar, form buttons are notoriously difficult to customize. CSSでWEB2.0風ボタンを作成するサンプル。 buttonタグで、次のようなWEB2.0風なカッコいいボタンが作れるサンプルが提供されています。 HTMLタグはこんな感じ。 <button value="submit" class="submitBtn"><s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2008/02/button-layer-styles.html
クールで質感のあるWeb2.0風ボタンを作成するツールキット「Button Devkit」:phpspot開発日誌
http://www.designwalker.com/2007/06/iphone_1.html
有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました | DesignWalker
CSSでセクシーなボタン作成:phpspot開発日誌