フロントサイド | shiro's secret base

HerokuでNuxt.jsを立ち上げる手順

最近作ったこちらのサービス（川柳を投稿するのに特化したSNS）をheroku+nuxt.jsの環境で立ち上げた（http://senryu-owarai.herokuapp.com/）サービス構成図 HerokuでNu

今回はいろんなアニメーションを簡単に実現するAnimate.cssを使って見ようと思います。 Animate.cssとは Animate.cssはフェードインやスライドインといったCSSのアニメーションをパッケージしたC

どうも、シローです。今回はメガナビゲーションの作り方についてまとめました。メガナビゲーションとはメガナビゲーションとはマウスでカーソルを合わせたときに、下にさらに要素が表示される、ちょっと凝ったナビゲーションのこと

どうも、シローです。 Webサイトで必ずといってあるナビゲーションメニューの作り方を今回はまとめようと思います。ヘッダーナビゲーションの作り方ヘッダーナビゲーションはサイトの上の方に横一列で配置されているナビゲーショ

どうもシローです。今回は、UIの要素であるボタンを色々な方法で作成してみようと思います。 CSSのみで作成するシンプルにCSSのみで作成する方法です。擬似要素：hover, activeを使って、ホバー時にボタンを

WebサイトをPC用とスマホ用でレイアウトを別々にするときの僕なりの方法をまとめます。 HTML内にPC用、SP用のDOMを構築以下のように、PC用のDOMとSP用のDOMを用意します。 [crayon-5f0fa45

vertical-alignは主にインラインボックス内で画像の高さを文字の高さに合わせたり、テーブル内の文字の位置を調整するために使われる。テーブルのサンプルコード HTML [crayon-5f0fa

おしゃれなウェブサイトって、だいたいスクロールでナビゲーションが移動したりしますよね。僕のこのサイトもそういうおしゃれな事がしたい！っということで、jQuery+CSSでスクロールによってナビゲーションを移動するような仕