ここに掲載の記事はKureaiの備忘録的内容です。詳細な説明に欠ける部分があります。
見出しアイコンはcssで作ろう！
〇や矢印などの見出し用アイコンなどは画像を使用せず、cssのみで実装しましょ！！ クライアントさんサイトでも実装済み。 参考サイトはたくさんあるのと、新しいものが出てくると思うので都度検索で探してみよう！ 「cssで見出 […]
flexboxはfloatをなくす！かも。
これまではfloatをつかっていたbox揃えがflexboxで出来る。 とても簡単だ。モーダルな構成にもとても楽だろう。 問題は対応ブラウザ。旧ブラウザでどこまで表示出来るのか確認が必要。 参考にさせてもらったページに詳 […]
いい加減覚えよう！footer最下部
毎回ググってるような気がするのでメモ。 htmlが以下のような場合 以下の指定でOK。 その上でfooterに以下を。
CSS3によるアニメーション効果について
クライアントさんサイトのトップページに実装した縮小しながらフェードインするキャプション。 Jqueryなどを使わずにできるのがとても便利だが、古いブラウザでは動作しない可能性大。 最悪動作がなくても困らない状況での使用に […]
mac OS sierra フォルダアイコンを変更する
El CapitanからSIPが導入され、これまでのやり方ではデフォルトのアイコンの変更が できなくなった。 しかし、ちゃんと変更できるというのでやって見た。 参考サイトはいっぱいあるので割愛。 まずは使用する画像を作る […]
要素が横に増えるサイトの実装方法
縦書きページでは、横にコンテンツが増えていく構成になっているため、 従来は都度、横幅の値を指定していた。 しかしこれは自分でサイトの書き込みなどをしてもらうには面倒だ。 そこで探してみたのが以下のサイトでの方法。 ありが […]
髪の毛や毛皮を切り抜く
Photoshopも2017になってちょっと変割ったので 覚え書き。 結論は「選択とマスク」で切り抜きする。 参考にさせてもらったサイトは以下。 えっ、これだけ？Photoshopの切り抜きが爆速になる「選択とマスク」機 […]
要素が画面に入ったところでフェードイン inview.js
最近多い、ちょっと動きのある表示の仕方なので実装してみた。 inview.jsを読みこませで以下のjsでclassを付与。 参考サイト：http://on-ze.com/archives/2679 inview.js: […]
他ページ指定箇所へのリンクをスクロールしながら移動する
他のページの指定箇所へのリンクで躓いたので備忘録。 基本的なjsは以下を。 これで問題ないが、MS Edge MS ieのみ何故か指定箇所からズレる。 HTMLも問題なく、jsの読み込み順などが原因かと思ったら Adbo […]
https移行でのリダイレクトさくらインターネットの場合
通常のリダイレクトではさくらインターネットの場合は動作しないので以下の コードをhtaccessの先頭に入れる。 参考ページ https://webtatan.com/blog/wordpress/wordpress-h […]