大きな写真画像の背景やMaterial Designなどのフラットなスタイルに合うソリッドなラインでデザインされたゴーストボタンを実装するチュートリアルをまとめました。 シンプルなものから、かわいいアニメーションや一味違ったアニメーションなど、さまざまなものが揃っています。
![[CSS]写真画像の背景やフラットなスタイルのWebデザインにぴったりなゴーストボタンの実装方法のまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/e899eb8da8739d23bb0715fe273fb5e1d72d6be1/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015011500.gif)
[CSS]写真画像の背景やフラットなスタイルのWebデザインにぴったりなゴーストボタンの実装方法のまとめ
大きな写真画像の背景やMaterial Designなどのフラットなスタイルに合うソリッドなラインでデザインされたゴーストボタンを実装するチュートリアルをまとめました。 シンプルなものから、かわいいアニメーションや一味違ったアニメーションなど、さまざまなものが揃っています。
jqueryでロールオーバー（マウスで触ったときに画像が変わる）する方法
ボタンを触ったときに画像を変更させるロールオーバーは良く使いますよね。 jqueryを使っての簡単ロールオーバーする方法を紹介します。 $(function(){ $("img[src=’img/button.gif’]").mouseover(function(){ $(this).attr("src","img/button_on.gif"); }).mouseout(function(){ $(this).attr("src","img/button.gif"); }); }); 解説 $("img[src='img/button.gif']").mouseover 画像を$(“img[src=’img/button.gif’]”)で選択して、 mouseoverでマウスが画像の上にのったときに下記のイベントが実行されます。 (function(){ $(this).attr("sr
twitterの”follow me”ボタンをサイトに付ける時のまとめ | WEBコンサルティング会社i-seeds社長ブログ
自分のtwitterフォロワーを増やしたいと思ったら、自分が運営しているサイトでtwitterアカウントへ誘導することがひとつの手段です。 そのためには、twitterアカウントが分かりやすいようになっていなければなりませんが、そのための方法がfollow meボタンだったりします。 他にもいくつかありますのでまとめてみます。 twitterの公式ウィジェットを使う twitterには公式のツールがあります。 このウィジェットを使えばつぶやきを自分のサイトに表示することができ、自分のアカウントへのリンクもつきます。 http://twitter.com/goodies/widgetsこちらからセットアップして設置できます。 follow meボタンを付ける ページのどこに移動しても、twitterアカウントへの誘導を図りたいならば、follow meボタンをサイドやヘッダーにCSS
mouseEnabledに関するbuttonModeとenabeldの挙動 | _level0 - KAYAC Front Engineer Blog
基本的な情報の整理DisplayObjectのうち、FlashIDEでの開発で最も頻繁に利用するのは「Sprite」および「MovieClip」だと思います。これらはどちらもInteractiveObjectクラスを継承しており、マウス操作に関するメソッドやプロパティを実装しています。 定番な操作としては、ムービークリップのボタン化と、その有効無効の制御、マウスイベントなどだと思います。 その中でもボタン化と無効化のあたりがわかりづらいので少し整理してみました。 InteractiveObject.mouseEnabled マウスイベントの送出をコントロールします。falseの場合buttonModeも事実上無効になるようです。 MovieClip.enabled MovieClipのフレームラベルによるボタン化を可能にします。ラベルに”_up”, ”_over”, ”_down”とつける
TweenButton – 水玉製作所
Progression4での話。 最近、微妙に振る舞いの違うボタンをいくつか作る必要があった。 トグルボタン、ラジオボタン、それらをハイブリッドみたいなボタン。 なるべく共通化してたんだけど、やっぱり作り進むうちに、違いが出て来てしまって、差し替え時にミスをしがちになった。 汎用的なボタンを作るか、インターフェイスを用いるべきだったんだと思った。 とりあえず、普通、トグル、ラジオに対応するボタンを作ってみた。 ▼Wonderfl ▼Wonderfl http://wonderfl.net/code/1f13993add15deb3ecf8c65398c0ace623345a6c ▼ActionScript AS3(FP9) [sourcecode language=”as3″] /* * Progression4での話。 * * 最近、微妙に振る舞いの違うボタンをいくつか作る必要があった。
Progression 4 メモ -CastButton のカレント設定について- | BOONDOCK RADIO
CastButton 内で manager に ProcessEvent.PROCESS_COMPLETE をリスナー登録し、そのリスナー関数内で現在の sceneId と自身に設定された sceneId を比較して判別する。 [ example ] override protected function atCastAdded():void { //~~~ 色々な処理 中略~~~ manager.addEventListener(ProcessEvent.PROCESS_COMPLETE, _onProcessComplete); } private function _onProcessComplete(event:ProcessEvent):void { // 自身がただの外部リンクボタンだった時のための処理 if(sceneId == null) return; // ここで判
子シーンが表示されていた場合もcurrent表示されるButtonを作るには
いつもお世話になっております、fumixです。 castButtonクラスを継承してbuttonクラスを作っているのですが、各種ボタンコンポーネントと同様に移動したシーンが、ボタンに設定したシーンと同じ場合は「current表示」するようにしたいと考えているのですが、どのようにするとよいでしょうか？ また、同じシーン以外にも「子シーン」が表示されている場合にも「current表示」するようにしたいと考えております。
flabaka.com
AstroでPandaCSSを使ってみるAstroを触ってみようかな？ と思い、まずは公式のチュートリアルを一通り終わらせてみました。以前から気になっていたPandaCSSの勉強も…と思ったので、AstroでPandaCSSを使ってみることに。PandaCSSのインストールマニュアルを見ながら各種設定を終え、npm run devしてみても、CSSが反映されず。原因は単純なミスでした。 LaravelでjQueryを使ってみるデータベースに登録、更新、削除を行なった際に、簡単なflashメッセージを表示させてみようかと。一定時間が経過 or ボタンクリックでメッセージが消えるアニメーションを、jQueryで実装してみたいと思います。npmを使ってインストールしたjQueryを使うと、javascriptの実行順が意図しないものになってしまい、jQueryが実行されなくなってしまいました。色
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Button Sounds
ニートの日々 flashコンポーネントを調べたのでメモ
Adobe