タグ

ブックマーク / t32k.me (4)

  • 今どきのGruntを使ったフロントエンド開発(HTML/CSS編) - MOL

    SassなどのCSSプリプロセッサを使うWebデザイナが増えてきました。Sassをコンパイルするだけなら黒い画面(ターミナル)を使わずともGUIアプリからの利用で問題ありません。が、ここは一歩踏み込んでGrunt(JavaScript製のタスクランナー)を使って、Sass以外のコンパイルやライブリロード、画像最適化、CSSのリントやスタイルガイド生成など、あらゆる作業をGruntに任せてより効率的な開発環境を手に入れてみませんか。 ども、Front-end Developerをしております@t32kです。今日はがんばります。 Frontrendというコミュニティ活動をしています。通常は東京で3~4ヶ月の周期でフロントエンドをテーマにした勉強会を開催しています。良かったらみなさんもご参加くださいませ。 Agenda 今日の話す内容は以下のとおりです。 なぜGruntを使うの? Gruntの使

    今どきのGruntを使ったフロントエンド開発(HTML/CSS編) - MOL
  • HTTPリクエストを減らすために【序章】HTTPリクエストは甘え - MOL

    このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ&ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 1日目は、HTTPリクエストの概要について説明する。 例えに、私のポートフォリオページ(t32k.me)が表示されるまでの流れを見ていく。まず、検索からでも方法はなんでもよいが、ブラウザのURLバーにt32k.meと打ち込んでアクセスする。そのページを見にいくということは、つまりt32k.meに対してHTTPスキームでリクエストするということを意味している。 クライアントであるブラウザは入力されたURLを判断して、リソ

  • JavaScriptを学ぶために役立つ本 85選 - MOL

    前の翻訳記事でも述べらているけど、やっぱりデザイナーもプログラミングはある程度書けたほうがいいと思う。んで、その言語はJavaScript! O’ReillyさんからJavaScriptを学ぶうえで役立つをまとめた電子書籍JavaScript Bibliography)が公開されているのを教えてもらったのでAmazonリンクを張ってみるポスト。こう見てみると、翻訳されていないJSいっぱいですね(気づいてないのもありそう…)。原書の方はKindle版も売ってますので、円高のアレもあるのでYOU買っちゃったらいいんじゃないの! JavaScript Bibliography - O’Reilly Media Beginning JavaScript

    JavaScriptを学ぶために役立つ本 85選 - MOL
  • WebデザイナーだけどiPhoneカメラアプリ、リリースできました! - MOL

    あたし Web デザイナーだけど、制作期間実質 1 週間(コードだけなら 3 日)で iPhone カメラアプリを制作して、今日リリースまでこぎつけることができました。 単にネコミミ画像をオーバーレイして写真が撮れるだけのアプリだけど、Objective-C なにそれ?おいしいの?ってくらいのレベルでしかなかったデザイナーが、なにゆえ作れたか? Titanium Mobile! はい、ひとえにTitanium Mobile様々でございます。 思いおこせば、iPhone アプリ開発できたらカッコイイだろうなと思って Objective-C のを何冊か買ったのが 1 年前。当然、全く分かることもなくすぐさま放置でした。それから iPhone アプリ開発の情熱は消えつつあったのですが、今年の 2 月に@astronaughts に「JavaScriptiPhone アプリ開発できる Ti

    WebデザイナーだけどiPhoneカメラアプリ、リリースできました! - MOL
  • 1