Learn HTML5, CSS3, Javascript and more... Video style walkthroughs showing cool stuff being created from scratch
Learn HTML5, CSS3, Javascript - video style tutorials
Learn HTML5, CSS3, Javascript and more... Video style walkthroughs showing cool stuff being created from scratch
ページを開いたときに画像がフェードインします。IE6,Mozilla Firefox
サイトやブログをJavaScriptを使って動きのあるページに、スタイルシートで見栄え良く装飾してみませんか？ コピーしてご自由にご利用ください。 <BODY onload=" ＊＊＊()">を書かずに IMG タグの中に onload=" ＊＊＊()"を入れました。 なのでブログにも簡単に設置できます。 サンプルソース <HTML> <HEAD> <TITLE>ページを開いたときに画像がフェードインします。IE6,Mozilla Firefox</TITLE> </HEAD> <BODY> <script type="text/javascript"> <!-- opa=0; //透明度 0は透明 opacnt=2; //透明度の増減の間隔 timer=100; //setTimeout関数の実行間隔 ミリ秒 // フェードイン function FadeInstr() { gazouI
PhotoSwipe
What’s new in v5Code quality and rewrite in ES6The script is now distributed as an ES module and does not require a build step to use. The documentation is also updated and now includes more examples. Simpler initialization and dynamic import supportPhotoSwipe now supports dynamic import and does not block page rendering. <script type="module"> import Lightbox from './photoswipe-lightbox.esm.js';
HTMLで文字詰めするJS＠欧文カーニングペアサンプル - Unbalance Ambulance
@fladdict氏作成の”HTMLで文字詰めするタイポグラフィー用JS”（http://fladdict.net/blog/2011/02/auto-kerning.html）という素敵なものを発見。 タイポグラフィはずぶの素人ですので、何かあれば教えてください。約物は他の方に任せるとして、欧文関係が気になる性質でして、汎用性のある欧文カーニングペアサンプル作ってみました。 ・目的 できるだけブラウザやフォントは選ばずに微妙に見栄えを良くする。見る側配慮。 美観よりもATVYなどの隙間があいてしまう物の不自然さを解消するのが目的。 小文字なんかだと最小単位でも詰めすぎてしまうので美観重視は難しい。 ・四大ブラウザ間での挙動比較 ver. IE 8.0.7600.16385 FireFox(FF) 3.6.1.3 Safari(SF) 5.0.3 Chrome(CH) 9.0.597.98
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
