【テンプレ有り】webpack4でSassとES6の開発環境を構築する
webpack（ウェブパック）とは、モジュールバンドラーと呼ばれる複数のファイルを1つにまとめることが出来るツールです。 webpackを使うことによって、サイト上でサーバーへのリクエストを減らして表示速度を向上出来たり、開発時に機能ごとに複数のファイルに分けて作業をすることが可能になります。 本記事では、サービスサイトなど通常のサイトを作ることを想定としており、Vue.jsなどを使いSPAを作るフロントエンドエンジニア向けでは無いので予めご了承下さい。 また、本記事で紹介しているwebpackの設定で出来ることは下記の通りになります。 Sass（Scss）をコンパイルしてcssに出力 cssにベンダープレフィックスを自動付与（Autoprefixer） ES6をES5にコンパイル（これによりアロー関数やファイル分割が可能になる） cssとjsでソースマップを使用可能&minify化 開発
案件テーマ開発環境 : WordPress
WordPress › Theme Directory › kanagata プラグイン Category Archives « WordPress Plugins List Calendar « WordPress Plugins Min Calendar « WordPress Plugins Resize Editor « WordPress Plugins concrete5 Infotown Table 簡単な操作でテーブルを作成するアドオンを公開しています。 EC-CUBE3 EC-CUBE3のプラグインは2016年1月28日(木)に開発元である株式会社ロックオン主催のEC-CUBEプラグインアワード3.0で開発プラグインInfoTownLinkWpがCPI賞と入選のW受賞を果たしました EC-CUBEプラグインアワード3.0 結果発表 / ECサイト構築・リニューアル / E
Primer
Primer’s design tokens for color, spacing, and typography.
Web制作者はブックマーク必須！LIGブログ記事を知りたい分野別にまとめてみました。
日本のみなさん、こんにちはぁ！LIGサイトを教科書代わりに使っています、ライターの、のび太です。 今回は、これまでLIGで公開された記事をWeb制作者が見たいもの、学びたい分野別にまとめてみました。ぜひブックマークしておいて、時間があるときに見ておいてくださいね。特にWeb制作者の方は必見だと思います。めっちゃ勉強になること間違いなしっす！ LIGブログ 知りたい分野別リンク集 Sass、Compassを学びたい人 CSSの常識が変わる！「Compass」、基礎から応用まで！ これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応) 目指せSassマスター！デザイナーがすぐ実践出来る基本テクニック12連発 Compassの設定ファイル「config.rb」の編集方法 Sassを使ったコーディングの強い味方に！便利なextend＆mixin集を作ってみた Sass
行ってきた活動
HTML Best Practices 保守しやすく、規模に依存しない、HTML文書の基本的な書き方をまとめた文書です。 vim-css3-syntax Vimのビルトイン・ランタイムに含まれるCSSのシンタックス・ファイルを拡張する形で、CSS3の様々なプロパティーなどに対応させます。 Color Blindness Emulation SVGフィルターを使い、画像やウェブページに対して8種類の色覚多様性を再現します。 hail2u-ipsum このウェブサイトの文章を利用して、アルファベットやカタカナが適度に混じった日本語の無意味な文章を生成します。 MN Google Fontsで公開されている等幅フォントを普通のウェブページで利用すると、どのような印象になるかを確認できるウェブサイトです。 Drawic SVGで描かれたアイコンの小さなセットです。 CSS MQPacker CSS
これが決定版？フォルダを監視してCSS/JavaScript/HTMLを生成·Fire.app MOONGIFT
Fire.appはフォルダを監視してSass/Compass/CoffeeScriptを自動変換するソフトウェアです。 最近はCSS/JavaScript/HTMLをそのまま書くのではなくSassやCoffeeScript、Haml/Markdownを使ってそれぞれのフォーマットに変換するのが当たり前になってきています。そこで使ってみたいのがFire.app、自動ファイル変換ソフトウェアです。 起動します。 メニュー常駐型です。 設定画面です。 Growlを使った通知に対応しています。 Livereloadに対応しています。 履歴です。 フォルダを指定しました。 プロジェクトテンプレートを生成してくれる機能があります。 生成しました。後は修正すると自動的に別フォーマットファイルを生成してくれます。 Fire.appはSass/CompassからCSSを、Haml/ERB/Markdownか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お盆休みにまとめ読み！Web制作のおすすめスライド コーダー・エンジニア編
CPI x CSS Nite「After Dark」（1）
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function