CSSで文字の色や背景色を変える際、簡単なアニメーションをつけたいと思うことはありませんか？動きのあるサイトはおしゃれな仕上がりになりユーザーに楽しんでもらえます。 CSSのtransitionというプロパティを使用すれば簡単なアニメーションを作ることができます。 この記事ではtransitionプロパティでできることやtransitionの使い方を解説します。この記事を読むと基礎知識や使い方だけでなくcssアニメーションとの違いやtransitionを使うことが多い場面などがわかります。transitionの使い方を学習して動きのあるおしゃれなサイトを作ってみましょう。

ヘッダーを固定しているサイトって多くなってきましたよね。スクロールしてもヘッダーがついてくる便利なあれです。そんな便利やつなのですが別ページの特定の場所へリンクさせようとすると固定したヘッダーとリンク先に指定したエリアが重なってしまって意図した表示にならないということが発生しがちです。 そんな状況を解決するスクリプトのメモです。 $(window).on('load', function() { // ページのURLを取得 const url = $(location).attr('href'), // headerの高さを取得してそれに30px追加した値をheaderHeightに代入 headerHeight = $('header').outerHeight() + 30; // urlに「#」が含まれていれば if(url.indexOf("#") != -1){ // urlを#

<div class="box"> <div class="btn"><a href="#"><img src="sample.png" alt=""></a></div> </div> .box { padding: 50px; /* 適当な余白を確保 */ background-size: auto auto; /* 分かりやすいよう赤のストライプを指定 */ background-color: rgba(255, 255, 255, 1); background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 1, 1, 1) 10px, rgba(255, 1, 1, 1) 20px ); } .btn { width: 150px; /* 横幅を適当なサイズに指定 *

『無料コーディング練習所』では、完全無料のコーディング教材を提供しています。 入門編から上級編まで６サイトをコーディングすることで、 HTML・CSS・jQueryの基礎スキルがしっかり身につくカリキュラムになっています。 デザインカンプと完成版コーディングデータ付きです。 この教材は制作会社の新人コーダーの教育にも使用されています。 さぁ、楽しみながら一緒に勉強していきましょう♪

日立製作所に勤める課長職の50代男性が違法な「退職強要」を受けたなどとして、同社に272万円の損害賠償を求めた訴訟の判決が24日、横浜地裁であった。上司からの複数回にわたる退職勧奨について、新谷晋司裁判長は「意思を不当に抑圧して精神的苦痛を与えるもの」として違法性を認め、慰謝料20万円の支払いを命じた。 判決などによると、男性は1988年に入社し、2012年から横浜市内の事業所でソフトウェアの売り上げ管理などを担当していた。16年8～12月、事業モデルの転換と今後のキャリアについて上司と面談を8回重ね、上司から「能力をいかせる仕事はないとずっと言い続けている」「仕事がないのに、できないのに高い給料だけもらっているって、おかしいよね」などと言われ、退職を勧められた。 判決は上司の発言について「自尊心をことさら傷つけ、困惑させる言動」だとし、退職以外に選択肢がない印象を抱かせたと指摘。男性が退

以下のような、よくあるカード型のコーディングは、簡単なようで実はとても奥が深いです。 ただ単純にデザインの見た目を再現しただけでは不十分で、 いかに“動的”になったときのことを考えてコーディングできているか、がポイントです。 今回はこの、簡単なデザインをコーディングする際に注意すべきポイントを５つまとめたので今後の参考にしてください。 それでは見ていきましょう！

PCサイトのレスポンシブ化で横揺れ（水平スクロール）させないポイントを3つ紹介します。 幅をガチガチに指定するPC脳は捨てて、レスポンシブ脳に切り替えましょう！

個人的にwidthとmax-widthの違いが全く理解できなかったので記事にすれば少しは理解できるかと思い、要素にwidthとmax-widthを指定して試してみました。 もしポンコツな内容があったらすいません。 cssのmax-widthとwidthを指定する違い はじめに基本的なmax-widthとwidthの違いを理解するようにしてから、基本的なことと共にmax-widthとwidthの違いには何があるのか理解を深めていこうと思います。 max-widthは最大幅の指定 cssのmax-widthは要素の最大幅の指定をするプロパティです。 htmlでマークアップした要素の幅をmax-widthプロパティと値を指定することで「要素の幅は指定した値の最大幅以上には広がらない」でブラウザに表示することができます。 たとえばwidthの値を600pxで指定したとしてもmax-widthで最大

X はてブ コピー 未分類 【11月末の資産公開】含み益が過去最高なので今のうちに資産を公開する。 2023.11.26 未分類 雑談 含み益が2400万円に到達す。いなば食品は許すまじ。 2024.05.15 雑談 お金の話 沢山貢げば相手に好きになってもらえるという間違え。 2024.05.13 お金の話 時事ネタ 【悲報】婚活、地獄 2024.05.12 時事ネタ 相場 【朗報】NYダウ平均株価、８連騰！ 2024.05.12 相場 時事ネタ 【悲報】日本、実質賃金低下でスタグフレーションか。 2024.05.10 時事ネタ 未分類 ついにNISAのBTIからモクモク配当金が支給されてきました。 2024.05.09 未分類高配当株・配当金 時事ネタ 勢い止まらず、再び総資産6000万円突破！ 2024.05.08 時事ネタ 結果報告 含み益がめちゃくちゃ復活しました。 2024.0

理不尽なルールを強いる「部則」など、ニッポンの部活にも問題点は多いです。ただし、優れた指導者に巡り合う可能性があるのもまた事実です。近年の成功例はなんといっても八村塁選手でしょう。21歳でNBAに選ばれ年棒4億円と報じられたことは皆さんの記憶に新しいかと思いますが、彼のバスケットボール人生のスタート、それはニッポンの部活でした。 もともと小学校時代は野球に打ち込んでいた八村選手ですが、投げる球が速すぎる＆重すぎるということで、周りの児童から「痛くて受け取れない」と言われてしまい、才能があったにもかかわらず「キャッチャー」のポジションにされてしまいます。 その後、肩を痛めたこともあり、野球は続けず、中学校へ上がってからはどの部活にも入っていなかったそう。そこに目をつけたのがバスケット部の坂本穣治コーチで、人を介して八村選手にバスケット部を見学に来るように何度も誘ったのだとか。八村選手は度重な

ここ数年、WordPress のシェアも右肩上がりで、知名度も上がっており、利用される方も多くなってきています。 また、Webサイトの体を成すまでは比較的スムーズに誰でも進められることが多いこととインターネット上にある WordPress の情報の多さなどもあり、クラウドソーシングサービスなどで安価に制作をしてくれる方に依頼し、納めてもらうというというケースも多いと聞きます。 しかし、少々ウェブ制作を学ばれた方が安価に制作を請け負い、最低限の品質を持たないWebサイトを納められて困ってしまう依頼者（発注者）も多いようで、そういった流れでのお困りごとの相談も少なくありません。 僕個人としても、WordPress はとても好きなプロダクトですので、そのプロダクトに関わったがために（WordPressでウェブサイトを作ってもらったがために）不幸になる方がみえるのは心苦しい部分も感じていました。

1984年慶應義塾大学経済学部卒業、大和住銀投信投資顧問などを経て、2014年より楽天証券経済研究所チーフ・ストラテジスト。2015年より所長兼務。 日本株ファンドマネジャー歴25年。年間100社を超える調査取材をこなし、公的年金・投資信託・NY上場ファンドなど20代で1000億円以上、40代で2000億円超の日本株運用を担当。ベンチマークである東証株価指数（TOPIX）を大幅に上回る運用実績をあげてきた。 ファンドマネジャー時代の1999-2013年に毎週書いてきた投資情報「黒潮週報」は、英語・中国語に翻訳され、海外機関投資家に配布されてきた。中東・中国・東南アジアに出張し、機関投資家と直接対談してきた経験から、外国人投資家事情に精通。 楽天証券では2014年から現在まで、同社投資メディア「トウシル」にて月曜日から木曜日まで「3分でわかる！今日の投資戦略」を連載。月間200万ページビュー

稼げると言っても、月に50万円や100万円を稼ぐのは正直、厳しいです。 ただ、専業であれば月20~30万円。副業であれば、月3~7万円くらいは十分に稼げます。

ガソリンスタンドで 「エアコンガスクリーニングしましょう」 ってすすめられたけど してもらったほうがいいのかな・・。 最近よく整備工場やメンテナンスショップでお勧めされることがある「エアコンガスクリーニング」と言う作業。 まず、エアコンのガスをどうやってクリーニングするのでしょうか? また、車検などで一緒にエアコンガスクリーニングをやりませんかと勧められることもあります。 ガスがきちんと入っていて正常に冷えている状態でもこの作業は必要なのでしょうか。 今回は、実際にこのエアコンガスクリーニングを作業する者として、その必要性や効果などをお話ししたいと思います。

このロードマップは、Snow Monkey を使って制作者とお客さんが幸せになりながら継続的に稼ぐことができる「制作者」になるために書かれています。 そして、このロードマップが全てであり正義であるわけではありません。本来、ロードマップとは個々にフォーカスされて用意されるべきですので、これはあくまでも読まれている個々人のためのロードマップを作るためのたたき台として使っていただければ本望です。 どうも、Snow Monkey エキスパートの一員、オレインデザインのオレイン（@Olein_jp）です。初めましての方は初めまして！「お、なんかおもろいおっさんおるな」と思ったらたまにチェックしてあげてください。 音声だけでも解説を聞くことができます こちらのページに掲載されている情報をざっくりと音声でも紹介しています。 鬼長いのでBGMとしてお楽しみいただければ幸いです。 なぜこのようなロードマップ

お知らせ connpassではさらなる価値のあるデータを提供するため、2024年5月23日(木)を以ちましてイベントサーチAPIの無料での提供の廃止を決定いたしました。 2024年5月23日(木)以降より開始予定の「connpass 有料API」の料金プランにつきましてはこちらをご覧ください。 なお有料の対象となるのはAPIのみであり、connpassのサービスにつきましては今後も無料でご利用いただけます。

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。 WordPress（ワードプレス）をインストールし、初期設定のままだとサイトURLの末尾に「/wp」が付いている事が多いです。 今回はそんな「/wp」を消してドメイン直下に WordPress（ワードプレス） のトップページが表示されるようにする方法について詳しく解説します。

どうも、しめじです！ この記事では、HTMLとCSSを独学かつ最短期間で学ぶ方法について、初心者の方向けに分かりやすく解説していきます。 あなたは今、こんな風に悩んでいませんか？ 「HTML/CSSをどう学習していったら良いのか分からない…」「HTML/CSSを学び始めたものの、なかなか理解できない…」「HTML/CSSは理解できたけど、サイトを作ろうとすると手が止まる…」 お恥ずかしい限りなんですが、実はこれ、僕がWeb制作の学習を始めた当初に実際に悩んだことですｗ HTML/CSSって、意外と学習ルートが確立されてないんですよね。 情報はあるんだけど、バラバラに書かれていて結局どの手順で進めたらいいのか分からない…みたいな感じ。 なので今回は、この記事だけを読めばHTML/CSSの学習が最短で進められるよう、独学のロードマップを分かりやすくまとめてみました。 目安期間：〜 それぞれの見

どうも、まさとらん（@0310lan）です！ 今回は、ラズパイ(Raspberry Pi 4)にAndroid 11を簡単に導入して試せる、話題のカスタムROMをご紹介します！ 難しい設定などは一切不要で、AndroidベースのカスタムROMをダウンロードしてmicroSDカードに書き込むだけで誰でも手軽に試せるのが特徴です。今回は以下の3ステップで導入していくのでぜひ参考にしてみてください。 【ステップ１】カスタムROMをダウンロードする 【ステップ２】microSDカードに書き込む 【ステップ３】ラズパイでAndroid11を起動する なお、カスタムROMはすべて自己責任のうえで利用するOSなので、扱いには十分注意しながら試すようにしましょう。 ※今回利用するラズパイは「Raspberry Pi 4 8GBモデル」ですが、4GBモデルでも同様に利用できます。 ■【ステップ１】カスタムR