KYO

タグ: Bootstrap
CSS

パーツを組み合わせてレスポンシブなサイトを作った

2018年7月28日

過去の3つの記事で、記事一覧部分のデザイン、ヘッダーメニュー部分のデザイン、なんかスライダー部分のデザインを作りました。 これらの3つの記事の応用で一つのレスポンシブなサイトを作ってみました Bootstrapとフレックスボックスで記事一覧部分のデザインを作る 記事やコンテンツが流れていくスライダーのアレを作ってみた オーバーレイをかけた...

CSS

Bootstrapとフレックスボックスで記事一覧部分のデザインを作る

2018年7月28日

ワードプレスのテーマを自作している時に、トップページに新着記事一覧を表示することが多いのですが、その記事一覧部分のデザインは非常に重要ですね。どんな記事なのか知る前に、視覚的に見やすいか見やすくないかという情報が入ってきてしまうので考えて作るべきです。 記事一覧部分を作る まずはBootstrapを使って作るパターンと、Bootstrap...

PHP

PHPとAjaxとBootstrap4で作るストレスレスなECサイトの作成(ソースコードあり)

2018年7月10日

PHPとjQueryのAjaxとBootstrap4を使ってストレスレスなECサイトを勉強がてら作ってみました。今回はそのソースコードを全公開します。そしてちょとした解説も行います。 今回作るECサイトは、ショッピングカート機能と注文画面、そして管理画面の作成まで行なっています。 Bootstrap4のモーダルとAjaxを利用することで、...

Bootstrap4のグリッドデモページを作成

2018年6月17日

Bootstrapはレスポンシブなサイト高速に作る上で、非常に強力ですが、グリッドの仕組みを理解する必要があります。(理解しなくても感覚でいける気もしますが・・・笑) そこで勉強がてらデモページを作りました   Bootstrap4グリッドシステムデモページ   このデモページでブラウザの画面幅を変えると、その仕組みが...