Performance Budgeting with Grunt - Web Performance Consulting | TimKadlec.com
It seems like the idea of performance budgeting has been gaining quite a bit of traction over the past year. This is awesome! The best way to improve web performance is to prioritize it from the get-go, and that’s exactly what a performance budget helps you do. But having the budget set in a document somewhere doesn’t accomplish much. It needs to be enforced to really matter. I’m a big fan of Grun
HTMLメールワークフローに役立つGruntプラグイン | チャットワーククリエーターズブログ
こんにちは、先日Web開発チームに加わりました西口です。 HTMLメールの制作って煩わしくないですか？ おそらくそう感じているWebデザイナーの方は多いのではないかと思っています。 HTMLメールの制作って大変特に下記のような点が挙げられると思います。 テーブルレイアウト（コーディング面倒…）インラインCSS（コーディング面倒…）メールクライントごとで差のあるCSS対応（表示チェックどうすんの…）各種メールクライアントでの表示テスト（古い環境もまだまだ現役…）などなど… 弊社でもHTMLメールはそこまで頻繁に作成することがなかったので、これまでワークフローを見直すことがなく、ヘイトの増加を感じつつもHTMLを直接コーディングして作成していました。 ただ、やはりこういうフローでは時間がかかってしまったり表示確認が面倒だったので、どうにか効率良くならないかと調べていたら、HTMLメール作成用の
WordPressテーマ用の grunt-init テンプレート Iemoto を使ったテーマ作成 | Gatespace's Blog
_s 公式でも2014年8月に sass 対応となったのですが、その以前から grunt-init テンプレートの「Iemoto」を使ってテーマ作成しています。 今回は Iemoto を使った WordPress テーマの作成についてご紹介します。 Iemoto とは Iemoto は WordPressテーマ用の grunt-init テンプレートです。 _s をベースにテンプレートファイルにはアクションフックの追加がされています。 css は Sass（Compass）で作成され、style.css コンパイル時に editor-style.css も作成されます。 また、Sass（Compass）のコンパイルや JavaScript 構文チェック、これらのファイルの圧縮などを Grunt あるいは gulp.js で行います。そしてそのための設定ファイルも含まれています。 このように
A workflow for responsive emails using Ink and Grunt
Recently I’ve been having to deal with creating HTML email templates much more than I had in the past. Most of my previous experience wouldn’t go much further than creating simple transactional emails consisting of a simple table enclosing a bunch of text, nothing too fancy. Unfortunately, when it comes to producing something of a higher standard, such as an appealing newsletter aimed to attract u
gulpのアプローチ
gulpのGetting Startedにもあるように、gulpを使うにはグローバルインストールとローカルインストールが必要になる。なんで同じものを2つインストールするのか、不思議に思ってソース読んで「へー」と思ったのでまとめてみる。 Gruntの場合 Gruntの場合はgrunt-cliをグローバルにインストールしてgruntはローカルにインストールする。grunt-cliはローカルにインストールしたgruntを呼び出すためだけのモジュールだ。タスクを走らすgruntと、そのgruntを実行するgrunt-cli、2つのモジュールは明確に役割が切り離されている。 Gruntがこうなってる理由は、異なるプロジェクトで使ってるgruntのバージョンが違うと、グローバルにインストールされてるgruntのバージョン次第で、そのタスク（Gruntfile）が動かせない可能性が出てくるから。 （参考
Grunt & WordPress development – stephenharris.info
This is the first post of a five part series looking at WordPress plug-in/theme development with Grunt. Grunt & WordPress developmentGrunt & WordPress development II: Installing GruntGrunt & WordPress development III: Tasks for internationalisationGrunt & WordPress development IV: Another task for internationalisation Back in August the WordPress core team announced they were going to use Grunt in
タスクランナーで、WordPress を LiveReload する
タスクランナーで、WordPress を LiveReload する 2014-05-29 WordPressのテーマを作成していて、「ブラウザがリアルタイムで更新してくれたらいいのに」と思ったことはありませんか？ LiveReloadは、何らかのファイルを保存するとブラウザが自動で更新されるツールです。 このLiveReloadを利用するとリアルタイムでブラウザが更新されるようになるため、WordPressのテーマ作成などに役立ちます。 WordPressをLiveReloadすると、修正を保存した瞬間にブラウザが更新されます。 画面を並べれば、エディタとブラウザを行き来することなく、テーマの作成が楽になります。 WordPressのテーマを作成する場合、大きく2つのケースが考えられます。 ローカルサーバーで、WordPressを作成 リモートサーバーに、ファイルをアップロードして作成
ビルドツールまとめ。Gruntとかgulpとか (フロント寄り) - Qiita
はじめに そろそろ、使っていないと後ろ指をさされそうな雰囲気になってきた、ビルドツール各種ですが、業界(?)の全体像をなんとなく眺めてみたいと思います。動きとしてはRuby界隈が早く、Guardが2010年あたりから、それを参考にする形でGruntが出てくるのが2011年、gulpについてはまだ1年未満という状況ですが、特にJavaScript周りは活況です。 下記、主にGitHubの各種数値を並べています。コミュニティの盛り上がりや成熟度の判断の参考として。 名称 環境 設定ファイル 可読性 GitHub プラグイン Issues 初コミット
grunt-bake が静的サイト制作に便利だった | blog.makitasako.com
受託制作をしていると、SSI が使えないサーバーが稀にあって共通要素の扱いに非常に困る。さらにそういうサーバーは PHP すらも使わせてくれなかったり厳しい条件のケースが多い。そんなときよく見かけるのが Dreamweaver のテンプレート機能。何度か使ったことはあるが、こういうときには便利な機能だと思う。 が、自分は Dreamweaver が嫌いだ。理由はいくつかあるが、JavaScript などの閉じカッコを自動で書いてくれなかったり、そして何より重かったり。テンプレート機能についても、自分の使い方が悪いせいもあるかもしれないが、すぐに壊れる貧弱なイメージがある。一度壊れてしまうと戻せなかったはず。少し学習コストが必要なのも気に入らない。 ではどうするか。 こういう課題に grunt-bake は見事に答えてくれた。grunt-bake には SSI 同様にインクルード機能がある。
タスクランナーgulp.js最速入門 - id:anatooのブログ
相変わらず仕事ではデザインやりつつJavaScript書いている。 タスクランナーとしてGrunt.jsを使っていたけれども、使ううちに段々不満がでてきた。遅かったり、記述が冗長になりがちでつらかったので最近になってgulpに乗り換えた。 gulpは良い。タスクは自動的に並列に実行され、かつストリームで処理されるので速いし、タスクの記述もストリームベースの書き方のおかげでGrunt.jsに比べるとだいぶ短くなる。 ただ、そこらにあるgulpをちょっと試しただけの日本語の記事やドキュメントをみてても実際のプロジェクトで使えるレベルまでの知識を得られず学習に一日かかった。 この記事では、gulpをまともに使えるようになるまでに必要な知識を書く。 導入とHelloWorld まずは導入。npmからgulpをインストールする。 $ npm install gulp -g $ gulp -v [gu
The Ultimate Guide to Grunt for WordPress Plugin Developers
Grunt has been instrumental in streamlining the development of my WordPress plugins, such as the popular Simple Lightbox. This guide shows you how to use Grunt to slay tedious tasks, work smarter, and bring the fun back into developing WordPress plugins. Grunt? Grunt’s tagline, “The JavaScript Task Runner,” is a bit misleading because it implies that it’s only meant for JavaScript-based projects.
Treehouse Blog
January 11, 2024 in Career Advice Why Pitch Videos Unlock Career Opportunities In the ever-evolving landscape of job hunting, candidates are constantly seeking innovative ways to stand out from the crowd. One powerful tool that has gained momentum in recent years is the pitch video. Today, a well-crafted pitch video can be the… Artificial Intelligence (AI) is reshaping our world. From self-driving
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Grunt Plugin of Inliner? · Issue #80 · foundation/foundation-emails
Grunt で WordPress テーマ・プラグインを公式ディレクトリと GitHub の両方で管理しやすいようにした。
Front-end Build Tools - JTF2014 Tokyo
http://kudox.jp/server/grunt-js
Advanced Grunt Techniques
How Grunt Can Improve WordPress Development | Envato Tuts+
An Introduction to Grunt
Setting Up Grunt For Your Next Project | Envato Tuts+