jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種
jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種 ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。 ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。 投稿日2010年10月24日 更新日2012年03月05日 ナビゲーションはテキストにしないとseo的にあれだよとか言われていますが、コーポレートサイトではまだまだ画像を使用されていることが多いと思います。なので、今回は画像ナビゲーション限定です。（テキストでもあまり変わらないと思いますが……） 縦型+テキストタイプのナビゲーションはこちらの記事をご覧ください。 「jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種」 htmlと画像の準
GigaFile（ギガファイル）便
受け取り確認（ダウンロード通知）を行う ファイルをアップロードする際、通知用メールアドレスを設定しておくことで、 お客様のファイルのダウンロードが完了したタイミングで、指定のメールアドレスに通知いたします。 ※メールの通知タイミングは、あくまでダウンロードが完了した時となっております。 ダウンロードURLにアクセスしたタイミングではありませんのでお気をつけください。 認定ファイル申請 ファイルのアップロード者がファイルの著作権保有者である場合、 認定ファイル申請を行うことができます。 認定ファイル申請を行う 認定ファイル申請を行い、ギガファイル便スタッフにより申請が受理されると ダウンロードページに認定バッジ「 」と申請した企業名が表示され 「違法ファイル通報」ボタンが非表示になります。 これにより、第三者からの通報によるファイルの削除を防ぐことができます。 予めファイルを大量に頒布する予
Teletter! - Twitter で何チャンみてるなう？
私たちについて こんにちは。テーラー・マーフィーです。このブログでは（主にですが）、テクノロジーとゲームについて書いています。。私は日本のすべてが大好きなので、ブログの中でみなさんのお役に立てるような、という願いも込めつつ、この素晴らしい国に関する情報を沢山紹介していますので、楽しんでいただければと思っています。続きを読む Androidユーザーなら誰でも、おそらく数十ヶ所のWi-Fiネットワークに接続したことがあると思います。行った先々のネットワークを問題なく使うことができ、パスワードを教えてくれる人がいつもいたかもしれません。しかし、パスワードを覚えようとしたり、Android端末に記録されているパスワードを探し出そうとして手間取った経験のある人は多いのではないでしょうか。 友人や同僚とネットワークのパスワードを共有したいときや、同じネットワークに他の端末を接続したいときにパスワードが
Evernoteを使うなら絶対に知っておくべき神ブックマークレットの使い方
いらぬ親切余計なお世話。 あまり好きな言葉ではございませんが、Evernoteを使っている時にそれをふと感じる事があります。 EvernoteでWebクリップをする際、ChromeエクステンションやFirefoxアドオンを用いている人が大半でしょう。 ただ、単にクリッパーをクリックするだけだとサイドバーやらヘッダーなどのいらない情報がクリップされてしまう事があります。 これぞ、The・いらぬ親切。 上は当ブログの過去記事を適当にクリッピングしたものですが、Webクリップにはヘッダーやらなんやら不要ですよね。 ロゴはカッコイイけど。 で、この間@goryugo さんのブログで紹介されていた、とあるブックマークレットが、こんな時に超絶便利だって言うお話なんです。紹介せざるを得ない感じで便利。 その名も、「Print what you like」！ 参考：[link]Evernoteのクリップに
CSS3が非対応なブラウザでも利用できるようにするツールのまとめ
Modernizr [ad#ad-2] ツールの概要 JavaScript ドキュメント 利用できるプロパティ @font-face border-image border-radius box-shadow text-shadow opacity Multiple backgrounds CSS Animations CSS Gradients など CSS3 PIE ツールの概要 ビヘイビア スクリプト(htc) デモページ 利用できるプロパティ border-radius box-shadow border-image multiple background images linear-gradient as background image
ユーザーを逃さない！海外Webアプリの入力フォームいろいろ
このフォームのポイント！ 上部のボックスでエラー表示 入力時にリアルタイムのエラー判定 それぞれのフォーム下部にエラー文言 項目名を赤く目立たせる
25 Examples of Wireframes and Mockups Sketches | inspirationfeed.com
You are here: Home » Inspiration » Design Elements » 25 Examples of Wireframes and Mockups Sketches 25 Examples of Wireframes and Mockups Sketches Written by Igor Ovsyannykov on Feb 14, 2011 | 0 Comments Would you start building a website without blueprints? If you said yes, good luck with that. If you said no, then you are 100% right! Before building any website you have to have an idea of how th
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
結局どうすればいいの？ - Dive Into HTML5
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In この章で
東北地方太平洋沖地震まとめサイト
東北地方太平洋沖地震まとめサイト東北地方太平洋沖地震および原発問題や計画停電といった二次災害に関する対策サイトをまとめました。それぞれのサイトはTwitter、Facebook、はてなブックマークで共有された数値を合計し、数値順に並べています。紹介するサイトの情報は別サイトにて募集しておりますので、情報をお寄せください Google Person Finder (消息情報): 2011 日本地震 Google では、被災されたご家族やご友人の安否を調べられるツール「パーソンファインダー（消息情報）」を 3 月 11 日より提供しています。これまでに約20 万件の登録があり、このツールが少しでもご家族、ご友人の安否情報を探している方のお役に立っていることを祈るばかりです。 災害情報まとめページ（Google） 3 月 11 日午後 2 時 46 分ごろ、マグニチュード 9.0 を記録する地震
こんなWebデザイナーは成長しない
2013年3月23日 ライフハック Webデザイナーのみなさん、自分を成長させるためにしていることはありますか？効率化をはかるため、よりよいデザインをするためにしていることはありますか？今回はあえてこんな記事のタイトルをつけましたが、ではどうすれば成長できるのか？という点も一緒に考えてみました。もし当てはまるものがあれば一緒に解決策を考えてみましょう！ ↑私が10年以上利用している会計ソフト！ 情報収集をしない Web業界では新しい技術や情報が毎日のように更新されていっています。情報が多すぎてついていけない…新しい事を覚えるのがめんどくさい…という人もいるかもしれませんが、私たちはWeb業界で働いているんです。Web屋にとって情報は武器です。日々の情報収集が仕事に役立つという場面も多くあると思うので、日頃から新しい情報にふれるくせをつけておきましょう。よく読むブログはRSSリーダーに登録し
Firefox4で動作しないアドオンを動作させる方法
Firefoxのバージョン3系から4系へ移行することで最高で6倍近く高速になり、起動時間も短くなり、静的なページの読み込みも動的なウェブアプリケーションの実行も素早く完了するようになっており、さらにハードウェアアクセラレーションによってグラフィックスの高速表示も実現しているわけですが、問題となるのはまだFirefox4に対応していない、もしくはもうこれ以上更新が無くなってしまっており、Firefox4では動作する見込みのないアドオンの存在。 そういったアドオンを動作可能にする方法はいくつかありますが、ここではその中でも専門知識をあまり必要としない方法を実践してみました。今回は、記事を書いている2011年3月23日時点でまだFirefox4に正式対応していない「Make Link」を事例に使うことにします。 ちなみにFirefox Ver3.x系統からVer4系統に移行する際を例にしています
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneデザインボックス