css

Atom

AtomのpigmentsパッケージでCSSの色指定での表記方法を、16進、RGB、RGBa、HLS、HLSaへ変換する方法

AtomテキストエディタでCSSを記述している時に、色指定での表記方法を(たとえば#008000をRGBaへ)変換する時、あなたはどうしていますか? 実はpigmentsパッケージを使用すると、右クリックで簡単に変更することができます。 ...
HTML&CSS

Adobe社が開発したSource Han Serif(=源ノ明朝)を html&cssで使う方法

今日は、Adobe社が開発したSource Han Serif(=源ノ明朝)をホームページ(=html&css)で使う方法です。「cssでの指定方法」と「フォント7段階の太さと指定方法」とについて、お伝えしますね。 &copy...
運営サイト

自作ホームページ 「イタリア観光ぷちガイド」を公開しました。

html・css3・Javascript(jQuery)を使用して、ゼロからレイアウトを作成し、作り上げた自作ホームページ 「イタリア観光ぷちガイド」を公開しました。レスポンシブWebデザインを採用しているため、スマホでもPCでも閲覧可...
HTML&CSS

ホームページを作るときの作業フォルダって? Windows編

ホームページを作るとき、「作業フォルダ」という言葉がでてきますね。でも『作業フォルダ?って』という人もいるかと思います。そこでわかりやすいように思い切った言いかたをすると…… index.htmlファイルが存在するフォルダ=作業フォル...
Atom

Atomのlinterのステータスバーの上に表示するエラー情報枠の高さを変更する方法

Atomテキストエディタで間違いチェックするlinterでエラー情報を表示する枠の高さを変更する方法は……と思いませんか?特にcssファイルの場合はWarning(警告)が数多く表示されている可能性が高いと思います。なので『表示枠が大きく表...
Atom

Atomでcssのコーディング間違いチェックをするlinter-csslintの使い方

Atomテキストエディタでcssのコーディング・スペルミス・構文など間違いチェックをするにはどうしたらいいの……よくわからない……と思いませんか? Atomでcssの間違いチェックをする時にはlinter-csslintパッケージ(=...
Atom

Atomでhtmlとcssの間違いチェックをしてくれるパッケージlinterのインストール方法

Atomテキストエディタでhtmlやcssをコーディングしているとよく間違えるんだけど何か便利な方法はないのかな……と思いませんか? 実はAtomにはhtmlタグ・構文やcssスペルミス・構文などの間違いチェックをしてくれる便利なパッケージ...
Atom

Atomでcssのコメント記号の * や */ を入力した時のコード補完を消す方法

Atomテキストエディタでcssファイルを編集しているとコメント記号である / や */ を入力しますよね。その時に変な文字列が候補として一覧表示されませんか? そして一覧表示を消したいと思いませんか? 今日はその「一覧表示を消す方法」と「...
Atom

Atomで長いcssプロパティ名をコード補完入力する時に便利な方法

Atomテキストエディタを使っている人であれば、cssで長いプロパティ名はコード補完(ある程度入力すると、入力候補を推測表示してくれる機能)を利用して入力していると思います。ここで例えば「border-bottom-left-radius」...
Atom

Atomテキストエディタでcssのペアの波カッコ{}を探す2つの便利な方法

Atomテキストエディタでcssのペアの波カッコ{}を探す2つの便利な方法があるのを知っていますか? 1つめの方法は簡単で 開始の波カッコ{ もしくは 終了の波カッコ} を選択すればみつけることができます。ただしペアの波カッコ{}が1画面に...
タイトルとURLをコピーしました