ESLintのdisableコメントに注釈（コメント）を付ける方法
コメントの付け方を知らないとdisableコメントの上にコメントを書き2行になってしまいます。 ですが、disableの後に続けてコメントを記載する方法があります。 方法はdisableコメント...
1
0
Comment0
24 search resultsShowing 1~20 results
Stocked
You need to log-in
WordPress GraphQLでページネーションを返却する
WordPressでプラグインWP GraphQLをインストールしてGraphQLに対応する。 ページネーションに対応する valu-digital/wp-graphql-offset-pagi...
0
0
Comment0
CSSが現在に至るまでの歴史
社内勉強会用の資料として作成したものです。 厳密さよりも、感覚的な分かりやすさを重視しています。 年表を作るための補足を細々と調べてみました。 CSSとは 見た目を表現するための言語で、CSSと...
18
6
Comment0
Vue.js単体テストで複数のコンポーネントを扱う
単体テストで、親子揃って初めて機能するコンポーネントをテストする際などに子をマウントする方法です。 以下のような場合、親をマウントして子をコンポーネントとして登録します。 index.vue &...
4
1
Comment0
Bootstrapのボタンの色を増やす方法
CDNを使っている方npmまたはyarnを利用してください。 インストール Bootstrapをインストールしてご利用ください。 $ npm install bootstrap Scss作成 /...
1
3
Comment1
IE11のサポートを切ると使えるようになるCSSとか一覧
Windows7のサポートが終了し、今後は動作対象にIE11を含めないことも増えるでしょう。 IEをサポートしないことにより、使えるようになるHTMLとCSSをまとめました。 JavaScrip...
154
144
Comment3
font-familyについて本気で考えてみた
今年はmacOSのアップデートによりヒラギノが動かなくなったり、 来年初頭にはWindows7がサポート終了、Edgeのブラウザエンジン変更など、 エンドユーザーの環境を考えなければならない節目...
352
344
Comment0
2020年まで使えるfont-familyおすすめゴシック体
新しい記事書きました。【font-familyについて本気で考えてみた】 「Chromeでも読みやすい游ゴシックを指定する方法 」の記事で游ゴシックが一部ブラウザで掠れる問題を解決出来たので、f...
569
527
Comment19
Firefoxでtext-align:justifyが効かないとき
Firefoxでtext-align: justify等均等割り付のstyleが適用されないことが有りました。 修正方法は簡単 htmlにlang="ja"を設定するだけでした。 <!DO...
5
1
Comment0
transition-timing-functionの変な曲線をGUIで自作する
出典: transition-timing-function－CSS3リファレンス この変な曲線を皆様がお持ちのブラウザで自作します。 作成 Google ChromeかFirefoxを起動しま...
2
0
Comment0
Vue.jsでTwitter, Facebookのウィジェットを表示する
日本語の解説が全然ないので残しておきます。 下記のコードは別のとこで動いてたものをQiitaようにいじってます。 なので下記のコード自体は動作確認してません。 Facebook facebook...
26
18
Comment0
Vue.js $emitで発生したイベントに親と子の引数を渡す
子からの引数だけでなく、プラスして親の引数も欲しい時。 parent <template> <div> <div v-for="(item, index) in i...
26
20
Comment0
スマホのhoverの動きをSassで矯正させるmixin
最近、スマホで触れている間だけhoverするがチョコチョコいいねをして頂いて嬉しいが、中途半端なコードなので申し訳ないやら。 と、いうことでちゃんとしたのを書いてみました。 まとめたSCSSをG...
13
13
Comment0
CSS3で縦書きにする方法と挙動
たてよこWebアワードを見て、CSS3で縦書きをできることを知り、試さずにはいられなかったのでどのような挙動になるか簡単に説明をしたいと思います。 知ったときには締め切っていたのが悔やまれる。 ...
295
289
Comment0
Vue.jsでアンカーの中にリンクしない領域を作る
Bootstrapのカードのようなデザインで全体をリンクにしてボタンだけリンクさせたくないことがありました。 やり方は簡単でイベント修飾子を使うだけです。 <a href="http://...
1
0
Comment0
スマホで触れている間だけhoverする
新たにしっかり書きましたので、長いですが下記記事を御覧ください。 スマホでhoverの動きをSassで矯正させるmixin CSSにhoverを与えたとき、スマホではタップして指（指とは限らない...
66
59
Comment0
色々あるHTMLのmetaタグなど一覧
metaタグなどheadに入れるようなものを見直そうと調べていたら、見たことが無いものが結構あったのでまとめてみました。 順番はぐちゃぐちゃで見づらくてスイマセン。 XML形式で記載する際は/&...
82
88
Comment0
IllustratorからhtmlにSVGアイコンを表示するまでの流れ
イラストレーターでアイコンを作成し、svgタグで出力するための流れを書いてみました。 今回のサンプルでは点数を5つ星で表示するようなものを作ります。 記事は長いですが、解説が多いだけです（頑張っ...
42
46
Comment5
Bootstrap4用 游ゴシックfont-family
大変嬉しい反響を頂きましたので、2020年まで使えるfont-familyのベストプラクティスをBootstrap4に組み込むのが面倒くさいあなたに向けて作りました。 おまけでMaterial ...
60
52
Comment2
font-familyにChromeでも読みやすい游ゴシックを指定する方法
Windows8.1から搭載された「游ゴシック」ですが、ChromeとOperaで薄く掠れて見難くなってしまいます。 一般的にはbodyにfont-weight: 500;を与えて回避している方...
233
228
Comment6
24 search resultsShowing 1~20 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