korecareerのブックマーク / 2017年12月4日

korecareer id:korecareer

2017年12月4日のブックマーク (4件)

CSS だけでスライドショー | q-Az
jQuery、JavaScript を使ってスライドショーを作るのが昔は一般的でしたが今なら CSS だけでも十分スライドショーに見える仕組みを作ることが出来ます。この記事ではシンプルにフェイドイン・フェイドアウトで画像が切り替わるスライドショー作ってみます。下の方にデモも作りましたので参考にしてみてください。作り方制限を緩めて作ることも当然可能なのですが説明をシンプルにするために、画像の形は正方形限定です。サイズに関しては制限はないですが width、height 属性はあった方がいいのでそろえた方が楽に HTML をかけると思います。画像の枚数も制限を付けて8枚です。 HTML<div class="photo-show"> <img src="画像のURL"> <img src="画像のURL"> <img src="画像のURL"> <img src="画像のURL"> <im
korecareer 2017/12/04
CSSスライドショー

css

Web制作
リンク
スタイルシート［CSS］/CSSの基本/ID名とクラス名 - TAG index
見た目に関する情報を名前として使用すると、スタイルを変更した場合などに矛盾が生じてしまうことがあります。 left、right left や right などの位置を表す名前は、後で左右を入れ替えた場合などに矛盾が生じてしまいます。 red、blue ... red や blue などの色を表す名前は、後で色を変更した場合などに矛盾が生じてしまいます。 w300px、size12 ... サイズを表すような名前は、後でサイズを変更した場合などに矛盾が生じてしまいます。見た目の情報ではなく、内容に関する情報を名前として使用するようにしましょう。
korecareer 2017/12/04
class名参考

css

Web制作

class
リンク
鳥取の無垢一枚板テーブル｜TAICHIRO
木の、声を聞く。四季の変化に富み、日照時間の少ない日本で数百年という時を生き抜いてきた野生の木々。そこに何かを足す必要も、引く必要もありません。ただ我々は、日本の木の物語をそのまま切り取り続けます。 Respect the life of the tree. 木の、人生を尊ぶ。我々が切りだす木は良い部分だけを切り取るわけではありません。人と同じように、木の人生にも波があります。数百年も生きてきた、その人生そのものが美しく、奥深い。尊敬すべき、自然の生命力です。
korecareer 2017/12/04
リンク
サーモマグ | thermo mug | 公式オンラインショップ
IMPORTANT! If you’re a store owner, please make sure you have Customer accounts enabled in your Store Admin, as you have customer based locks set up with EasyLockdown app. Enable Customer Accounts
korecareer 2017/12/04
Web design gallery
リンク
- 2017年12月5日
- 2017年12月4日
- 2017年12月3日