SCSSの変数と、CSS3のcalc()を併用するには
SCSSの変数が展開されず文字列としてそのままCSSに出力される問題の解決法です。 こんなSCSSを書いたとするよ。 scss $var: 300px; .box { width: calc( ...
263
136
Comment5
10 search resultsShowing 1~10 results
Stocked
You need to log-in
Nuxt & scssで、UA によってスタイルを適用し分ける方法
0. はじめに 「レスポンシブでイケそう、でもアプリとしては UA 分割する」ような場合有効そう 今回は Desktop or その他(= Mobile) で分岐させています package v...
6
2
Comment0
Mac標準「プレビュー」の意外と知られていないTips
※ "意外と知られていないか"の基準は筆者の主観です。 ※ 動作確認環境は、MacOSX Yosemite、プレビュー v8.0です。 ※ MacOSX Sierra, プレビュー v9.0で動...
738
733
Comment5
Nuxt で Vue を SSR するプロジェクトを複数人で始めるとき、考えたこと・やったこと
本記事は、Vue.js Advent Calendar 2018 #1 11日目の記事です。 はじめまして、ライダーです 初めてのSPAのSSRプロジェクトで、初めての複数人での開発をやってい...
14
9
Comment0
【IE11】undefinedになるsvg.classListへの対処方法
現象確認環境 Windows 10 IE11 （見てないですが、IE10以下もダメでしょうね） 上記環境で発生した現象 SVG要素に対して svg.classList.add('active')...
9
9
Comment1
カレンダーライブラリ flatpickr.js で、月を横に複数個並べるオプション
flatpickr.js Documentation: https://flatpickr.js.org/ flatpickr.js を使いつつ、一度に複数月を表示する ライブラリの使い方は割愛...
1
1
Comment0
アイコンタイプのよくあるローディング用SCSSモジュール（ちょっと汎用性あるやつ）
こういうのよく使って便利ですよね アイコン風に使えるLoading ちょっとしたローディングステータスを表現したいときにお使いください。 See the Pen SCSS Loading Cir...
2
3
Comment0
「 ⌘ + Tab 」まわりの意外と知られていないTips
動作保証環境 バージョン MacOS 10.12.4 / Sierra HyperSwitch 0.2.575-dev (Beta) 意外さ 筆者の主観 最前面に出すアプリケーションを切り替える...
19
20
Comment2
≡ を × にアニメーションするハンバーガーメニュー（ちょっと汎用性ある用）
このハンバーガーはメニュー開閉のトリガーを想定したものですが、メニューの開閉については記していません。 DEMO codepenあります HTML まあ、普通。 <a class="ham...
23
18
Comment0
Mac標準「スクリーンショット」の意外と知られていないTips
※ "意外と知られていないか"の基準は筆者の主観です。 ※ 動作確認環境は、MacOSX Yosemite（10.10.3）です。 ウィンドウ単体を撮る command + shift + 4 ...
93
85
Comment4
10 search resultsShowing 1~10 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles