Bootstrap3超速レビュー!刷新されたグリッドシステムを理解しよう!

人気のCSSフレームワーク「Bootstrap」のバージョン3が正式にリリースされました。この記事では早速Bootstrap3をレビューし、特にグリッドシステムを掘り下げて解説してみます。 フラットデザイン採用、フルレス...

Bootstrap3でのボタングループ

理解しておきたい、CSSによるインラインレイアウトの仕組み(vertical-align編その2)Inline Layout─Frontrend Conference

連載: Frontrend Conference 特集 (7)この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事(全4回)として書き起...

Sass 3.3で追加された「&」の新機能と@at-rootまとめ解説

連載: Sass 3.3まとめ解説 (1)10月12日にSass 3.3.0.rc.1が出ました。まだリリース候補ですが、どのような機能が追加されるのかはChangelogにあります。今回は「&」と@at-roo...

理解しておきたい、CSSによるインラインレイアウトの仕組み(font-size/line-height編)Inline Layout─Frontrend Conference

連載: Frontrend Conference 特集 (4)この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事(全4回)として書き起...

「次のモバイルファースト」がやってくる!UIと機能設計をIonic 2を使って学んでみよう

レスポンシブデザインが生まれたばかりの2009年には、はやくも「モバイルファースト」という言葉が使われ始めていました。 WebサイトはPCから見るものだったのは今や昔。今ではスマートフォンの普及により、多くのWebサイト...

Sass 3.3で追加された新しいデータタイプ「マップ」まとめ解説

連載: Sass 3.3まとめ解説 (2)前回の記事では、Sass 3.3で追加される「&」の新機能と@at-rootについて解説しました。今回は新しいデータタイプの「マップ」について解説します。 マップは色々な...

現役UIデザイナーが語る「今、プロトタイピング開発に求められること」UI Crunch #3

連載: イベントレポート (31)この1~2年、Webサービスやスマートフォンアプリの開発現場では、早い段階から評価・検証により課題を洗い出し、制作の効率化を図るプロトタイピングがさまざまな手法・ツールによって試されてい...

よくある3つのデザインから考える、マークアップの最適解

連載: イベントレポート (2) Web制作においてHTMLのマークアップには絶対の正解というものがありません。ページを制作しているとき、特にセマンティクスを意識したとき「このマークアップで正しいのだろうか」と悩むことが...

ユーザーの期待に応えるクックパッドのUI/UXーWDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」

連載: イベントレポート (34)3月14日に特定非営利活動法人Web Directors Forum(以下、WDF)とHTML5 Experts.jpの共催企画として、WDF Vol.17 with HTML5 Exp...

「Web Componentsが来る!CSS設計はどうなる?」―CSSのエキスパートに聞いてみた!

こんにちは、編集長の白石です。 Safari 10.1からCustom Elementsが使えるようになったり、Microsoft EdgeもWeb Componentsの実装を約束していたりと、Web Componen...

理解しておきたい、CSSによるインラインレイアウトの仕組み(inline-block編)Inline Layout─Frontrend Conference

連載: Frontrend Conference 特集 (8)この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事(全4回)として書き起...

「エンタープライズとUX」ってテーマをふっかけたらめちゃくちゃ濃くて面白かった ─齋藤善寛&新谷剛史ロングインタビュー

連載: Experts Opinions 「UX」 (5)HTML5 Experts.jpが誇るエキスパートたちに、「UX」というテーマでインタビューするシリーズ第五弾です。 ぼくも昔はSIerの孫請けとして、エンタープ...

Sass 3.3で追加された「関数」や「変更点」のまとめ解説

連載: Sass 3.3まとめ解説 (3) 前二回の記事では、Sass 3.3で追加された「&」の新機能と@at-rootと新しいデータタイプ「マップ」について解説しました。 最後となる今回は、新しく追加された関...

OSの種別を問わず、無償でできる!modern.IE「4つ+1つ」のWebページ検証方法

2013年11月、Windows 8.1と同時にInternet Explorer 11がリリースされました。 新しくメジャーなWebブラウザーがリリースされると、それまでのWebサイトや、あるいはこれからリリースするW...

image_thumb.png

続・よくある3つのデザインから考える、マークアップの最適解

連載: イベントレポート (3) マークアップシリーズの第2回は、前回のよくある3つのデザインから考える、マークアップの最適解と同じく、html5jマークアップ部主催のイベント「MarkupCafe」で出題された3つのお...

毎週新しい機能をリリースしている、はてな「Mackerel」の開発環境やツールを聞いてきた

はてな「Mackerel」の開発チームに、HTML5 Experts.jp白石俊平編集長が直撃インタビュー! チーフエンジニア兼「Mackerel」ディレクターの松木雅幸さん、アートディレクターの村田智さん、アプリケーシ...

【UIデザイナー不要説は本当か】現役クリエイターが「UI Crunch」で語った本音とは?

連載: イベントレポート (30)DeNAとGoodpatchの現役クリエイターが中心となって立ち上げられた、UIデザインを追求していくコミュニティ「UI Crunch」。11月27日に開催された第2回目の勉強会のテーマ...

理解しておきたい、CSSによるインラインレイアウトの仕組み(vertical-align編その1)Inline Layout─Frontrend Conference

連載: Frontrend Conference 特集 (6)この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事(全4回)として書き起...

iOS7におけるMobile Safariの主な変更点

iOS7上のSafariがどのように変化したかについて、Maximiliano Firtman氏(@firt)がブログで詳細に解説しています。 この記事では、同氏のブログから、Web制作者/開発者にとって重要と思われる情...

HTML5で実現できる!環境光に合わせたレスポンシブなUI

フロントエンド開発やデザインに携っている皆さんにとって、ここ数年間「レスポンシブ・ウェブ」についての話題は避けて通れないものとなっているでしょう。モバイルやタブレット上でも、ユーザー・エクスペリエンスを失うことのないウェ...

luminosity-devices

RAIZIN Coolで学ぶ、イマドキのWebサイトの作りかた

連載: イマドキのWebアプリの作りかた (3)HTML5 Canvasを利用した冷気の演出が話題となった「RAIZIN JAPAN」のデモサイト。エキスパートが手がけたプロダクトを題材に技術的な解説を行っていくシリーズ...

mask

【Webデザイナー必読】IoT時代のデザイン思考を探る─久下玄×秋葉秀樹 デザイナー対談

連載: IoTxWeb (3)IoTの時代、それはモノのデザインとWebのデザインが交錯する時代と言えます。 そんな時代に必要とされるデザイン思考とはなんでしょう?モノのデザインとWebのデザイン、そこにある違いは、そし...

面白法人カヤックに「UX」というテーマをぶつけていろいろ聞いてみました

連載: Experts Opinions 「UX」 (6)HTML5 Experts.jpが誇るエキスパートたちに、「UX」というテーマでインタビューするシリーズ、いよいよ最終回です。 今回は、面白法人カヤックでHTML...

「StyleStats」を活用してCSSを評価する、Evaluating CSS─Frontrend Conference

連載: Frontrend Conference 特集 (5)本記事は、2015年2月21日に行われたFrontrend Conferenceの「Evaluating CSS」の内容を紹介します。 はじめに こんにちは、...

UXデザインに正攻法はないから「仮説」をとにかく出してみる─秋葉秀樹ロングインタビュー

連載: Experts Opinions 「UX」 (4)HTML5 Experts.jpが誇るエキスパートたちに、「UX」というテーマでインタビューするシリーズ第四弾です。 今回のテーマは、「UIデザイナーにとってのU...

知らないと損する?Webページを検証できる無償の「modern.IE」「F12開発者ツール」を徹底紹介!

Microsoftは無償で、Webページを検証するためのツールとサービスを多数出している。それらをどのように使えば便利なのか。日本マイクロソフトがエンタープライズのパートナーに向けて開催した「Internet Explo...

Webアクセシビリティの重要性が加速する!「アクセシビリティやるぞ!祭り」詳細レポート

連載: イベントレポート (29)2014年12月4日、ヤフー、ミツエーリンクス、ビジネス・アーキテクツの合同によるイベント「アクセシビリティやるぞ!祭り」が開催されました。 このイベントは、「来るべき近未来のために業界...

アクセシビリティやるぞ!祭り

「CSS Regionsを使った新しいCSSレイアウトを作る方法」HTML5 Conference2013レポート

連載: HTML5 Conference 2013レポート (4)11月にiOS7のSafariでサポートされることになり、一躍注目を集めることになった「CSS Regions」。雑誌や新聞のような、自由でクリエイティブ...

CSS-Regions1

いま、UXを語るのはなぜ悩ましいのか?─長谷川恭久ロングインタビュー

連載: Experts Opinions 「UX」 (1) UXという言葉は、専門家ではない筆者のような人間からすると、少し「怖い」言葉です。 筆者にとってUXという言葉は、概念はわかる気がするものの捉えどころがなく、絶...

【Apple Watch・Android Wear】スマートウォッチのUI設計は、スマホアプリとどう違う? #uicrunch

連載: イベントレポート (37)UIデザインを追求するコミュニティ「UI Crunch」。今回のテーマは、「スマートウォッチ」のUI開発や知見などについて。スマートウォッチ向けのアプリの開発は、スマートフォンのアプリの...

【後編】Material Designの今がわかる「Material Now」―Google I/O 2015

連載: Google I/O 2015 特集 (3)この記事は2015年5月28日に行われたGoogle I/O 2015「Material Now」セッションの翻訳です。「Material Now」では、Materia...

「ぶっちゃけ感」とバリエーションが魅力のUI/UX勉強会!第57回 HTML5とか勉強会レポート

連載: イベントレポート (35)こんにちは、編集長の白石です。 2015年5月20日、第57回 HTML5とか勉強会「UI/UX」に参加してきました!簡単で恐縮ですが、レポートとまとめをお届けします。 チームでつくるU...

これからのWebデザインに求められるアクセシビリティとの向き合い方ーWDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」

連載: イベントレポート (33)3月14日に特定非営利活動法人Web Directors Forum(以下、WDF)とHTML5 Experts.jpの共催企画として、WDF Vol.17 with HTML5 Exp...

Markup Cafe FUKUOKA Vol.1開催レポート~福岡で盛り上がる!HTML5マークアップのアイデアあれこれ~

連載: イベントレポート (17)こんにちは!html5jマークアップ部 部長の村岡です。 この記事では2014年3月8日に開催されたMarkup Cafe FUKUOKA Vol.1のイベントレポートをさせていただきま...

html5jデザイン部が目指す、ユーザー体験も含んだデザインを実体験で学べるイベントとは

連載: イベントレポート (7)2014年1月12日、株式会社ツクロアの事務所にhtml5jデザイン部スタッフが集まり、3月開催予定のイベントの打ち合わせを兼ねたプレイベントを行いました。どのようなチームで、どのように課...

デザイニアン プレイベント

FirefoxにCSS Variables機能拡張etc.──2013年12月のブラウザ動向

連載: WEB標準化動向 (2)今月より、ブラウザ関連のニュース、とりわけレンダリングエンジンに実装されたWebプラットフォーム機能について取り上げる月一の連載を開始したいと思います。1月も後半ですが、2013年12月の...

W3CのEME標準化、ServiceWorker解説、RespImgシンタックスはレスポンシブ画像問題など海外WEBテク20本を一挙公開

連載: 海外WEBテク最新動向 (10)斉藤祐也の海外WEBテク定点観測<Issue.7: 2013/10/01-2013/10/31> 今月の定点観測はW3CがEMEをなぜ標準化したのか、その動きに対する反対と賛成意見...

adactio:-journal—classy-values-1024x768

デザイナーとエンジニアでつくるプロトタイプとユーザーテスト─byデザイニアン002

連載: イベントレポート (13)2014年3月22日、リクルートメディアテクノロジーラボ (MTL) にて、デザイナーとエンジニアでつくるWebプロトタイプとユーザーテストを行うイベント「デザイニアン002」が開催され...

モバイルフロンティア:フロントエンドエンジニアとデザイナーのためのモバイルユーザーエクスペリエンス「HTML5 Conference 2013」

連載: HTML5 Conference 2013レポート (17)「HTML5 Conference 2013」では「モバイルフロンティア よりよいモバイルUXを生み出すためのデザインガイド」を翻訳したメンバーによる、...

P1040709

いま改めて問う、Webアクセシビリティの意義

Webアクセシビリティという言葉を聞いて、あなたは何をイメージしますか? 障害者対応? 高齢者対応? 自分(の作っているWebサイト)には関係ないことだとか、必要性を認識しながらもどちらかと言えば厄介な、控え目に表現して...

【前編】Material Designの今がわかる「Material Now」―Google I/O 2015

連載: Google I/O 2015 特集 (2)この記事は2015年5月28日に行われたGoogle I/O 2015「Material Now」セッションの翻訳です。「Material Now」では、Materia...

アクセシビリティについて最近考えていることをざっくばらんに話すよーWDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」

連載: イベントレポート (32)3月14日に特定非営利活動法人Web Directors Forum(以下、WDF)とHTML5 Experts.jpの共催企画として、WDF Vol.17 with HTML5 Exp...

「Markup Maniax – マークアップ部が語り合うHTML5仕様のいま・これから」HTML5 Conference2013

連載: HTML5 Conference 2013レポート (9)2013年11月30日に開催された「HTML5 Conference2013」において行われた数々のセッション。その中で今回は、マークアップに関する活動を...

Markup

HTML5を駆使したRakuten Technology Conference 2013サイト制作の内側

楽天では、10月26日に「Rakuten Technology Conference 2013」を開催し、多くの方にご来場頂きました。ご参加者の皆様、ありがとうございました! 私が所属している「HTML5 Project...

Rakuten Technology Conference 2013 のトップページ

斉藤祐也の海外WEBテク定点観測<Issue.3-2013/08/03-2013/08/16>

連載: 海外WEBテク最新動向 (3)Bret Victor氏によるプログラミングの未来について、Trent Walton氏によるユーザーエンゲージメントを高めるデザイン、そしてBoris Smus氏による思いがけないデ...

JSConfUS-2013-Rebecca-Murphey-Optimizing-for-Developer-Delight-YouTube

Markup Cafe OSAKA Vol.1 開催レポート 〜 大阪でも考えた!HTML5マークアップの最適解 〜

連載: イベントレポート (10)こんにちは!html5jマークアップ部 部長の村岡です。 この記事では2013年の12月20日に開催されたMarkup Cafe OSAKA Vol.1のイベントレポートをさせていただき...

markupcafe-osaka-ie-novelty

    第45回HTML5とか勉強会「ユーザーエクスペリエンスとペーパープロトタイピング」レポート

    連載: イベントレポート (9)2014年2月17日、日本マイクロソフトの品川本社オフィスにて、第45回HTML5とか勉強会を開催しました。今回は「ユーザーエクスペリエンスとペーパープロトタイピング」というテーマで、安藤...

    IMG_5369

    HTML5とWAI-ARIAでマルチデバイスに対応したアクセシブルなサイトを作ろう「HTML5 Conference 2013」

    連載: HTML5 Conference 2013レポート (11)いまやマルチデバイスの時代。PCやタブレット端末、スマートフォン、将来的にはメガネ型デバイスも登場しつつある。「今はこのような時代。Webは特定のデバイ...

    黒澤剛志さん

    モバイル対応にこそ、Webの真の課題が隠されている──及川卓也氏「HTML5 Conference 2013基調講演」

    連載: HTML5 Conference 2013レポート (8)村井純氏に続いて登壇したのは、グーグルのシニアエンジニアリングマネージャー・及川卓也氏。 HTML5をめぐる今年1年間の変化について、「HTML5はもはや...

    IMG_0707

    エンジニアの「学び、つながり、盛り上がり」を全力で応援──白石俊平氏「HTML5 Conference 2013基調講演」

    連載: HTML5 Conference 2013レポート (6)「HTML5 Conference2013」基調講演の最後は、「html5j」の管理人・白石俊平氏が、HTML5コミュニティの深まりと広がりについて話した...

    IMG_0738

    オフラインファースト、レスポンシブデザインの新視点、新たなブラウザ対応アプローチなど海外WEBテク20本を一挙公開

    連載: 海外WEBテク最新動向 (6)斉藤祐也の海外WEBテク定点観測<Issue.8: 2013/11/01-2013/11/30> 今月の定点観測は、モバイル開発で考慮したいオフラインファースト構想について、レスポン...

    grade-components-not-browsers

    斉藤祐也の海外WEBテク定点観測<Issue.6: 2013/09/14-2013/09/28>

    連載: 海外WEBテク最新動向 (5)Colt McAnlis氏による画像圧縮にまつわる詳細な解説、Peter-Paul Koch氏のmodern.IEレビュー、Alla Kholmatova氏によるUIアイコンの認知速...

    斉藤祐也の海外WEBテク定点観測<Issue.5: 2013/08/31-2013/09/13>

    プログレッシブ・エンハンスメントに対する熱い議論、Steve Losh氏による技術文書の正しい書き方、JavaScript本の名著であるEloquent JavaScript2版のクラウドファンディングなど、14日間(8...

    30-days-of-tdd:-day-one-–-what-is-tdd-and-why-should-i-use-it?-1024x768

    斉藤祐也の海外WEBテク定点観測<Issue.4-2013/08/17-2013/08/30>

    連載: 海外WEBテク最新動向 (4)Steven Wittens氏によるAcko.netのヘッダーアニメーション実装の解説、Node.jsをこれから始める人必見のチュートリアル、そしてPromises/A+の仕様を実装...

    an-absolute-beginner's-guide-to-node.js-1024x768

    斉藤祐也の海外WEBテク定点観測<Issue.2 2013/07/20-2013/08/02>

    連載: 海外WEBテク最新動向 (2)二週に一度、月曜日にお届けする海外のWeb開発に関する最新ニュースを厳選。今回は、開発リーダーであるPamela FoxによるBackbone.jsを使ったアプリケーションガイド記事...

    60-fps-or-bust:-dynamically-prerendering-css-animations---jeremy-kahn's-dev-blog-1024x768

    斉藤祐也の海外WEBテク定点観測<Issue.1-2013/07/05-2013/07/19>

    連載: 海外WEBテク最新動向 (1)「斉藤祐也の海外WEBテク定点観測」では、二週に一度、月曜日にお届けする海外のWeb開発に関する最新ニュースを厳選。 HTML5 Experts.jpのエキスパートの皆さんの協力を得...

    aerotwist-thumbnail
    Powered byNTT Communications

    tag list

    アクセシビリティ イベント エンタープライズ デザイン ハイブリッド パフォーマンス ブラウザ プログラミング マークアップ モバイル 海外 高速化 Angular2 AngularJS Chrome Cordova CSS de:code ECMAScript Edge Firefox Google Google I/O 2014 HTML5 Conference 2013 html5j IoT JavaScript Microsoft Mozilla Node.js PhoneGap Polymer React Safari SkyWay TypeScript UI UX W3C W3C仕様 Webアプリ Web Components WebGL WebRTC WebSocket