LIFE 【やめられない人へ】頑張っているのに不満が出てしまうわけ 人とのつながりばかり意識し、つねに横ばかり向いていると、世間的な基準が過剰に気になってしまいます。「世間的な基準を気にする」のをやめられると、自分の理想どうりに生きられるというお話しです。 2020.11.09 LIFE
LIFE 【人間関係につかれた】弱さを認めてくれる人と出会うには 孤独を恐れる人は自分の弱みをさらすことを避けたがります。またその数々の理由で、失敗も恐れます。失敗は良くないことだと思い込みが強く、それで自分は無能な人間だと思われたくないからです。いつまでも自分に素直になれず、疲れてしまう自分にも「弱さを認めてくれる人と出会えれば」これほど幸せなものはありません。そんな悩みに対してご紹介します。 2020.11.08 LIFE
LIFE 【自分の心を素直に】つらい感情を乗り越えるためには 「つらい感情から逃げる」のをやめられると、辛さを乗り越えて人としての魅力が増す。そんなお話しをご紹介します。感情をそのまま受止める勇気があるこそ、数々の悲しみを受け入れられ、これからも乗り越えていける自信や輝きにつながるのではないでしょうか。 2020.11.07 LIFE
LIFE 【内省の時間をとることのススメ】人生の主導権を手に入れよう 心の安定や余裕につなげるには、様々な日常の変化の中で、日々の忙しさに対しても常に自分の立ち位置を把握して、振る舞う方向性が重要になってきます。 出来事の受け止め方や、それを軌道修正することを意識し、感情に左右されずに後悔の少ない合理的な行動をするためにはどうしたらいいのでしょう。そんな悩みを著書を引用してご紹介します。 2020.11.06 LIFE
LIFE 【自分らしく】孤独を恐れるのをやめる事で生活に変化をもたらすには 孤独に対して恐れを感じたことはありませんか? 多くの人は「孤独」や「ぼっち」という言葉に対してネガティブな印象をもっているのではないでしょうか? 実際に人との絆やつながりこそ重要であり、孤独はよくないことという常識があります。もしこれが自分の能力やスキルを高められるとしたら人生がたのしくなるのではないでしょうか。 2020.11.05 LIFE
CSS ブレンド・モードとスクロール・スナップを使ったエフェクト 今回はフルスクリーンでで表示させるエフェクトにつき、2種類の効果を使ったもので紹介します。 スクロールごとにバックグランド画像と色をブレンドさせながら表示させる効果と、少し動かしたスクロールでも表示領域の位置へ止まってくれるスクロール・スナップ を実装させたエフェクトです。(CSS) 2020.10.19 CSSPROGRAMING
CSS 【シンプルに実装】バックグランド・アニメーション バックグランドをシンプルなアニメーションで表示させます。手軽にコピペするだけで、即実装できますので、お試しくださいね。😀 (HTML,CSS) 擬似クラス(nth-child)を使って10ヶ分の子要素に時間の動きや位置を変えてアニメーションをかけます。 2020.10.14 CSSPROGRAMING
JavaScript ( jQuery ) 【お役立ち】マウスポインタの座標を取得させて横にテキストを吹き出しさせる マウスポインタが要素内にホバーした時にどの位置からもポインタ横に吹き出しを表示させる方法をご紹介します。文章内のキーワードなどに対して説明を吹き出し表示させてあげるのに、とても便利です。(CSS,jQuery) 2020.10.12 JavaScript ( jQuery )PROGRAMING
JavaScript ( jQuery ) 【簡単です】スクロールさせ左右から可視出来るコンテンツをスライド表示 スクロールをさせて行くと、コンテンツが左右からスライドしながら現れます。カード状のコンテンツがよく上下左右からポップアップしながらフェードインするのもありますが、Window内の可視できるコンテンツ全体をスライドさせるのも面白いですね。(CSS,jQuery) 2020.10.10 JavaScript ( jQuery )PROGRAMING
CSS 【読込み中の待機時間に】シャッター・アニメーション(自由にカスタマイズ) ウェブページが読み込み中であることを、分かりやすく伝えてくれるローディングアニメーション。ページコンテンツの読み込み完了までのの些細な時間でも、遊び心でユーザーを飽きさせない為の仕掛けは必要ですね。(HTML,CSS) 2020.10.05 CSSPROGRAMING