八の字眉のネコはサムという名のネコで、下記ページにたくさんの写真があります。 samhaseyebrows 見事な八の字眉ですねえ。
画像にマウスをホバーさせると、キャプションがアニメーションでスライド表示される省スペース用エフェクトを実装するスタイルシートのチュートリアルを紹介します。 Slide In Image Captions [ad#ad-2] キャプションをスライド表示させる画像のデモ デモでは、画像ごとに異なる方向から異なる位置にキャプションがスライド表示されます。 デモページ スライドは、CSS3 transitionに対応したブラウザ（Chrome, Safari, Opera）ではアニメーションで表示し、非対応ブラウザ（Firefox3）ではアニメーション無しで表示されます。 [ad#ad-2] 以下は元記事の各ポイントを意訳したものです。 なぜ、このようなエフェクトをするのでしょう？ それはレイアウトのスペースを節約するためです。そして、キャプションの存在は画像からユーザーの気を散らしてしまうことも
同じフレーズを、太平洋を隔てた2つの場所で聞いたので、メモしておく。 @2012年12月東京のなんか洒落たカフェ 隣の席に20代半ばくらいの男女が座っていた。距離感からして友達だろう。女の子はルースフィットの灰色のデザイナーTシャツに橙色のホットパンツという出で立ちで、細長い足は黒いレギンスに包まれ、履いているヒールは恐らくCoachかなんかだろう。1とても趣味よくまとまっており、日本の女の子は綺麗だと再認識させられる。 打って変わって男の方は、よれよれのワイシャツを無造作に安ジーパンに突っ込んでおり、靴は薄汚いNew Balanceで、髪はぼさぼさだ。美女と野獣とは言わないが、美女と醜男には違いないので、面白半分に会話に聞き耳をそばだてた。ずっとNew Balanceの方が話していたのだが、どうやら彼はベンチャー企業で働いているらしい。 いろいろ大変だけど楽しいよ。やっぱね、仕事ってさ、
それぞれ動物の名前の文字を使って動物を表現しているとてもかわいいタイポグラフィ「Word Animal」です。サイやキリン、恐竜などの大型動物から、鶏、オウム、カタツムリなどの小型動物まで、小さな子どもでも簡単に分かりやすく表現されています。 1. ウサギ（bunny） 2. ラクダ（camel） 3. 鶏（Chicken） 4. クロコダイル（crocodile） 5. 恐竜（dinosaur） 6. ゾウ（elephant） 7. フラミンゴ（flamingo） 8. キリン（giraffe） 9. カンガルー（kangaroo） 10. 猫（kitten） 11. サル（monkey） 12. フクロウ（owl） 13. オウム（parrot） 14. ペンギン（penguin） 15. 豚（pig） 16. カモノハシ（platypus） 17. サイ（rhino） 18. スカン
Posted: 2011.06.20 / Category: javascript / Tag: Ajax, HTML5 高速なWebアプリケーションを作成するにはAjaxがなくてはならないものとなりました。AjaxにはURLが更新されず、そのためブラウザの戻るも使用でません。 このような問題を解決するためにHTML5で追加されたのが「pushState」です。 pushStateを使用していないサンプル jQueryのloadメソッドを使用したコンテンツ切り替えの簡単なサンプルです。 page1.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>page1</title> <link rel="stylesheet" href="style.css"> <script type="text
jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。 サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。 投稿日2012年02月03日 更新日2012年02月03日 リンク（href）を無効にする 画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場合だと #btn にイベントを設定しても画面遷移してしまいます。 click イベントに「e.preventDefault()」と記述すればhrefを無効にになり画面遷移が行われません。 javascript $('#btn').click(function(e){
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。
擬似要素はCSS1から存在するもので、ここで解説する「:before, :after擬似要素」はCSS2.1でリリースされたものです。 CSS1では「:first-letter, :first-line」です。 擬似クラス、擬似要素 擬似要素の記述は一つのコロンを使用し、「:before, :after」となります。 コロンを使用するものは他に、「:hover」などの擬似クラス、CSS3ではコロンを二つにした「::before, ::after」などがあります。 サポートブラウザブラウザ 「:before, :after擬似要素」をサポートするブラウザは下記の通りです。 IE8+ Firefox3.5+ Chrome Safari4+ Opera6+ IE8+とすべてのモダンブラウザと言ってよいでしょう。 非サポートブラウザへの対応 IE7にも「:before, :after擬似要素」を利
CSS3 Mega Menu HTML Markup Create an unordered list with the class “nav” (<ul>), then for each menu item we will add a new list item (<li>) with an anchor tag (<a>) inside. If you want the menu item to be a mega menu just add a <div> inside of the <li>. <ul class="nav"> <li> <a href="#">What's new</a> <div> <div class="nav-column"> <h3>Home</h3> <ul> <li><a href="#">Pampers Diapers</a></li> <li><a
Flat Design: Can You Benefit from the Trend? Design • Website DesignCarrie Cousins • January 31, 2013 • 5 minutes READ Flat design – a concept popular many years ago in design – is making a comeback. With many redesigns and new websites employing a flat design scheme, the trend is appearing almost everywhere, both on websites and in-app design. Its popularity has been made even more popular by the
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
