2015-02-01から1ヶ月間の記事一覧

CSS3の「text-shadow」を使用したクールなテキストエフェクト

CSS3エフェクトを取り入れたWebサイトも一般的になり、結構なサイトで実装されています。なかでも、テキストに影をもたせるエフェクトをよく見かけます。最近では、最新ブラウザの発展により実装が簡単になりました。そこで今回は、CSS3のtext-shadowを使用…

HTML要素をナンバリングする!CSS擬似要素を使って見出しに連番をつける方法

HTML要素にナンバリングしたい場合、jQueryを使う方法が一般的ですが、CSSで行う方法を紹介します。以下のような具合が完成イメージです。まずベースとなるHTMLを用意します。 <article> <h1>大見出し</h1> <h2>中見出し</h2> <h3>小見出し</h3> <p>ダミーテキストダミーテキスト</p> <h3>小見出し</h3> <p>ダミーテ</p></article>…

自転車トラブルの備え!サイクリング・ジテツウするなら必ず携行したいもの

自転車ブームでロードバイクに乗る人も増え、サイクリングやジテツウをよく見掛けます。自転車はいままで行ったことのない土地まで連れて行ってくれるとても楽しく便利な乗り物です。しかし、トラブルも付きものです。自転車の不具合や落車による自転車の故…

フィットネスジムに通うとき何を用意するのか?トレーニングに必要なもの4選

家でトレーニングするには集中して実施できないこともあり、効率よく成果をあげられるフィットネスジムの利用がおすすめです。かくいう著者も、フィットネスジムに入会したのは1ヶ月前のことですが、インストラクターと話しあって決めたメニューに取り組んで…