We’re getting things ready Loading your experience… This won’t take long.
jsdo.it
We’re getting things ready Loading your experience… This won’t take long.
フォントサイズを変える「大・中・小」ボタンを画像も使って実装する方法
フォントサイズを変える「大・中・小」ボタンを実装する方法 今回も以前にエントリーした内容の変更版。知人に「フォントサイズを変えるボタンを画像にして、アクティブなボタンを保持したい」という要望があったので、もらったソースを元に作ってみた フォントサイズを変える「大・中・小」ボタン実装 CSSや文字だけで実装する場合は、以前の『フォントサイズを変える「大・中・小」ボタンを実装する方』を参照ください。 今回はこの機能に、画像の_onと_offを入れ替えるロールオーバーのスクリプトと、そのアクティブ状態を保持しているものを作成してみます。 ※ロールオーバー部分は知人にもらったコードを改変して利用。出典不明。主な仕様も、前と同じまま。 今回作成したデモ fontsize change - jsdo.it - share JavaScript, HTML5 and CSS 画像の場合の仕様ポイント 今
CSS切替なしでフォントサイズを変更するjQueryのスクリプト | Web Mugen
前に作ったフォントサイズを変更するjQueryのスクリプトの改良版です。元々はフォントサイズ切替用のスタイルシートを作るのがメンドイので作ってみました。改良点は画像でもテキストでも使えるし、クリックするとアクティブ用のクラスが付くのでCSSを適応できます。さらにロールオーバー画像のオンオフも切り替えれます。おまけにフォントサイズの段階（標準・大とか小・中・大みたいな）もいくつでも設定できます。ちなみにプラグイン風？に作りました。もちろん自己満の為です。 画像タイプDemo テキストタイプDemo 対応ブラウザ Google Chrome Safari4~ Firefox3~ Internet Explorer6~ Opera11 ※Windowsのみの確認です。 ※IE6はテキストタイプの場合、a要素を使用していない為ホバー機能が効きません。a要素を追加しても問題ないかと思いますが、リンク
今年こそついにSVG元年？まだ間に合う！SVGの学習に役立つサイト紹介 - 聴く耳を持たない(片方しか)
先日AdobeからこのようなJavaScriptライブラリが公開されました Snap.svg http://plus.adobe-adc.jp/post-4817/ 以前から人気の高かった、IE6でもSVGを表示できるJavaScriptライブラリRaphaelの作者 Dmitry Baranovskiy氏による新たなライブラリで、Raphaelとの違いはSnap.svgではIEなら9以上対応とモダンブラウザを対象にしたこと。さらに自由度と表現力の高いことができるようになっているのが大きな特徴です。 こうしたJavaScriptライブラリがオープンソースで、そしてAdobeから公開されたのは大きなことでこれからSVGもどんどん普及していくのではないでしょうか。 まさに2013年こそついにSVG元年と言えるかもしれません*1。 ……とは言え、そもそもSVGってなに？という人もまだまだ少なくな
Beautiful advanced jQuery background image slideshow
A couple of weeks ago, I received an e-mail from a guy named Patrick. He just visited the website from Philadelphia and wanted to know how to create the slideshow header that’s on top of the page. Since I was also impressed by the effect, I took the time to recreate this effect myself. Our focus is the background image slideshow (including the text), not the other things (like the dropdown menu).
無料ではじめるフォント製作マニュアル
拙作スクリプトとwebサービスを利用してフォントファイルを作る方法についてまとめます．通常フォントを作るには専用のエディタを用意する必要がありますが，簡単な利用のために環境を整えるのは面倒です．今回紹介するのは品質はそこそこに，それなりに使い物になるフォントをできるだけ既存の環境を使って作る方法です．自作したフォントが動作するのは見ていてとても面白いので，是非試してみて下さい． 準備 用意するものはこれだけです．後は全てwebページから実行できます． フォント化したい画像ファイル（pngとか，svgとか） step1 フォント化の画像ファイルを用意する まずはじめにフォント化したい画像のファイルを作ります．画像形式としてはブラウザで読み込める形式であればpngでもjpegでも構いませんが，png形式のほうが良い結果が得られるでしょう． 例えば次のような画像を用意します． 画像の大きさは文字
「Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装」の実装方法 - Branch
Clicking the “Branch this” button next to a post lets you start your own branch to talk about it. Branching a post is perfect for when you have something to say about someone’s post or want to go on a tangent—without taking the whole conversation off track. Join our beta so you can branch posts, too.
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS 20 stunning examples of CSS 3D transforms