タグ

frontendに関するd_0w0のブックマーク (2)

  • Webアイコン「IcoMoon」の使い方とアイコンの追加方法

    「IcoMoon」や「Font Awesome」はWebアイコン Webアイコンとは、見た目は画像ですが実はフォントという代物です。 これを使う利点は2つあります。 画像を用意しなくてもいい事と、大きさや色を自由に変えることが出来るという事です。 特に後者が有能で、サイトのデザインを変える度に新しい大きさの画像を用意するという煩わしい作業から解放されます。 デザインなんてそうそう変更する事は無い、と思いがちですが日常的にデザインが変わる機会があります。 それはレスポンシブで画面サイズが切り替わる時です。 例えば、注意書きとして以下のような一文を書いたとします。 気をつけて! ここで使っている黒丸のチェックマークはWebアイコンですが、これが画像だった場合スマホ用に文字サイズが小さく切り替わった時、一緒に小さくはなってくれません。しかし、Webアイコンであれば勝手に文字のサイズにピタリと合わ

    Webアイコン「IcoMoon」の使い方とアイコンの追加方法
  • Vue2のディレクトリ構成を考える - Qiita

    はじめに Vue2が良さそうなので、実装しながらディレクトリ構成について考えてみたいと思います。 Vuexも使います。 環境構築 Vue.jsではvue-cliが用意されており、最初の開発環境が簡単に作れます。 手っ取り早く動く環境を作りたいときなど試してみると良いです。 npm install -g vue-cli vue init webpack my-project cd my-project npm install npm run dev またvue-cliは[ Webpack / Browserify ]の両方に対応されており、以下の4つのテンプレートが用意されています。 browserify browserify-simple webpack webpack-simple vue-cliはWebpackの2系に移行済みです! ├── assets ├── dist ├── gu

    Vue2のディレクトリ構成を考える - Qiita
  • 1