HTML と Less をセットにした Boilerplate 的なテンプレート「Rin」を作りました。ダウンロードは下のリンクから。 Rin は、以前 html-template という名前で公開していたプロジェクトの改良版ですが、あまりに名前に芸がなさすぎたので、今回の変更に合わせてリポジトリ名も変えました。リーンなテンプレートなので凛です。 Rin は色々な web サイトで使える HTML テンプレートです。jQuery とか、Google Analytics のコードとか、Like ボタン設置に必要な Facebook の JavaScript SDK とか、よく使いまわすコードがあらかじめ書かれてあるので、スムーズにサイトを作り始めることができます。 また、ついつい忘れがちな OGP タグもあらかじめ仕込んであるので、あとは項目を埋めていくだけで OK です。比較的最近登場した
Mac/Win対応。LESS, Sass, CoffeeScript, Jade, Markdownなどをコンパイルする無料アプリ、Prepros Twitterでたまたまツイートしてる人がいて便利そうなアプリを発見しました。最近ウェブ制作を便利にする様々な言語が注目されています。SassなどのメタCSS、可読性の高いJavascriptを書けるCoffeeScript、テンプレートエンジンとして注目されているSlimやJade、書きやすくて読みやすいドキュメンテーション記法としてGitHubなどでも採用されているMarkdownなどなど…。ただ、たくさんあるもののそれぞれインストールが必要だったりして、導入が面倒なこともあります。 今回紹介するPreprosは、Sassなどのファイルを保存すると、自動でコンパイルして、ブラウザを自動で再読み込みまでしてくれます。このアプリをインストールす
All the Cool Kids Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box. Dead-Simple Configuration Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts. Bleeding-Edge Tools Autopref
It's CSS, with just a little more. Use with Node.js: npm install -g less > lessc styles.less styles.css Or the browser: <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less" ></script> Or try the online playground ! 🆕 Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official do
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く