フロントまわりのツールは群雄割拠してる感がすごくて手を出せずにいたのですが、Rails5.1 で gem webpacker が導入されたこともあってwebpack/yarn構成に魅力を感じています。 今どきのモジュール/パッケージ管理したいので、まずはwebpackです。 概要 webpack = JavaScriptファイルのバンドラ モジュール単位に分離されたjsファイルをひとつのjsファイルにまとめる(バンドルする) 結合の過程で、jsファイルの依存関係を解決する CommonJS, AMD, ES6 Moduleなど復数のモジュールシステムに対応する 競合はrequire.js(依存解決), browserify(バンドル)など オープンソース, MITライセンス 導入 npmでインストールする。 プロダクション環境ではバンドルした状態で配置するわけなので、開発環境のみを指定する
全般 :h[elp] keyword - 「keyword」のヘルプを開く :sav[eas] file - 名前を付けて保存 :clo[se] - 現在のペインを閉じる :ter[minal] - ターミナルウインドウを開く K - カーソル下の単語の man ページを開く カーソル移動 h - 左に移動 j - 下に移動 k - 上に移動 l - 右に移動 gj - 表示行で1行下に移動 gk - 表示行で1行上に移動 H - 画面上部に移動 M - 画面中央に移動 L - 画面下部に移動 w - 次の単語の先頭に移動 W - 次の（区切り文字を含む）単語の先頭に移動 e - 次の単語の末尾に移動 E - 次の（区切り文字を含む）単語の末尾に移動 b - 前の単語の先頭に移動 B - 前の（区切り文字を含む）単語の先頭に移動 ge - 前の単語の末尾に移動 gE - 前の（区切り文字を
Blog » WordPress » How and where to learn WordPress plugin development (FYI, we build plugins) How and where to learn WordPress plugin development (FYI, we build plugins) It can be overwhelming when you first try to get into WordPress plugin development. Honestly, one of the best ways to learn is just to dive right in and start coding. However, this is something that doesn’t just happen overnight.
上一篇文章介紹了如何用 jQuery Mobile 快速開發 mobile 網站，但 jQuery Mobile 提供的元件實在是不少，這篇文章主要是整理一個簡單的 cheat sheet, 讓使用 jQuery Mobile 開發的人可以方便地使用。（This article is greatly inspired by the great jQuery Mobile tutorial by C. Enrique Ortiz） jQuery Mobile UI Cheat Sheet jQuery Mobile Basic Syntax Component Sample HTML5 data-* attribute Empty page (mhtml) code <!DOCTYPE html> <html> <head> <title>title</title> <link rel="s
stash workspace index local repository upstream repository status Displays paths that have differences between the index file and the current HEAD commit, paths that have differences between the workspace and the index file, and paths in the workspace that are not tracked by git. diff Displays the differences not added to the index. diff commit or branch View the changes you have in your workspace
サンプル：この画面に遷移したのがサンプル。 コード： <a href="#move-anchor">同一ページ内移動</a> ポイント：ヘッダー部分に自動的に「(<)Back」ボタンが着きます。 ポイント：URLは、index.html#move-anchor のようになります。 ここに直アクセスした場合でもこのページが表示されます。 (jQTouchは常に#homeにリダイレクトされちゃってました。) 注意点：アニメーション指定をしなければ、パッと切り替わります。
jQuery 1.5 Visual Cheat Sheet [ad#ad-2] jQuery 1.5のリリース情報は下記を参考ください。 jQuery: » jQuery 1.5 Released また、先日jQuery 1.5rc1がリリースされました。 jQuery: »jQuery 1.5.1 RC 1 Released jQuery 1.5対応のチートシートは他のVisual Cheat Sheetシリーズと同様に実用的で、簡潔に美しく仕上がっています。
Accessibility: WCAG2 at a Glance Perceivable Provide text alternatives for non-text content. Provide captions and alternatives for audio and video content. Make content adaptable; and make it available to assistive technologies. Use sufficient contrast to make things easy to see and hear. Operable Make all functionality keyboard accessible. Give users enough time to read and use content. Do not us
ドットインストール代表のライフハックブログ
Срок регистрации домена FUTURECOLORS.RU закончился Услуга по регистрации доменного имени FUTURECOLORS.RU временно не предоставляется. Продлить домен Если вы хотите приобрести этот домен — закажите услугу «Доменный брокер». Мы проведем переговоры с текущим владельцем имени и организуем безопасную сделку. Заказать услугу «Доменный брокер» Если администратор домена не продлит регистрацию, домен освоб
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Smashing MagazineにおいてHTML 5のタグとその簡単な説明、HTML 4とHTML 5でのサポート状況、その属性がまとめられたHTML 5チートシートが公開された。チートシートそのものはChris Hanscom氏が作成したもの。HTML 5チートシートを紹介したSmashing Magazineの記事には、CSS 3で同じものを用意してくれないかというコメントが多数寄せられている。これを受けてSmashing MagazineではChris Hanscom氏にお願いして、CSS 3版のチートシートも作成してもらったとして、新しくCSS 3チートシート紹介記事を掲載している。 CSS
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. XHTML2 Working Group Charterが年末に期限をむかえても、もはや更新しないとW3Cが発表したことで、HTML 4.01の後継となる規約がHTML 5になることはほぼ確実な路線となった。IEをのぞく主要ブラウザFirefox、Safari、Operaは積極的にHTML 5の機能の実装を進めている。現状、HTML 5の機能はすべてではないが、いくつかは利用できる状況にある。 ただし、HTML 5の正式策定はまだ先の話だ。HTML Working Groupが見積もっているスケジュールによれば、HTML 5をW3C勧告として発表するのは2010年9月ということになる。少なくともあと1年
Sunday, February 22, 2009 3 comments HTML5 Canvas Cheat Sheet Labels: canvas My memory isn't very good and I often find myself looking up simple things in various specs but sometimes they're just too damn long-winded when you're simply looking for argument x of function y. That's where cheat sheets and reference cards come in handy with their compact, bare-bones information crammed into, at most,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く