stylelintの導入方法と各ルール解説
2021/05/20追記 各ルールについての説明部分は最新の情報に基づいた内容ではありません。 適宜、一次情報であるstylelintのドキュメントをご参照ください。 フロントエンドエンジニアの...
97
77
Comment1
21 search resultsShowing 1~20 results
Stocked
You need to log-in
CSSアンチパターン集
主に自分がやらかしたのを書いています。 こういうのもあるよ！などがあれば、編集リクエストください。 設計のアンチパターン そもそもCSS設計がされていない 何が起こるか 少し変更するためだけに大...
23
23
Comment0
CSSで色を管理する
はじめに
0
1
Comment0
Nuxt.jsのsitemapにWordPressの記事一覧を含める方法（非同期と再帰を使ってページIDのリストを取得する方法）
モチベーション フロントエンドはNuxt.jsでWordPressの記事を表示するサイトを作っているときにハマりました。 結論 sitemap: { async routes () { cons...
1
2
Comment0
レガシーなCSSを淘汰する
IEに恨みがある人のための記事です。 レガシーなCSSとは何か 大規模なのにプリプロセッサ、ポストプロセッサを使っていない float
3
1
Comment1
[WIP] Good CSS, Bad CSS
!important Good CSS 使われている箇所が少ない インラインスタイルを打ち消していない なぜ!importantを使っているのか、すべての箇所について説明できる Bad CSS ...
3
1
Comment0
Webサービス開発でのCSS設計を考える - 人類はCSS設計に敗北したのか？ -
AdventCalendar 初投稿です。 人類はまだ敗北していません（たぶん） BtoBtoCのWebサービス開発を何回か行ってきた結果、FLOCSSとECSSを組み合わせたCSS設計に落ち着...
36
26
Comment0
実務でstylelintを導入して3ヶ月ぐらいたった感想
先日参加したCSS Nite LP54 「Coder's High 2017」で行われたアンケートで、思ったよりstylelintの使用率が低そうだったので、実務で使っている感想を書いてみました...
23
16
Comment0
WebStorm/PhpStormでCSSを書くのがちょっと楽になるかもしれないTips
⌘B(ctrl+B)でCSSの定義箇所にジャンプする HTMLのクラスにカーソルを当てた状態で⌘B(ctrl+B)でクラスに適用されているCSSがどの箇所にあるのか表示することができます。 例え...
2
3
Comment0
CSSで欧文フォントセットを作ると容量がわずかに軽くなる可能性について考えてみた
結論 容量は軽くなるかもしれませんが、実現できる可能性が限りなく低いです。 やってみた理由 Webフォントをttfファイル等の代わりにCSSで表現できれば、もっと軽量にできる可能性がある…かも?...
1
0
Comment0
react-sketchapp で新規プロジェクトを作ってsketchに描画する
やったこと react-sketchapp/examples 内にディレクトリを作って、sketch上に描画できるようにしました。 前提 知識 node, npm はなんとなくわかります ske...
20
14
Comment0
CSSで画像を加工する filter プロパティの使い方&レナ画像での加工例
filter プロパティとは CSSで、画像を加工するプロパティです。 Can I use... 主要ブラウザのうちIEは非サポート、Edgeは url のみ非サポートです。 対象要素 img ...
0
0
Comment0
FLOCSS のコンポーネントを作ってみた
2017/04/26追記 GitHubに公開しました。 コンポーネントに含める要素 margin, padding(mb10など) flex関連 absolute関連 clearfix back...
7
6
Comment0
よくあるレイアウトのパターンを float から flex に置き換える
Vista終了のお知らせ 2017年4月11日、ついにマイクロソフト社の Windows Vistaのサポートが終了しました。それに伴って、悩みのタネであった、Internet Explore9...
9
12
Comment0
VCCW で複数のWordPress 開発環境を構築する方法
VCCWを複数起動する http://vccw.cc に書いてある方法で、vccw1,vccw2というフォルダの両方でvagrant upを叩くと失敗します。 A VirtualBox mach...
14
11
Comment1
PhpStorm のよく使う機能まとめ
ショートカット command + shift + o : 指定ファイルを開く command + l : 指定した行にジャンプ alt + 矢印 : 文節を選択 command + 1 : ...
2
5
Comment0
Slidebars.jsを使った時にスクロールイベントが発生しなくなる問題への対処
以下のように修正することで、スクロールイベントが発生するようになります。（Slidebars.js ver2.0.2 で動作確認済み） slidebars.css(修正前) html,body ...
0
0
Comment0
下にスクロールすると消えて、上にスクロールすると表示されるメニューをつくる方法
サンプル See the Pen ScrollingMenu(height) by DesignChips (@DesignChips) on CodePen. See the Pen Scro...
21
22
Comment0
GitHub初心者が１人でコンフリクトの解決を試してみた（前編）
１人でもチーム開発を想定したGitの学習はできる？ Gitは基本的に１人の開発ではなく、複数人で開発する場合に利用しますよね。独学でも、最終的には誰かと一緒に開発をしたいから学習していると思いま...
4
5
Comment0
GitHub初心者が１人でコンフリクトの解決を試してみた（後編）
１人でコンフリクトを起こせたよ！ 前編では、ローカルに複数のリポジトリを作成してコンフリクトを発生させました。今回はこの競合をなんとか解決してみます。 やり方 私が試してうまくいった方法です。 ...
5
4
Comment0
21 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