フォントサイズを変える「大・中・小」ボタンを実装する方法
知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか？という質問をいただきました。 CSSとJavaScript（場合によってはJSのみ）で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し
球のなかに浮かぶ世界を撮影できる低価格自作レンズ｢宙玉（そらたま）レンズ｣
見てください。このチープさ！ これは写真家の上原ゼンジさんが制作した｢宙玉（そらたま）レンズ｣です。ご本人からご連絡頂きました。ありがとうございます。 材料は見ての通りチップスターの空き箱とフタ、そして透明アクリル板と透明アクリル球です。マクロ撮影が必須なので、マクロレンズを使うか、クローズアップレンズを取り付けましょう。 見かけがあれですけど、どんな写真が撮れるんでしょうか。 おおおお！ なんて幻想的!! アクリル球の部分はピントがあって魚眼レンズのように写り、周囲はきれいにぼけています。しかも、周囲は天地が逆になっていますね。 制作の様子は以下でご覧いただけます。 1分38秒あたりで登場する黒い輪っかはレンズ径を変えるステップアップリングですね。チップスターは67mm径のようです。 コンパクトデジカメ用はもっとシンプルに作れるようです。興味のある方は自作してみてはいかがでしょうか。 宙
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YouTube - Music Discovery Project
