HTML5 & CSS3 only Accordion Effect – aduca
今日は右京くんに頼まれたのでアコーディオンエフェクトをHTML5とCSS3で実装する。 基本的なDOM構造はこんなもの、 - body `- section#accordion |- section | |- h2 | `- p |- section | `- ... |- section | `- ... `- section `- ... んでこれらにエフェクトを与えるのだけれど、その前にとりあえず現物のサンプル。 CSS Accordion CSSなどのコードもすべてこのHTML一枚にかいてあります。(Firefoxでも動くみたいだけどWebkit系ブラウザが一番綺麗にアニメーションします) hoverの関係 最下層のsection上にポインタがある場合、その親要素にも:hoverが付く。 これを利用しないと、単純に:not(:hover)してしまうと、普通の状態(ポインタが一切ない
CSS3 Support in Internet Explorer 9
By Louis Lazaris / September 23, 2010 / 120 Comments Updated: August 7, 2022 If you’re like me, you’re probably wondering, amidst all the hype surrounding the release of IE9 Beta, whether or not Microsoft has finally begun to keep up with the other browser makers. Has IE9 changed Microsoft’s reputation of always lagging behind? Does the Beta release of IE9 indicate that Microsoft is finally keepin
jQuery ソースコードを読むための参考資料一覧 - mollifier delta blog
2010/09/26(日) に京都で Kanasan.JS jQuery コードリーディング #2 が行われる(告知ページ)。みんなで jQuery のソースコードを読むイベントで、今回が2回目だ。参加者募集中です。 jQuery はファイル1つだけのライブラリなのですごい環境とかもってなくても大丈夫なんだけど、読むうえで参考になるサイトとかをまとめてみた。この辺の準備をしておくと理解が深まると思う。 ソースコード http://code.jquery.com/jquery-1.4.2.js http://github.com/jquery/jquery まずは jQuery のソースコードを取ってこないと始まらない。今回はバージョン 1.4.2 を使用する。jQuery の公式サイトから圧縮していないコードをダウンロードしよう。 それと、jQuery ソースコードは Git で管理されて
アフィリエイト日記 by ゆーすけべー
最近、SEOに興味があります。特にGoogleのアルゴリズムを理解する上でいろいろ試して楽しんでいます。検索結果が非常に多く、SEOが難しいと言われるキーワードを選び、新しくサイトを作りどれだけ効果がでるか挑戦してみました。 選んだキーワードはずばり「出会い系」です。現在のところGoogleで「出会い系」と検索すると約28,500,000 件がヒットします。膨大な数字です。また、出会い系アフィリエイトを狙ってのサイトが非常に多くでてきます。これは戦うかいがあります。 サイトは出会い系サイトを紹介するブログサイトです。ブログサービスの使い勝手やSEO効果に違いがあるのかを試したかったので、livedoor ブログを利用しました。サイトは適当に名前を付けて、出会い系ランキング と言います。5エントリーほど結構まじめにかつ一部でっちあげて記事を書きました。どうせならということでちゃんとアフィリエ
Java総称型メモ(Hishidama's Java Generics Memo)
メソッドの総称型 メソッドのみに総称型を適用した定義を行うことも出来る。[2007-06-12] 戻り値の型の直前に「<仮型引数, 仮型引数…>」を置くだけ。後はクラスの場合と同様。 public static <T> T notNull(T arg1, T arg2) { T ret; if (arg1 != null) { ret = arg1; } else { ret = arg2; } return ret; } このメソッドを呼び出す側は、クラスの場合とは異なり、明示的に型引数を指定する必要は無い。 指定した引数の値に応じて、自動的に型が判断される。 String s = notNull("abc", "def"); //型引数はString Long l = notNull(new Long(1), new Long(2)); //型引数はLong int i = notNu
Javaジェネリクスに関する資料メモ - 情報科学屋さんを目指す人のメモ
タグ Windows / インストール / Linux / 設定 / エラー / Java / Eclipse / AutoHotkey / TeX / C# / VisualStudio2008 / 対策 / Subversion / LaTeX / Vista / 方法 / CentOS / Android / Microsoft / Windows7 / Office / バージョン管理 / プログラミング / eclipse / PowerPoint / SSH / Ubuntu / WindowsVista / コマンド / ショートカット / .NET / Desire / VisualStudio / 便利 / P2P / Unix /
JavaScriptで比較的本気でお絵描きアプリを作ってみた | fladdict
JavaScriptで結構ガチに、お絵描きツールを作ったみました。推奨ブラウざは、IEとOpera以外。 実装期間はポケモン・ホワイトをやりつつ、トータルで1週間ほど。 今後、人生をFlash, iPhone, HTML のどの方向にリソース配分するか？ということで、実験的にHTMLも触ってみるテスト。やってみたら、結構いける感覚。IEさえ無視すれば。 以下、雑感。 Flash と JSの比較 かつてFlashが持っていた、実行速度という究極のアドバンテージはもはやないに等しいようです。 いままで「指先ツール」のような負荷の高い機能はFlashでも大分辛い機能でしたが、現在のJSでは遜色なく動きます。カラーホイールも全部、リアルタイムに計算してグラデーションを生成していますが、無問題。 こうなると疑問になってくるのは、Flashの優位性。 正直、現在WebにおけるFlashのプレゼンスは大
“Javaの父”ゴスリング氏、Oracle退社の理由を語る
Oracleによる初のJavaOne開催中、ジェームズ・ゴスリング氏はeWEEKの単独インタビューで、これまで明かさなかったOracle退社の理由を語った。 ジェームズ・ゴスリング氏が米Sun MicrosystemsでJava言語およびプラットフォームを構築したチームを率いていたころ、同社は好調で、Javaは革新的な技術だった。だが、最終的にはSunは財務的な窮地に陥り、米Oracleが救済者として現れた――正しいことを言う救済者として。だが水面下では、少なくともゴスリング氏の考えでは、間違ったことばかりする救済者だという。 ゴスリング氏はJavaを作り出した。これは多少は尊敬されていい功績のはずだが、同氏が言うには、Oracleから与えられたのはその逆だったという。eWEEKの単独インタビューで、ゴスリング氏はOracleを辞めた理由と、Oracleが同氏の創造物であるJavaを今後管
どんなHTML要素もカルーセル化してしまえるjQueryプラグイン「CarouFredSel」:phpspot開発日誌
infinite, circular jQuery carousel --- CarouFredSel 2.1.3 どんなHTML要素もカルーセル化してしまえるjQueryプラグイン「CarouFredSel」。 指定した要素以下に<div>や<img>を単に並べるだけでカルーセル化してくれるプラグインです。 少ないスペースで多くのコンテンツを格納するのに便利です。 横だけでなく、縦スクロールもオプションで指定することが出来ます。 ページ下部にexamplesが多数紹介されているので他にも色々な機能があることを確認できます。 関連エントリ 関連アイテムを出す場合等に使えそうなjQueryカルーセル「bxCarousel」 JavaScriptで実装するクルクル回転する3DカルーセルUI実装ライブラリ 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル
ベーシックで高品質で完全にフリーな日本語フォント - yayuguのにっき
フリーフォントのまとめなんて腐るほどありますが、大抵 商用不可 再配布不可 収録文字数が少ない 変わったデザインのフォント のどれかに当てはまり、ベーシックで何も考えず使えるフォントって少なかったりします。 そこで、 フツーな形をしている 第二水準ぐらいの漢字を収録 スライドや商用印刷に使っても恥ずかしくないハイクオリティ なフォントをまとめてみました モトヤLマルベリ3等幅 https://android.git.kernel.org/?p=platform/frameworks/base.git;a=commit;h=4234d40eae54ad9126fbc4b61cbbe8dc78d282bc モトヤのマルベリの軽量版が Android に提供されることになりました。 Android向けですがApacheライセンスで提供されるので、ライセンスに従えば商用使用・改変・再配布なんでもで
Excellent XPath Expressions - nanto_vi
Excellent XPath Expressions nanto_vi (TOYAMA Nao), 2010-06-05, 2010-09-26 追補 XPath で何ができるか 文書中のノードの選択 文書: XML 文書、HTML 文書 ノード: 文書ノード (ルートノード)、要素ノード、属性ノード、テキストノード、コメントノード、etc. cf. CSS セレクタ: 要素の選択 文書を元にした文字列、数値、真偽値の生成 図 1 に HTML 文書が生成する文書木 (文書ツリー) の例を挙げます。図中、二重線で囲んだのが文書ノード、角丸四角が要素ノード、長方形がテキストノードを表します。 文書木の根 (最上部) は文書要素ノード (ルート要素ノード、HTML 文書なら html 要素ノード) ではなく、文書ノードであることに注意してください。JavaScript から DOM や XP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
