「メニューの上にカーソルを乗せるとサブメニューが表示される」というよくある動き。 CSSのみ・CSSとjQueryを組み合わせる・jQueryのみなどなど、色々な方法があると思いますが、みなさんはどのように実装していますか? 対応ブラウザやレスポンシブの有無などによっても変わってくると思いますが、先日、自分がよく使う方法とは違ったCSSのみでの実装方法を目にしたのでまとめてみました。 【この記事を書いた人】 Adobe使用歴20年以上、Webデザイナー歴15年以上、フリーランス歴10年以上のApple/運動好きな2児の母。Apple/クリエイティブ/運動/ライフスタイル関係の情報を発信中。プロフィール詳細 サンプル 以下のような動きを想定したHTMLとCSSを作成します。 CSSによるhoverのデモはこちら 共通HTML <header class="sample01"> <ul> <l
「作業効率に課題を感じている」 「作りたいページのデザインの実現方法がわからない」 日々webサイトを制作しているなかで、このような悩みを抱える方も多いのではないでしょうか。 この授業では、初心者から中級者へのステップアップを目標に「便利な機能」「比較的新しい機能」を中心に実演形式でご紹介し、実際のWebサイト制作時によく使われる&役立つテクニックを学びます。 ■アジェンダ ()内の番号は、書籍内のサンプル番号です 1 レイアウトのマークアップのコツ(248、251など) 2 フロートに振り回されない(206) 3 フレックスボックスに挑戦。ナビゲーションを作成してみよう(237) 4 属性セレクタを使ったスタイリングで作業効率アップ(195、196) 5 border-radiusの仕組みを知って「カド丸」を手なずける(197) 6 蛍光ペンの太さのアンダーラインを引こう(198) 7
Facebookページは会社やお店、イベントなどの宣伝をするのに大変効果的です。またFacebookページのタイムラインをWebサイトに貼り付けることで、Facebookページの「いいね!」を増やしたり、Facebookページだけで発信している情報をWebサイト上でも見てもらうことができるので宣伝には良い方法だと思います。 以前から何度かこのFacebookページをWebサイトに貼り付ける方法を書いてきましたが、一番簡単にFacebookページをWebサイトに貼り付ける方法をまとめてみました。 FacebookページをWebサイトに貼り付けるためのコードを取得する FacebookページのタイムラインをWebサイトに貼り付けるためには、貼り付け用のコードを取得する必要があります。コードは ページプラグイン から取得できます。 Facebookにログインしていなくても、大丈夫*1なようです。
前髪を立てたら、おでこが広がってる…抜け毛が多くて10年後にハゲそうで不安… 育毛シャンプーには男性の薄毛予防の効果があります! 通販のアミノ酸の育毛シャンプーは、市販のドラッグストアの安いシャンプーと比較すると、髪や頭皮に刺激が少なく頭皮のバリア機能を壊さず洗浄できるのがメリット。 皮脂でベタベタ、乾燥など荒れがちなメンズの頭皮を優しく労り、脱毛環境を改善します。 しかし育毛シャンプーには種類がさまざまあり、自分に合っていないものを使ってしまうと、逆に薄毛を進行させてしまう可能性があるのです! この記事では男性の薄毛の原因とタイプに合った育毛シャンプーの効果、選び方、おすすめランキングを紹介します! 最近、髪の毛のボリュームがなくなってきた…分け目が広がって頭皮が見えてきたような… そんな悩みをもった女性の方、安心してください。 自分の頭皮に合う育毛シャンプーと出会ったら、あなたは元の美
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く