DESIGNCSS/Javascriptで実装するテキストエフェクト【ゆがみ系】ここ数年でHTML、CSS、Javascriptだけで表現出来ることが非常に増えてきています。ほんの少し前まではFlashや動画に頼らないといけなかったことも、今やそんな必要が無くなってきました。非常に複雑な動きをするテキストエフェクトもその一例です。texteffect2019.05.1.FRONTENDどのくらいページを読み進んだかがわかるトップへ戻るボタンCODEPENを漁っていたら面白いものを見つけました。動作的にはページのトップへスクロールしながら戻るボタンなのですが、そのページをどのくらい読み進めたかがわかるようになっています。サイトやページにちょっとしたアクセントを付けたいときに良いのではないでしょうか。トップへ戻るボタンなので、デザインの邪魔にもなりにくいと思います。jQuery2019.04.28.FRONTENDjavascriptで作られたユニークなイメージギャラリーjavascriptで作られたユニークな動きをするイメージギャラリーを見つけたので備忘録代わりに。クリック時の動きも非常に凝っていますが、それでいてクセも無いので、どのようなデザインにも合わせやすいのではないでしょうか。写真や印刷物のポートフォリオサイトと相性が良さそうです。どこかで使ってみたいjavascriptです。...javascript2019.04.27.WORDPRESSプラグインを使わずにWordPressの記事ページに目次を設置する方法WordPressで記事を書いていて、ページが長くなってしまったとき。そのページの目次があると便利です。目的の内容も探しやすいですし、そのページにどんなことが書いてあるのかも一目でわかるので、ユーザビリティも高いといえるでしょう。見出しと文章がきちんと組み立てられているのであれば、内部リンクにもなるのでSEO効果も期待できるという考え方もあります。wordpress2019.04.24.FRONTENDスクロールに応じてヘッダーやナビゲーションを固定または変化させるjQueryページをスクロールさせたときにヘッダーやナビゲーションを固定または変化させるjQueryのサンプルです。縦に長いページ等でよく見かけますが、実装自体は簡単に出来ます。ナビゲーションは常に表示させておくことで、ユーザビリティの向上にもつながりますし、離脱率の低下も期待出来るのではないでしょうか。jQuery2019.04.15.FRONTEND開閉時にアイコンが回転するドロップダウンメニュースマホサイト等でつかえそうなドロップダウンメニューの実装方法の紹介です。メニューを並べたくない時、見た目をスッキリさせたい時によくつかうのがドロップダウンメニューです。実装時に気を付けているのが、「押せる」ことが分かるようにすることです。以前下記の記事で紹介したDrawer.jsですが、iPhoneでの不具合があるようです。不具合の内容は、ドロワー内のメニューをスクロールしようとすると、メニューが閉じてしまうというもの。PCやAndroidでは確認できない不具合なのですが、どうやらiOSのアップグレードに伴って発生し始めた不具合みたいです。javascript2019.04.6.FRONTENDCSSアニメーションでフォームに動きをつける今回は問い合わせや資料請求、申し込み等でつかうフォームの入力時にユニークな動きをつけるCSSを紹介します。サイトやページのデザインにこだわったのなら、フォームにも少し気を利かせてこだわりたいところ。