メニューのマウスオーバーで下線がスライドしてついてくるサンプル
サイトのグローバルメニューの各メニューをマウスオーバーした時に、アンダーラインがメニュー幅に合わせてスライドしながらアニメーションでついてくるサンプルをご紹介します。 CSSと簡単なjQueryで実装しています。 まずはサンプルをご覧ください。 See the Pen Menu with Underline Sliding Animation by digistate (@digistate) on CodePen. HTMLの構造 HTMLは至ってシンプル。 メニュー用のリスト(ul)をナビゲーション(nav)タグで括っています。 メニュー用のリスト要素の次に、スライドしてついてくる下線用の要素(#slide-line)があります。jQueryでマウスオーバーに合わせてこの下線の位置を変更してやります。 <nav id="navigation"> <ul> <li class="curr
いくらかかるの？Webサイト制作費用の内訳を徹底解説！ -Code部
かなりざっくりとしたもので、実際に使われる見積書はもう少し細分化されているでしょう。 ここでは、一般の人を対象にした説明なので、かなりざっくりとしたものにしています。 では、それぞれ解説していきますね。 ディレクション費用 ディレクション費用は、その名の通りWebディレクターの稼働費用のことです。 Webサイトを一度制作した経験がある人はわかると思いますが、実際にWebサイトを作り始めるまでに様々な工程があります。 どんなサイトを作るのかヒアリング、作るWebサイトの目的、それに応じたコンテンツなどなど様々な準備が必要です。 なのでWebディレクターの稼働が長いので、費用が多くかかってしまいがちです。 項目としてはこんな感じです。 ・打ち合わせ ・仕様策定 ・プロジェクト進行管理 ・デザイナー・エンジニアへの指示 ここで、Webディレクターの人件費が勿体無いと思われた方はいませんか？ ディ
うつ病になりやすい考え方を変える！（自分でできる認知療法） | うつ病は完治できる！ 薬の副作用に苦しまず自分でうつ病を治す
私は、うつ病を克服するために、様々なことにチャレンジしました。 運動、睡眠、食事。 （運動、睡眠、食事について詳しくは「うつ病って本当に完治するの？ うつ病を完治させるための３ステップ」をご覧ください） しかし、最も大事だと感じたのは考え方を変えること。 今までと同じ考え方をしていては、うつ病の克服はあり得ません。 私がうつ病を克服するのに役立った「認知療法」を紹介します。 性格を変えるのは難しくても、考え方を変えるのはコツと練習さえ積めば誰でもできます。 あなたも、取り入れてみてはいかがでしょうか。 (画像：pixaboy) 認知療法とは？ 私たちは同じ出来事が起こっても、様々な感情を抱きます。 例えば、あなたが友人にあいさつをしたときに、友人から返事がなかったとします。 このとき、「友人に嫌われた。何か悪い事でもしたのかな」と思い、暗い気持ちになるのか、「友人は考え事をしていて、私の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
