• HTML&CSS

CSS3でくるっと回転するフリップボタンナビゲーション

マウスオーバーすると奥行きのあるかのようにくるっと回転するフリップボタンを作ってみます。

• 投稿日2019年01月18日
• 更新日2019年01月18日

• Web Topics

2018年12月 webトピックス

2018年12月、個人的に気になった記事のまとめです。

• 投稿日2019年01月07日
• 更新日2019年01月07日

• HTML&CSS
• CSS3
• jQuery

jQuery+CSS3で丸タイプのドロワーメニュー

ドロワーメニューのバックグラウンドが丸になってるタイプのナビゲーションです。
クリックイベントにjQueryを使用してます。

• 投稿日2018年12月27日
• 更新日2018年12月27日

• PHP
• Laravel

Laravel 5.7 の Email Verification（メール認証）を Multi Auth で使用する方法

Laravel5.7で新しくEmail Verification（メール認証）という機能が追加されました。
ルートのネームスペースをカスタマイズしたMulti Auth（マルチ認証）環境で動かしてみたので備忘録的に。

• 投稿日2018年12月21日
• 更新日2018年12月21日

• javascript
• Vue

Element UI で Vue Router のナビゲーション設定方法

Vue.jsのライブラリ Element UI には el-menu というナビゲーションを設定するコンポーネントがあるのですが、Vue Router を使用する場合 router-link コンポーネントをそのまま入れても一応動きますが、ちゃんとに設定する方法を知ったのでご紹介いたします。

• 投稿日2018年12月19日
• 更新日2018年12月19日

• javascript
• Vue

CDN版Vue.js + axios でさくっとAjaxしてみる

Vue.jsはBabelなどを導入しなくても、scriptタグで読み込んで、わりと気軽に扱えるところも売りだったりします。
今回はVue.jsとaxiosを使用して、簡単なjsonファイルを読み込んで表示するということをしてみます。

• 投稿日2018年12月14日
• 更新日2021年06月27日

• javascript

ヘッドレスChromeでWebサイトのスクリーンショットを一括生成する

GoogleChromeにはコマンドやプログラムから実行できるヘッドレスモードがあります。
今回はこの機能を使用してURLのリストから複数のスクリーンショットを一括作成してみます。

• 投稿日2018年12月06日
• 更新日2018年12月06日