Laravelを導入してみた【Laravel】
ピークはさった気もしますが、phpのフレームワークLaravel(ララベル)を導入して、プログラムを書きたいと思います。 今回はxampp(...
要素を隠す【overflow-hidden】
jqueryやjavascriptを使用せず、cssのみで要素を隠したり出現させたりします。 メニューとかに使えるかな。 今回作成す...
画像を台形で表示【css】
前回はcssで台形を作成しました。⇒ 今回は前回の内容をふまえて画像をレスポンシブ対応した台形で表示します。 画像のトリミングに...
台形の作り方【css】
画像をはるのではなく、台形をcssで作成します。 今回作成するデモはこちら ○index.html <!DOCTYP...
任意のタイミングでアニメーション【cssとjquery】
cssでアニメーションは記述できますが、任意のタイミングでアニメーションを開始する方法を書きます。 過去に作成したスクロールしたら要素が出...
サイドメニュー【position:fixed】
サイドメニューを固定するレイアウトページです。 レスポンシブ使用になっているので、横幅768px以上のブラウザで確認してね。 デモはこち...
pugで効率化【実用編4】
珍しく、連続で投稿です。 pugで効率化【実用編3】とファイル構成の違うパターンです。 個人的にはこっちの方が好きかもです。 〇下...
pugで効率化【実用編3】
今回はgulpのファイル構成の一例をまとめます。 〇下記のようなファイル構成でプロジェクト作成します。 プロジェクトファイル |_...
レスポンシブ的な背景画像【background-image】
レスポンシブデザインが主流になっていますが、ブラウザの幅に応じて背景画像の比率を一定に保ったまま拡大縮小するやつの紹介です。 デモはこ...