オンマウスでふんわり現れる！CSS3を使った吹き出しサンプル5つ
タイトルの通りですが、アイコンの上にマウスを乗せると吹き出しが現れるサンプルを紹介します。今回は現れる動きが違うサンプルを5つ用意しましたので、気に入ったものがあればうれしいです。 Chrome、Firefoxの最新バージョンやIE10だとすべてのサンプルが動きます。CSS3のtransitionやrotateが使えないブラウザでも機能的には問題はないと思います。opacityが使えないIE8以下はちょっと厳しいですが、最後に少し対応法を紹介します。 では、一番上のサンプルを解説します。 HTML まずはHTMLから。 Home Twitter Facebook RSS Setting a要素がアイコンで、span要素が吹き出しです。アイコンはWebフォントで表示します。 続いてCSSです。いつも通りまずは全部載せます。 @font-face { font-family: 'typicon
ByPeople | curated network for developers and designers
A curated network of 10k ready-to-download resources and lifetime deals for developers, designers and startups Check out our deals
あかつき＠おばなのDTP稼業録 【Adobe Bridge】表示速度を速くする
Bridgeの表示速度は、 1.必要以上のサムネール／プレビューを表示させない 2.サムネールの表示画質を落とす 3.処理するファイルサイズの最大サイズを制限する ことでサムネール／プレビューの品質を調整（制限）して向上させます。 以下、各項目についての解説を… 1.必要以上のサムネール／プレビューを表示させない デフォルトのワークスペースでは「コンテンツ」パネルと同時に「プレビュー」パネルも表示されます。この場合、ファイルを選択すると「プレビュー」パネルにサムネールが表示されるため描画に時間がかかり、反応速度が遅くなります。そこで… 自分が常用しているワークスペース。「プレビュー」パネルを閉じ、プレビューを生成しないようにしています。ついでに3カラムから2カラムに変更して表示領域を広げています。 2.サムネールの表示画質を落とす ディレクトリ表示の右側にある「埋め込み画像を優先して、すば
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Design Tips, Tutorials and Inspiration
Native CSS Masonry Grid One popular layout style on the web is the masonry layout, often used in image galleries and portfolio… Thoriq Firdaus
Qual è la migliore tecnologia per i casinò online - Casino slot online software
Esistono molte tecnologie diverse che possono essere utilizzate per i casinò online. Ogni tecnologia ha i suoi vantaggi e svantaggi, quindi è importante scegliere quella giusta per le tue esigenze. Alcune delle tecnologie più popolari includono Flash, Java e HTML5. Flash, Java e HTML – che cos’è e perché viene utilizzato per i casinò online? Flash è una tecnologia popolare per i casinò online perc
960pxのグリッドシステムを使用する際に役立つサイト集
960pxのグリッドシステムをサイトデザインに使用する際に役立つ、サンプルや実装例、テンプレート、フレームワーク、グリッドの設計ツール・確認ツールなどを紹介します。
CSS-EBLOG - (X)HTML+CSS/JavaScript Tips site.
デザインを体感して学べるデザインブログです。Illustrator（イラレ）やPhotoshop（フォトショ）の使い方やWordPressやSWELLのCSSやJavaScriptカスタマイズやアフィリエイトまで読むだけで楽しめる情報を発信しています。
Tortoise SVNの使い方を覚えてもらうためのページ （初級，中級） - 主に言語とシステム開発に関して
スキルチェックの目次へ SVN の使い方を覚えてほしい時，この記事を読んでもらう。 初級と，中級がある。 初級編 覚えるべきこと 学習用のリンク集 中級編 覚えるべきこと 学習用のリンク集 初級編 覚えるべきこと： Tortoise SVNの導入について： 「Tortoise SVN」を，正しく読めること。（トータス・エスブイエヌ） Tortoise SVNを，自分のWindowsマシン上にインストールできること。 SVNが「バージョン管理ツール」である，という点を理解すること。 リポジトリとチェックアウトについて： 「リポジトリ」上のファイルと，「ワーキング・コピー（WC，作業コピー）」上のファイルとの，違いを理解すること。 「チェックアウト」「SVN コミット」「SVN 更新」の意味を理解すること。 既に存在するリポジトリから，自分のローカルフォルダに，「チェックアウト」を実行できるこ
selectボックスをシンプルなプルダウンに拡張するjQselectable(jQuery.selectable.js) :: 5509
セレクトボックスのユーザビリティを劇的に向上できるかもしれないjQueryプラグインです。バージョンアップでjQuery.selectable.jsからjQselectableに名前が変わりました。 サンプルを見てみる トピックス 特徴 ダウンロード 導入方法 スタイル 拡張 表示形式 selectable simpleBox エフェクト 透明度 プルダウン位置の調整(少し高度な設定) プルダウンの高さ カスタマイズ 独自のselectボックスに適用させる id、classの引継ぎ 日付で使う Callback関数を使う 動的にselect要素のDOMを書き換える場合（rebuildメソッド） サンプル 更新履歴・追記 動作環境 特徴 selectボックスの選択ってイライラしないですか？jQselectabeを使えば解決できるかもしれません。以下が主な特徴になります。 セレクトボックスの鬱
jQueryでもっとフォームを使い易くするプラグインのまとめ
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ Webサイトでフォームは大事ですよね。 使いにくかったり、分かりにくかったり、入力多ってなったり したら離脱しますよね。 そこで使い易いフォームに改善できるjQueryのプラグインをまとめました。 フォームに先に何を入力するかを入れておいてフォーカスされたら 消すとか必要な時だけにヘルプを表示させるなどフォームをもっと 分かりやすくするライブラりが紹介されてます。 あなたのWebを入力しやすくするjQueryプラグイン10選 チェックボックスやラジオボタンを見映え良く 【1】「Checkbox」 ドロップダウンの領域を節約し見映え良く 【2】「comb
ロゴデザインをする時に参考になるサイト60+ – creamu
DESIGNM.AGで、ロゴデザインをする時に参考になるサイトが紹介されています。 4つのカテゴリーに分かれてたくさんありますね。いくつかご紹介します。 ロゴデザインのインスピレーションが得られるサイト » Logo Faves » LogoGala » Logo of the Day ロゴをテーマにしたブログ » Logo Design Love » David Airey » Logo Designer Blog ロゴデザインチュートリアル » Zeeのロゴをillustratorで作る方法 » オバマ大統領のOのロゴの作り方 » レインボーカラーのロゴを作るチュートリアル ロゴに関する記事やケーススタディー » Henri Ehrhartのブランドデザイン » Miskeetoのブランドデザイン » Butterfield Photographyのロゴデザインプロセス よくまとまって
ClockMaker Blog
Adobe MAX JAPAN 2018で登壇してきました 2018年11月25日 (日) 雑談 11月20日（火）のAdobe MAX 2018で「イマドキのUIデザインには欠かせない！ マイクロインタラクションを作るためのズルいCC活用テクニック」と題して発表しました。 発表の振り返りを記事として残しておきたいと思います。少しエモい感じで恥ずかしいですが、この気持ちを忘れないように記事にまとめました。 9年前のAdobe MAX 2009での思い出が原点にありました。 人生を変えた2009年のAdobe MAXを目指した 思い起こせば、Adobe MAXにはじめて参加したのが2009年。締め切り間近の修羅場な仕事があるなか、朝〜夕方はMAX会場、夜から朝にかけて会社で徹夜の開発作業として、無理して参加したことを覚えてます。連日徹夜してでも参加して良かったというのが当時、MAXで強く思っ
Flashでやってしまいがちな16個の間違った使い方 | ClockMaker Blog
Photoshopでやってしまいがちな12個の間違った使い方 – GIGAZINEが面白かったので、Flash版として「Flashでやってしまいがちな16個の間違った使い方」としてまとめてみました。 1.シンボル化しないままトゥイーンを作成している まずは誰でも一度はやったことがあるであろう、シンボル化しないままのトゥイーン作成。ライブラリに「トゥイーン○」という名もなきシンボルが作成され、後で見返したときや他の共同作業者が非常に困ることになります。 2.テキストフィールドに直接リンクURLを設定している getURLやnavigateToURLなんてスクリプトを知らない初心者のころはテキストフィールドにURLをいれてテキストリンクを作っていました。これは演出が作れないので、慣れてくると使うことはないでしょう。 3.文字をボタンに含めたときに後ろにシェイプを敷いていない ボタンを作ったとき
zachary » TweenMax memo
Flashを中心に映像や自分の作品、tips、webについてなどを紹介するサイト。Zachary=ザカリTweenMaxについてのメモ よく使うのに何回コードを書いても忘れてしまうので 今回はTweenMaxについてのメモ。とりあえずこれだけあれば何とかなるような、ならないような・・・ 1)基本 2)TimelineMaxを使って処理を順番に行う 3)エフェクト系 4)繰り返し、逆再生処理 5)処理を消す(無限にループ) 6)まとめて処理を行う 7)スタート位置をかえる。autoAlphaでvisibleをfalseにする 8)イージングの種類、まとめ 1)基本 ①,②が表示されている例です。 ①box1を1秒後に1秒かけてx座標500に移動させる ②イージングをかけてx座業500まで移動、処理が終了したらreFunk関数を実行、引数を渡す ③その他）イージングをかけてx座業500まで移動
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3を使ったオンマウスで吹き出しが現れるサンプル
レスポンシブWebデザイン テーブル小技 | Coding Methodology | CFニュース | CODING FACTORY - コーディング専門サービス
Unformed Building
prasm
http://www.designwalker.com/2010/06/jquery-forms.html
