Atomでソースコードを綺麗に整形してくれる atom-beautify を使ってみる | naremo [ナレモ]
最近、エディタをSublime TextからAtomに変えました。もともと、エディタにはそんなにこだわりはなく、変えた理由もAtomがいいという声を聞くようになったからという単純なものです。 AtomもSublime Textと同じように”パッケージ”をインストールすることで様々な機能を追加することができます。これで自分が使いやすいエディタに進化させていくわけですね。 今回はソースコードを自動で綺麗に整形してくれる”atom-beautify“というパッケージを試してみました。 対応言語はHTML、CSS、Java、Rubyなど atom-beautifyのWebサイトから引用しますが、以下に示したように多くのプログラミング言語に対応しています。一部の言語においては別のツールをあらかじめインストールしておかなければいけない場合があるそうです。 Beautify HTML, CSS, Jav
![Atomでソースコードを綺麗に整形してくれる atom-beautify を使ってみる | naremo [ナレモ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c5bc53d7d8ef41689447fc036a437b2aa32340ea/height=288;version=1;width=512/http%3A%2F%2Fnaremo.jp%2Fwp-content%2Fuploads%2F2016%2F02%2Fatom-beauty001.png)
HTML5 × CSS3 × jQueryを真面目に勉強 – #16 レスポンシブWebデザインでテーブルを最適化するベストプラクティス | DevelopersIO
dislay 属性についてもっと知りたいという方は、こちらのサイトを参照ください。 display - CSS | MDN 要するに何が言いたいかというと、テーブルもまたスタイルシートの display 属性によってその形状を実現しているに過ぎず、この値を色々と操作すればスマートフォンのようなスクリーンサイズの狭い環境にも最適化された表示が出来るのではないかということです。 実際に作ってみた - 下準備 今回は4パターンの表示を紹介します。まずは下準備として簡単なテーブルレイアウトと元となるスタイルを組んでいくとします。 はじめに HTML で適当なテーブルを作ります。 <table class="table table-striped table-responsive"> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Ag
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Queness - Design Inspirations, jQuery Tutorials and Web Design & Development Community
zen-coding - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting%26utm_content%3DGoogle%2BReader)
Tripwire Magazine | Handpicked goodies for entrepreneurs, developers and web designers