CodePen - Front End Developer Playground & Code Editor in the BrowserBuild, share, and learn JavaScript, CSS, and HTML with our online code editor. Discover web applications and hire talent from the world’s largest community of front end developers and designers.
GitHub - componentjs/component: frontend package manager and build tool for modular web applications
Component is not maintained anymore. See here #639 for more information. You can still use the component registry on component.github.io to search for components. All the components are not affected, because most of them also provide a package.json file. The component.json files in these components are still kept to provide backwards compatibility for component and duo. Consider to use another too
Web開発でIntelliJ IDEAを使うべきNつの理由 - Qiita
Nが何個かはまだ考えていませんが、Web開発でIntelliJ IDEAを使うべき理由について、いくつか書いていきます。 HTML部門 Live Edit IntelliJ IDEAには、Live Editという機能があります。 IntelliJ IDEA上で修正したHTMLおよびCSSを、リアルタイムでブラウザ側に反映させる機能です。 使用できるブラウザや反映できる箇所などに制限はありますが、画面を見ながらHTMLやCSSを調整する場合には重宝します。 (本当はスクリーンショットを入れるつもりでしたが、IntelliJ IDEA 13にしてから動かず…) Emmetサポート EmmetはZen Codingの後継で、少ないキー入力でHTMLに展開してくれます。 このEmmetをIntelliJ IDEAは標準でサポートしています。 機能的にはLive Templatesの一環で提供されて
2013年厳選版！フロントエンドエンジニアがオススメするWEB系の技術書・指南書 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 今まではデザイナーという肩書きだったのですが、最近会社の偉い人たちが 「フロントエンドエンジニアがほしいなあー。（チラッ）」 「そうだねー。ほしいねー。誰かやってくれないかなー（チラッ）」 という会話を僕の聞こえるところでよくするので、空気を読んでジョブ・チェンジした次第であります。 さて、今年も残すところあとわずかということで、今年僕が読んでタメになったWEB系の技術書やら指南書やらをご紹介いたします。WEB系の仕事をされている方、今後する予定のある方はぜひ参考にしてみてください。 もくじ 1.Webサービスのつくり方 ~「新しい」を生み出すための33のエッセイ 2.スマートフォンサイトデザインブック 仕事で絶対に使うプロのテクニック 3.レスポンシブWebデザインテクニックブック プロが教えるマルチ
High Performance Web Frontend - Speaker Deck
'>Copy iframe embed code Copy iframe embed code Copy javascript embed code Copy javascript embed code
フロントエンドチューニングの箇条殴り書き
普段気をつけてるよリスト "モバイルで、WebViewとブラウザのコンパチで、特にセオリー化されていないデザインモジュールのなか、装飾画像もふんだんに使うぞ系サービス開発" の文脈における、パフォーマンス確保のため気をつけてるよリスト。 よく、パフォーマンス「向上」とか「確保」とか申しますが、メンテナンスコストなどと天秤にかけて、「必要十分」のラインを狙うのが重要だと思う次第。 画像リソース 画像リソースを揃えるときのセオリ。圧縮率とか最適化とか細かいチューニングはあれど、大雑把に下記を守る。そしてImage Optim（or 相当の処理）。 JPEGはプログレッシブで画質60くらい（オレ目安） PNGは差し支えない範囲で色数をきちんと削る 50px未満のサムネイルは@2.0xなリソースにしない 案外、Androidあわせの@1.5xや@1.0xでも大丈夫なことすらある GIFアニメを入れ
GitHub - cjohansen/juicer: A command line tool for JavaScript and CSS developers
Juicer supports so-called cache busters. A cache buster is a pattern in a path whose only purpose is to “trick” browsers to redownload a file when it has changed in cases where a far future expires header is used. There are three types of cache busters. Soft cache busters (the default) add a parameter to the URL, like so: assets/images/1.png?jcb=1234567890, ie the letters “jcb” (as in Juicer Cache
Minify - Combine & Compress CSS or Javascript Files
Minify is a PHP5 app that can combine multiple CSS or Javascript files, compress their contents (i.e. removal of unnecessary whitespace/comments), and serve the results with HTTP encoding (gzip/deflate) and headers that allow optimal client-side caching. Yahoo’s Combo Handler and Google’s AJAX Libraries API both serve content from their heavy-duty CDNs and potentially increase the chance that your
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
