[jQuery] マウスが乗っていない要素に効果をつける

[jQuery] マウスが乗っていない要素に効果をつける

jQueryのnot()メソッドを使用して、マウスが乗っていない要素がぼやけるような効果をつけてみます。 デモはこちら ソース HTML <ul id=”fade”> <li><a href=””>link1</a></li> <li […]

web
[CSS] テキスト選択時の文字色・背景色を設定する

[CSS] テキスト選択時の文字色・背景色を設定する

対応ブラウザ 対応 対応(-moz-) 9~ 対応 未対応 4.4~ テキストを選択(反転)した時のスタイルを指定するには、::selection擬似要素を使用します。 Firefoxは、ベンダープレフィックス付きの::-moz-selectionを指定しないと適用されないので注意してください。 I […]

web
可視音

可視音

Nikon D90 / 35mm f1.8G Nikon D90 / 35mm f1.8G Nikon D90 / 35mm f1.8G 音を視る。

photo
[CSS] 傾斜したグローバルメニュー

[CSS] 傾斜したグローバルメニュー

対応ブラウザ 対応 対応 9~(-ms-) 対応 対応 対応(-webkit-) 斜めになった横並びメニュー Codepenに面白いカタチのメニューがあったので、試してみました。 CSS3のtransformプロパティを使用するため、対応ブラウザは各モダンブラウザとIE9+。 ※CSSは最低限必要な […]

web
[CSS] フォントのアンチエイリアス設定

[CSS] フォントのアンチエイリアス設定

対応ブラウザ Macのみ Macのみ 未対応 未対応 未対応 未対応 CSSでフォントのアンチエイリアスを調節する CSS3のfont-smoothingプロパティを使用することで、フォントのアンチエイリアスを調節することができます。 ※Windowsはブラウザに関わらず対応していません Mac版の […]

web
清水みなと散歩デラックス

清水みなと散歩デラックス

清水みなと散歩デラックスのマップ ロゴ部分 2014年2月23日(日) 富士山の日、清水・三保界隈で行われる『清水みなと散歩デラックス』というイベントのマップ制作を担当しました。 清水の魅力を味わえる様々なイベントが開催されます。富士山の日はぜひ、清水へお越しくださいませー 詳しくは下記サイトをごら […]

creative
西伊豆スカイラインから富士山を望む

西伊豆スカイラインから富士山を望む

日中の富士。 西伊豆スカイラインの中でも、最も綺麗に富士山を望むことができるのは達磨山の山頂だろう。 所々、道沿いに駐車スペースがあるので、そこに車を停めて登ってみよう。山頂に向けて、伊豆山稜線歩道がのびている。 十五分程で山頂に着くが、時折突風がふくので注意。歩道には柵がないため、よろけて落ちない […]

photo
革製ペストマスクを作ってみた。

革製ペストマスクを作ってみた。

Plague Doctor Mask – ペストマスクとは Plague Doctor Mask、ペスト医者、ペストマスク、ペスト仮面、鳥面……呼び方はいろいろ。 元々は黒死病(ペスト)が流行した中世ヨーロッパで、ペストを専門にみる「ペスト医者」が着用していたもの。 専門といっても治療法 […]

creative
about metrograph.jp

about metrograph.jp

metrograph.jpとは かつて熊とライオンとも戦っていた勇敢な犬、サモエドのようなWebデザイナーが勉強したことなどをメモるところ。 中の人 すずき(@metrograph_jp)です。 2014年からWebデザイナー。Webや紙、プロダクトなどのデザイン全般と、JS、PHP等の簡単なプログ […]

others
全3ページ中 3ページ123