2022.1.10 更新
皆さまごきげんよう。
本日は、CSSのposition: sticky; がとても便利だったのでご紹介します(^^)
ちょっと前に当ブログでご紹介したプラグインQ2W3 Fixed Widgetですが、ワードプレスの更新をして以降、何故かエラー表示が出る様になってしまいました。
そこで、プラグインを頼らずに何か出来ないかと調べたところ…とても簡単にほぼ同じことが出来てしまうcssがあったんです。
それがposition: sticky;です!
5G時代のwebはどうなる?トレンド好きの備忘録的徒然日記
2022.1.10 更新
皆さまごきげんよう。
本日は、CSSのposition: sticky; がとても便利だったのでご紹介します(^^)
ちょっと前に当ブログでご紹介したプラグインQ2W3 Fixed Widgetですが、ワードプレスの更新をして以降、何故かエラー表示が出る様になってしまいました。
そこで、プラグインを頼らずに何か出来ないかと調べたところ…とても簡単にほぼ同じことが出来てしまうcssがあったんです。
それがposition: sticky;です!
2022.1.23 更新
皆さまごきげんよう。
背景画を一から描くのってかなり大変ですよね。
そこで本日はphotoshopを使って写真をサクッとイラスト風に加工してみたいと思います。
2022.2.12 更新
皆さまごきげんよう。
本日は「動く静止画」こと、シネマグラフを photoshopで作ってみたいと思います。
2022.1.16 更新
皆さまごきげんよう!
さて、本日はスマートフォンでのパララックス(視差)的な動きを、cssを使って演出してみようと思います。
2022.2.6 更新
皆さまごきげんよう。
本日はスマホで普通に撮った写真をフォトショップ(cs6使用)を使って色々と加工してみます。
どれも2、3ステップで出来るとっても簡単なものばかり!ではさっそくやってみましょう(^^)
2022.1.23 更新
皆さまごきげんよう。
よく、駅などで右から左へ情報が流れてくる電光掲示板がありますよね。
ひと昔前のwebではよく見かけたアレを、今取り入れたら逆に新しいんじゃないの?ということで、 本日はjQueryで電光掲示板(ティッカー)を作ってみようと思います。
流す文章が一つのみなら css3 のアニメーションでも良いのですが、文章がいくつかあり、その文章が増えたり減ったりする場合、jQueryでプログラムを書いておくと便利なのです。
それでは早速やってみましょう。
2022.1.23 更新
皆さまごきげんよう。
本日はjQueryで座標を取得してみます。
今回作るものは、マウスカーソル (タッチデバイスでは指) を画面上で滑らせると、その軌跡に沿って★が描かれるというものです。
1.座標を取得するには〜offsetとclientX、clientY
2.変数を定義する
3.clone関数で要素にappendToする
4.setTimeout関数とは
5.タッチイベントとマウスイベント
6.まとめ
7.コード
2022.1.10 更新
皆さまごきげんよう。
本日は、前回のjQueryで雪を降らせてみようのファイルを元に、ワードプレスの背景に雪を降らせてみようと思います。
2022.1.29 更新
皆さまごきげんよう。
本日はjQueryで雪を降らせてみようの巻です。
今回はdivを雪の一粒に仕立て、jQueryでランダムな数値を取得・複製し、それをcssのアニメーションでループさせて雪を降らせてみようと思います。
今回作ってみるものはこちらです。
2022.1.30 更新
皆さまごきげんよう。
本日はjQueryとcssを連携させて、タブでページを切り替えて表示させてみます。
今回作ってみるものはこちら↓
2022.1.23 更新
皆さまこんにちは。
本日は、ロリポップで複数のドメインにワードプレスをインストールしてみます。
ロリポップの説明がややこしかったので、備忘録として書き留めておきたいと思います。
複数ドメインにワードプレスをインストールする前に、念のため今あるサイトのバックアップを取っておきましょう。