時間経過で自動的に背景画像が変わる!jQueryを使った背景画像の切り替え方

2022.1.10 更新

皆さまごきげんよう。

今回はjQueryを使って背景画像を時間で切り替える、ということをやってみます。

目次

“時間経過で自動的に背景画像が変わる!jQueryを使った背景画像の切り替え方” の続きを読む

cssアニメーションで文字を点滅させてみよう

2022.1.16 更新

皆さまごきげんよう。
サイトのどこかに小さな動きがあると一瞬目を惹きますよね。
本日はcssで文字を点滅させてみようと思います。

1.CSS animationを使って文字を点滅させる

まず、このサイトのヘッダー部分のタイトルをご覧ください。実際に実装してみましたよ。cssはこんな感じです。

“cssアニメーションで文字を点滅させてみよう” の続きを読む

skrollrでパララックスのランディングページを作ってみよう〜追記あり〜

2022.1.16 更新

皆さまこんにちは。

本日はskrollr再び!skrollrを使ってペラいちのランディングページを作ってみます。

まずはこちらにDEMOを作ってみましたのでご覧ください。
(※firefoxブラウザではきちんと表示出来ないかもしれません。その際はお手数ですが他のブラウザでお試し下さいませm(_ _)m )

skrollrってなに?

パララックス(視差)効果で立体感のあるページが簡単に作れるJavaScriptライブラリです。スマホにも対応してます。まずはダウンロードしてみよう。

“skrollrでパララックスのランディングページを作ってみよう〜追記あり〜” の続きを読む

アイコンの重要性とデザイン

2022.1.10 更新

「 デザインセンスを身につける」読書レビュー

「デザインセンスを身につける/ウジトモコ著」という本を読みました。

デザインについては、黄金比や三分割法等、デザイン入門書にあるような基本的なものが書かれています。

本書の中で私が一番考えさせられたのがアイコンの重要性についてです。

一億総表現社会の到来といわれるネット時代、SNSのアイコン(プロフィール写真)ひとつで
自分が何者であるかを視覚化出来る。

だからこそ、デザインセンスを身に付けなりたい自分をデザインして、この小さなアイコンの中に表現しましょう、と。

例えばこのアイコン、面倒だからとデフォルトのままでは、どんなに面白い情報を発信していてもスパムにみえて読んでもらえない。

猫や風景のアイコンではあなたがどんな人であるかわからない、結果スルーされやすい。

なるほど。

確かに、自分でも無意識にアイコンの好き嫌いでスルーしたり、逆にどんな人だろうと興味をそそられてポチったり、してました。

たかがアイコンと言えど、SNSの中では名刺の様なものですものね。

今使っているアイコン、今一度見直して真面目にデザインしてみようかな。

©2012 freyjasrm.com