さあいよいよ完全オリジナルテーマの作り方について解説していきます。 前回の記事の内容を中心に使っていくのでまだ読まれていない方は下の記事から読むことをオススメします。 niisi.hatenablog.jp ①準備 ②いざ作成！ ＊コンセプトと色を決める ＊背景色を決める ＊文字色など基本的な色の設定をする 文字、カーソル、選択範囲の色 ガッターの色 ガイドカラー 置換時の色 ＊ハイライト色の設定 編集箇所の特定　～ Inspect Elementの使い方 ～ ③いよいよ公開！ 各ファイルの設定 README.md package.json githubにテーマを登録 インストール githubで公開 Atomで公開 おわりに ちなみにこの記事はAtom Advent Calendar 2016 1日目の記事となっております。 記事を紹介する機会を与えてくださりありがとうございます。 qi

日本のウェブサイトにおけるスマートフォン・タブレットユーザーのシェアは約40%に達し、今のウェブデザインはレスポンシブ対応しモバイルを意識した設計が必須です（参照「StatCounter」)。 レスポンシブなレイアウトにおいて画像を取り扱う場合、従来は複雑なCSS・JavaScriptコードが必要でした。HTML 5.1からは、課題を解決する新仕様「レスポンシブイメージ」が登場します。レスポンシブイメージを使えば、手間のかかるCSSやJavaScriptを必要としません。 本記事では、サンプルを通してレスポンシブイメージの特徴と使い方について解説します。 この記事で学べること ・img要素のsrcset属性とsizes属性の使い方 ・picture要素の使い方 ・未対応ブラウザへの対策（IE11で利用するための方法） レスポンシブイメージとは一体何か？レスポンシブイメージとは、レスポンシブ