KYO

スクリーンショット 2018-08-27 16.13.14

2018年8月27日


関連記事

GitHubにプロジェクトをアップロードする(Mac)

2018年5月30日

私のGitHub   GitHubを使ったことが無かったので、GitHubを使ってみました。 全く何をすればいいのかわからなかったのですが   ローカルのプロジェクトをGitHubへアップロードする方法   を参考にしたらすんなりとできました。   しかし、ここで問題が起きたのです。   ...

レスポンシブなスティッキーヘッダーを作るチュートリアル

2018年6月18日

スティッキーヘッダーとはページをスクロールしても上部に固定されている、ヘッダーメニューのことです。 ヘッダー部分を固定させるだけなら簡単にできますし、Bootstrapを使ってしまえば、レスポンシブで便利なヘッダーもサクッと用意できてしまいます。 しかし、今回は0から作っていきます。   なぜ0から作るかというと、オシャレなステ...

NuxtからLaravelに画像ファイルをアップロードする個人的メモ

2019年2月18日

今回の内容は、開発中の物に対する個人的なメモです。   <div class="form-group"> <label for="File">添付フィル</label> <input type="file" class="form-control-file" name="imgfile"...

Nuxt.jsをサーバーで動かす時の設定

2018年11月28日

npm run generateでdistフォルダが出来上がるが、それをサーバーに置くとどうなるのか実験しました。 とりあえず何も考えずに超絶シンプルなものを作る $ vue init nuxt-community/starter-template sample $ cd sample $ npm install $ npm run de...

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

2018年7月28日

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

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

2018年7月28日

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