[JS]多くのコンテンツが設置できるドロップダウン型のナビゲーション -jDiv
洗練されたエフェクトでドロップダウンが開閉するナビゲーションをSkyrocket Labsから紹介します。 jDiv デモページ デモでは左端の「Rollover Me!」のドロップダウンに多くのコンテンツが設置できるパネルが設定されており、リストや画像など複雑なものも配置が可能です。 ナビゲーションはリスト要素、パネルはdiv要素で実装されており、デザインのカスタマイズはCSSで自由に設定ができます。 HTML <textarea name="code" class="html" cols="60" rows="5"> <!-- BEGIN MAIN NAV MENU--> <div id="menu"> <ul> <li><a href="#" id="menu1">Rollover me!</a></li> <li><a href="#">Link # 2</a><</li> <li
魅力的なフッタをコレクションしているサイト -Footerabulous Gallery
海外のサイトだけでなく、国内のサイトでも最近は魅力的で有意義なフッタが増えてきました。 そんなフッタに注目し、多くのサイトのフッタだけをコレクションしているサイトを紹介します。 Footerabulous Gallery 各フッタはカラー別にカテゴライズされており、配置されている要素ごとにタグが割り当てられています。 タグは下記のようなものがあります。 navigation contact about social media portfolio back to top link rss feed 最近のウェブサイトのトレンドとしては、フッタのデザインと機能性を充実させ、より魅力的な一コンテンツとして活用されています。 具体的にフッタをどのようにすればよいのか、は当サイトでもいくつか取りあえげています。 ウェブサイトのフッタを魅力的にする10のシンプルなアイデア 使い勝手の良いフッタにする
あのサイトを作りたい！オープンソースのクローンCMSまとめ
「自分であんなサイトを作りたい」と、思う Webサービスは結構多いかと思います。 いくつかの有名なWebサービスは クローンのCMSがオープンソースとして 提供されているものがあります。そんな クローンタイプのCMSをいくつかご紹介します。 既出のCMSばかりですが、個人的も一度まとめておきたいのでメモも兼ねて。 Diggクローン 海外でもかなりの人気ソーシャルサイト、Diggのようにユーザーが投稿、Vote（投票）を行えるCMSです。以前SEOカスタマイズ法も書いたので宜しければ合わせてご覧下さい。Pliggが相性悪いなと思うようならPHPDugもいいかも。 Pligg / デモ Deliciousクローン ソーシャルブックマークサイトとして有名なサイトがDeliciousです。タグを付けてWebサイトへのリンクを簡単に追加、共有できるオーップンソースのCMSがscuttleです。僕もこ
IEをモダンブラウザのように扱う方法10 – creamu
IEにだけできないことを可能にしたい。 そんなときにおすすめなのが、『10 ways to make Internet Explorer act like a modern browser』。IEをモダンブラウザのように扱う方法です。 便利そうなのが揃っているので、ざっとご紹介しますね。 HTML5をIEでも使用可能にする html5.jsを読み込んで、HTML5をIEでも使用可能にする text-shadowプロパティー IEでtext-shadowプロパティーをfilterを使って実現 IEでのbox-shadow filterを使ってシャドウに見せるテクニック 角丸 モダンブラウザはborder-radiusで、IEにはDD roundiesを適用 マルチカラム div要素にカラムを追加する。IE用にはjQueryプラグインで実装 HTML5の表現はだんだん増えてくるかと思うので、一
Typography - 46 Cool & Useful Dingbat Fonts | Think Design
I know Dingbat fonts aren’t the most popular. A lot of them are, well, pretty unhelpful. But, there are also a lot of very cool Dingbat fonts out there that can be used for a variety of things. Ornaments, decoration, patterns, silhouettes and much more. The cool thing about them, is you can convert to outlines, and you’ve got yourself a very cool vector to play with. I personally use the ornament
HTMLで図まで描ける！進化した「HTML5」ってどんなもの？ - はてなニュース
HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何？どんなことができるの？」という疑問にお答えしたいと思います。 ■HTML5でできること まずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。 ＜具体的に何ができるの？＞ ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは？変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは？ - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「
Fireworksの素材集決定版 – creamu
Fireworksで使える素材を探している。 そんなあなたにおすすめなのが、『An Explosion of Adobe Fireworks Resources』。Fireworksの素材集決定版です。 ライブラリやパターンやシンボル、スタイルやシェイプなど、かなりたくさんの素材が揃っていますね。 かっこよくて使えそうなのをいくつかご紹介します。 Arrows 矢印がいろいろ入っているライブラリ Kaliber Patterns 種類がたくさんあるパターンファイル iPhone GUI as Rich Symbols for Fireworks iPhone用のGUIシンボル 150 Fireworks Styles (Gradient Effects) グラデーションスタイル150 15 Grunge Colors Styles グランジ系のカラースタイル 131 Ultimate We
プログラミング基礎文法最速マスターまとめ - ネットサービス研究室
現在73エントリー。新たな基礎文法最速マスター記事を見つけ次第随時追加していきます。 リンク切れしているものはURLを記載しておくので、Internet Archive Wayback Machineなどで過去の履歴を閲覧してみてください。 基礎文法最速マスター ActionScript 3.0（http://blog.livedoor.jp/takaaki_bb/archives/51374100.html） awk（http://gauc.no-ip.org/awk-users-jp/blis.cgi/awk_fastest） Bash Brainf*ck（http://d.hatena.ne.jp/shunsuk/20100130/1264842323） Bシェルスクリプト（http://chaichan.web.infoseek.co.jp/src/BSH.htm） C++0x C
Page2FeedっていうAPIを作った件 - 金利0無利息キャッシング – キャッシングできます - subtech
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
JavaScript基本概念最速マスター - TechTalkManiacs
プログラミング言語の文法をまとめた最速基礎文法マスターが流行っていますが、それだけだと物足りないので少し視点を変えてJavaScriptという言語の基礎となっている概念について簡単にまとめてみようと思います。(基礎文法についてはこちらを参照してください) (20010/2/4 記述ミス Typoなどを修正しました) JavaScriptの基本概念 JavaScriptの基本となる概念は次の二つです。 連鎖指向 全てがオブジェクト 連鎖指向はプロトタイプチェーンやクロージャ、全てがオブジェクトであるという性質は連想配列やプリミティブ型などの性質に関わってきます。 連鎖指向 JavaScriptでは変数、オブジェクト、メソッドなどのリソースの利用において鎖のようにリソースを定義や宣言できるポイントが連なり、一番近くの宣言や定義に基づいてリソースの内容が決定される、という仕組みが採用されています
デパートの店員さんはどうやって包んでる？上手なラッピングのコツ - はてなニュース
誕生日やバレンタイン、クリスマスなど、大切な人にプレゼントを贈るなら、中身だけでなく外側のラッピングにもこだわりたいですよね。そこで今回は、基本の包み方やリボンのかけ方など、「ラッピングのコツ」についてご紹介します。 ■まずは基本の包み方から！ 基本の包み方から個性的なアレンジまで、ラッピングの方法にも色々あります。包み方以外に、リボンのかけ方も知りたいですよね。 ＜「包み方」ひとつにも色々ある？＞ ▽ラッピングや包装のことならラッピング工房 ▽ラッピングに挑戦！ こちらのエントリーでは、「斜め包み（デパート包み）」「キャラメル包み」「ふろしき包み」といった、基本となるラッピングの方法をイラストで解説しています。大きさの違う箱を重ねた時の包み方や、リボンのかけ方についても見ることができます。まずはこちらをマスターしたいですね。 ＜普通じゃつまらない？個性派ラッピング＞ ▽プレゼントのいろい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]画像拡大とキャプション表示をアニメーションで実装するチュートリアル
IDEA * IDEA
原研哉氏トークイベント採録（1／5） | くらしの良品研究所 | 無印良品