こんにちは、染田です。 Facebook にハッシュタグが登場しましたね。まだ私の周りではそこまで目にしませんが、皆様は活用してますでしょうか？ さて、このハッシュタグを入力するフォーム、一見すると通常のテキストエリアですが、入力した後にハッシュタグの... 続きを読む

• www.backlog.jp
• テクノロジー

本連載ではWeb担当者やWebデザイナー、コーダーの方々に向けて、Webサイト高速化に関する手法や技術について解説していきます。第3回からは、Webサイトの高速化に欠かせない前提知識として「画像の最適化」の概要を解説します。 はじめに　こんにちは、クラスメ... 続きを読む

• codezine.jp
• テクノロジー

Adobe Systemsがロサンゼルスで5月に初旬に開催した「Adobe MAX 2013」において、HTML5 Boilerplateの開発者として知られるPaul Irish氏の講演「Mobile CSS Performance」を聴講した。その内容をベースにしながら、CSSを高速化するためのさまざまなテクニックを... 続きを読む

• builder.japan.zdnet.com
• テクノロジー

自分でゼロからCSSを書く時のおはなし。 CSSの保守性と見通しを高めて、プロジェクトに対するモチベーションを維持するためにやってることをまとめてみました。 主にCSSを保守するのがめんどくさいという事に対する愚痴が書いてあります。完全な持論ですので「... 続きを読む

• blog.geta6.net
• テクノロジー

2013 年 4月 26 日に開催された 第38回HTML5とか勉強会 - 「Webアプリ×テスト最新事情」 - のアーカイブ情報です。 JavaScriptテスト最新事情 Why? What? How? 佐藤鉄平( @teppeis )さん  スライド：http://www.slideshare.net/teppeis/javascript-testwhywhath... 続きを読む

• html5j.blogspot.com
• テクノロジー

2013-04-30 第38回 HTML5とか勉強会でテストについて話しました。 先週の4/26に開催された第38回HTML5とか勉強会「Webアプリ×テスト最新事情」で、JavaScriptのテストについて話させてもらいました。 発表資料はこちら。 JavaScript Unit Test Why? What? How? ... 続きを読む

• teppeis.hatenablog.com
• テクノロジー

今年の5月に書いた記事『「Google HTML/CSS Style Guide」を適当に和訳してみた』がかなり反響があったわけですが、和訳シリーズ第2弾として、GitHubが公開しているHTMLとCSSのスタイルガイドを簡単に和訳してみたいと思います。 原文はこちら。 HTML · Stylegu... 続きを読む

• re-dzine.net
• テクノロジー

4/24に公開された「Google HTML/CSS Style Guide」が面白そうだったので適当に訳してみました。長いので各項の細かい説明は省いてます。より詳細に知りたい方は、原文を読んでみてください。 Google HTML/CSS Style Guide この文書の背景 この文書は、HTMLやCSS... 続きを読む

• re-dzine.net
• テクノロジー

Webデザインにおいて各パーツの位置はそのWebサイトの性格によって決まると思います。このWebサイトの場合は一見さんを重視していない文章の書き方をしていたりタイトルのつけ方をしているので、自然とそれを考慮に入れた配置にしています。 グローバル・ナビゲ... 続きを読む

• hail2u.net
• テクノロジー

CSS前回はiOS5のMobile Safariから使えるようになったHTML5・CSSについて前編と後編に分けてご紹介しましたが、そのなかで説明していない小さなテクニックについて少し紹介したいと思います。今回はCSSでテキストにグラデーションをかけるテクニックについてで... 続きを読む

• kudakurage.hatenadiary...
• テクノロジー

こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好... 続きを読む

• www.fenrir.co.jp
• テクノロジー

Web Designer Wall A wall of design ideas, web trends, and tutorials 18557 followers Twitter 0 subscribers RSS Blog Categories Tutorials • Trends • General Tags Coding CSS design design process Design Trends event Flash free freebies Guest P... 続きを読む

• webdesignerwall.com
• テクノロジー

iPhoneアプリのようなリッチなUIをブラウザで実現！Web 2.0 Touchが凄すぎる！ 2011年8月25日 in iPhone, Web Web 2.0 Touchは、WebKitエンジン上で動作するJavaScriptライブラリです。 2011/8/22に公開されたばかりの模様。 iPhoneアプリのようなリッチなUIを... 続きを読む

• golog.plus.vc
• テクノロジー

Paper.jsは、HTML5 Canvas要素によるベクター・グラフィクスを扱うためのフレームワークだ。 応用領域としてはProcessing.jsに似たところがあるけれど、向こうはProcessingという元ネタがあるのに対して、こちらは純粋にHTML5 and JavaScriptに特化していること... 続きを読む

• radiumsoftware.tumblr.com
• テクノロジー

html, css, デザイン | HTMLおよびスタイルシート（CSS）を利用したWebページ制作の，簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。これは，「Webページをコーディングして作る人」全般に当てはまる。 レベ... 続きを読む

• d:id:language_and_engi...
• テクノロジー

待望の Mac OS X 版 Firefox 3 に対応 AMO で公開されているHtml Validator 0.8.5.2は Mac 非対応で利用できなくて悔しい思いをしていた。ちっ、Mac OS X のプライオリティが低いのだろう。と思っていたら、拡張機能作者の Marc Gueury さんのサイトにはちゃん... 続きを読む

• www.project-h2.com
• テクノロジー

商品やカテゴリー、トピックについて他のカスタマーと語り合う場です。お買いものに役立つ情報交換ができます。 続きを読む

• www.amazon.co.jp
• テクノロジー

初めに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 今までZen Codingの基本（マークアップ効率化 - zen-codingでコーディングを倍速に）、Zen Codingの応用（Zen-Codingの応用でもっと超... 続きを読む

• techblog.yahoo.co.jp
• テクノロジー

マラソンに夢中！　nonakaです。 毎週通販サイトのhtmlメルマガを作っているので、他の通販サイトのメルマガも多数購読してます。 今回は、通販サイトのhtmlメルマガを集めてみました。 通販サイト　html形式メルマガまとめ BEYES 【メルマガの横幅】600px。 【... 続きを読む

• design.kayac.com
• テクノロジー

モバイル, 携帯サイト作成 | 01:06 | 最近phpをいじるがてら、ひさびさに携帯サイトに触れているためメモメモ。携帯サイトで装飾を入れるとなるとi-cssが云々って話があったりしますが、正直テストサイトでそんな面倒なことをしていられないので、だいたい以下... 続きを読む

• d:id:moba13
• テクノロジー