Webアクセシビリティの重要性が加速する！「アクセシビリティやるぞ！祭り」詳細レポート
このイベントは、「来るべき近未来のために業界の認識をアップデートすべく」（イベントページより）企画されたとのこと。近未来ってどういうことか、ちょっと気になります。 また、先日の木達一仁さんに行ったインタビューでも、「『アクセシビリティが当たり前の社会』というビジョンを実現するために、HTML5 Experts.jpとしても、お手伝いできることは何でもします！」と言った約束も守らねばなりません。 ということで、タイトルからしてちょっと楽しそうなこのイベント、無理を言って取材させてもらっちゃいました。今回はそのレポート記事になります。 「アクセシビリティ＝高齢者・障害者対応」は大間違い！ 最初のセッションはヤフーでマークアップエンジニア/フロントエンジニアを担当していらっしゃる（最近では「アクセシビリティエンジニア」と名乗っているそうです）福本翔さんによる「やはりお前らのWebアクセシビリテ
パスワード攻撃に対抗するWebサイト側セキュリティ強化策
Webサイトのパスワード認証を狙った攻撃が大きな脅威になっています。 Tサイト（プレスリリース） goo（プレスリリース） フレッツ光メンバーズクラブ（プレスリリース） eBook Japan（プレスリリース） My JR-EAST（プレスリリース） これらの事例のうちいくつか（あるいは全て）は、別のサイトで漏洩したIDとパスワードの一覧表を用いた「パスワードリスト攻撃（後述）」であると考えられています。パスワードリスト攻撃を含めて、パスワードを狙った攻撃が成立してしまう原因は、利用者のパスワード管理に問題がある場合が多く、攻撃を受けたWebサイト側には、直接の責任はないケースが多いと考えられます。 しかしながら、 大半の利用者はパスワード管理に興味がない パスワード認証を採用している理由は、コスト上の理由、すなわちサイト側の経済的な事情 インターネットが「とても危険なもの」となるとネット
IAシンキングとは -information architecture- ｜https://wp.yat-net.com/name
2013年 04月 19日 IAシンキングとは -information architecture- カテゴリ： IAシンキング タグ：IAサイト構築サイト設計 サイトの設計、情報の整理、SEO、UI。Webサイトの構築時に考えるべきことはたくさんありますね。世のWebデザイナーの方やディレクターの方、インハウスの方など、色々な 役割の人がそれぞれの観点から情報を整理したり、競合サイトを調査したりと様々な事をしています。 しかしそれらを行うにあたって明確なフローが決まっているか？と言う割りとそうではなく、多くの人が意識的レベルでそのフローを行なっているのではないでしょうか？ それらのフローを意識レベルで行えるということは非常に素晴らしく、欠かすことが出来ないスキルであることは間違いありません。 ですが、プロジェクトに参加するメンバーのスキルやレベルは必ずしも一致しているとは限らない為、ひと
TechCrunch | Startup and Technology News
When Alex Ewing was a kid growing up in Purcell, Oklahoma, he knew how close he was to home based on which billboards he could see out the car window.…
DIV一個で洒落たボックスを作ってみる！最近知ったCSSを使ったボックス装飾とか色々！ | バンクーバーのうぇぶ屋
CSS3からDIV一個で出来る表現なんかも色々あるんですね。ちょっと前まで超面倒だったボックスのオシャンティーな線の装飾とかぼかしとかグラデになんやらかんやら。DIVボックス一つとっても色々な装飾効果をもたせられるなぁと思う今日この頃。 それこそ、ONE DIVのような一つのDIVで表現できるアイコンを作ってるサイトもあって、CSS3を突き詰めると色々知ることも出来て面白いなぁと思うわけです。 っていうわけで、ONE DIV程凝ったことはできませんが、今日はそんなDIV一個で使えそうなボックスの作り方をいくつかご紹介！擬似要素使ってちょっとちょめちょめしたら縫い付け効果のボックス出来たりと、以外と使えそうなものを選んだつもりなので、一度見てみてもらえると嬉しいです！ちなみに、IEチェックは9だけしてます。8とかはCSSPIE当たりで頑張ってなんとかする方向で…何か変なとこあったら直しますの
ベリサイン、RSAよりも負荷が軽いECC（楕円曲線暗号）をSSL証明書に採用
日本ベリサインは2013年2月14日、SSLサーバー証明書発行サービス「マネージドPKI for SSL」で選択可能な公開鍵暗号方式を拡充すると発表した（写真）。2013年上半期（2月26日を目標）から、従来のRSA（素因数分解による公開鍵暗号方式）に加えてECC（楕円曲線による公開鍵暗号方式）とDSA（離散対数による公開鍵暗号方式）を選択できるようにする。発行料金はRSA/ECC/DSAのいずれも選んでも同一であるほか、RSA証明書（1枚）の発行料金だけでRSA/ECC/DSAの3種類の証明書（3枚分の証明書）を同時に発行できる。 RSA以外の公開鍵暗号を用いた証明書発行サービスは、商用サービスとしては初めて、としている。ECCやDSAの証明書は、これらを利用可能なSSL製品（Webサーバー/Webブラウザーなど）において利用できる。日本ベリサインによれば、現在の主要なWebサーバー/ブ
W3CがHTML5仕様策定完了、勧告候補に。HTML5.1のドラフトも発表
HTML5の仕様策定を進めていたW3Cは17日（日本時間18日）、HTML5とCanvas 2Dに関する仕様策定完了を発表。これら2つの仕様を「Candidate Recommendation（勧告候補）」とし、相互運用性およびテストへ専念する段階へと進めました。 W3CはあわせてHTML5の次バージョンとなるHTML 5.1、およびCanvas 2D, Level 2の第一草案を発表。今後のHTML5関連の機能追加などはこれら次バージョンに対して行われていくことになります。 2014年にHTML5が勧告、2016年にはHTML5.1が勧告へ 9月にW3Cが発表したHTML5の勧告に向けたロードマップ「Plan 2014」によると、2014年に今回勧告候補となったHTML5が勧告となり、その2年後の2016年には次バージョンのHTML5.1が勧告にと、2年単位でのHTML5のバージョンアッ
今年１年何度も読み返したWordPressに関する記事５ | WordPress【ワードプレス】初心者の部屋～使い方知っとこ？
今年1年を通して、何度も読み返した記事を忘れないように整理した。とりあえず、自分のための備忘録。 WordPress で Web製作をしたいけど、PHP はまだちょっとという人の PHP ガイド カスタマイズしたいけど、PHPの知識がないからちょっと…という人におすすめ。 一度目を通しただけで理解するのは難しいけど、何度か読むうちに全体像が頭に入ってきます。 最近は、webデザイナーさんも、システムよりの知識を身につける必要があるみたいで勉強に費やす時間が凄そう。文章量が多いので、読むときは気合いを入れて! WordPress使いならこれだけはやっておきたい本当のセキュリティ対策10項目 | WP-D 自分のサイトにあてはめてチェックしました。内容は基本ばかりだけど、抜けの確認にも最適。SSLを使う僕に死角なし。 WordPressをクライアントワークで使用する際に覚えておくと良さそうな管
width:100%なのにはみ出す理由と回避策。CSSを触るなら必ず理解しなくてはいけないボックスモデルの話。（CSS おれおれ Advent Calendar 2012 – 05日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 05日目 横幅いっぱいに広げようとしてwidth:100%を指定したら横スクロールバーが出ちゃった、という経験ありませんか？ その原因と仕組み、回避策についてお話しします。 わりとFAQな感じ。これは是非覚えておいてもらいたいです。というか知っておいてください。 はみ出した例 position:absoluteないしposition:fixedを使った際にこうなっちゃう事が多いと思います。 上部から出てきたメッセージ欄、横にはみ出てますね。 でも指定はちゃんとwidth:100%です。「幅いっぱい」を指定しているのに、どうしてはみ出てしまったんでしょうか。 「幅」が意味するところ 実はCSSの仕様が定めるところの「幅」というのが、我々が視覚的に認知している「幅」と異なっているのが原因です。 CSSではこんなものを定めています。
ツールなんてどれでも良いですよ
以前から ピクセルパーフェクトなカンプを作ることに意味はないと話してきました。Photoshop や Fireworks のような絵描きツールは、様々は誤解を引き起しますし、ピクセルパーフェクトな世界を作り上げることは、可変で自由自在に変化する Web の世界では不可能に近いです。開発の初期段階でカンプと呼ばれる架空の完成図を作り込むことのリスクは実は大きかったりします。 しかし、それが「Photoshop / Fireworksを使うな」という意味ではありません。 絵描きツールは、ビジュアル面での試行錯誤するときに大変効果的です。指を動かしただけで、すぐに結果が出てくるというプロセスは、コーディングをしてから見るというプロセスに比べると、直感やクリエイティブを刺激し、模索するという気持ちを促進させます。 たったひとつの最強ツールはない ツールの話で不毛だと感じるのが、「俺のツールは凄くて
文系デザイナーでも大丈夫！レスポンシブWEBサイトをWordPressで作ってみよう
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
HTML5 にまつわる誤解を解く
原文: HTML5 mythbusting on November 1, 2012 by Chris Heilmann HTML5 の実用性を巡って昨今繰り広げられている議論は、多くの間違った憶測に基づいています。それは、一度言われてからずっと繰り返されている、そして多くの場合正しいのかどうかまったく検証されていない、HTML5 に関する誤解につながっています。 HTML5 は遅い？ HTML5 の問題について話したがる人たちが必ず主張することと言えばパフォーマンスです。ここでの一番の問題は、そうした比較のほとんどがリンゴとナシの比較に過ぎないという事実を見落としている点です。 HTML5 アプリとネイティブアプリのパフォーマンスを比較することは、オーダースーツと既製品のスーツを比較するようなものです。もちろんオーダースーツは手袋のように体になじみ、見た目は素晴らしいですが、もし後でそれを
WEBデザイナー／フロントエンドデベロッパーが英語と技術を学べる超おすすめのサイト | バンクーバーのうぇぶ屋
先日『技術と英語を同時に、しかも無料で勉強できる画期的な方法 – Google Japan Developer Relations Blog』という記事を拝見させて頂きました。 なるほど、確かにWEB屋であればWEB系のネタを見聞きしながら英語を学ぶってことは非常に有効な学習方法のひとつなのかもしれませんね。こういう話しもネタになるのかと勝手に感銘を受けましたので、僕もひとつ知っているサイトを皆さんとシェアさせて頂ければと思いまっす。 僕は完全にフロントエンドの開発、ディレクション畑の人間なので、自分の興味ある分野としてご紹介するサイトは英語はもちろん技術的なお話を聞くのに超オススメなんですよーってお話す。 ShopTalk: A Web Design and Development Podcast with Chris Coyier and Dave Rupert Chris Coyle
レスポンシブWebデザインで3カラムと2カラムを切り替えるためのCSS
レスポンシブWebデザインで、Media Queriesを使って3カラムと2カラムを切り替えるためのCSSの設定について紹介します。 １．やりたいこと まず、次のような3カラムレイアウトがあるとします。一番左がメインコンテンツで、その右側にサイドバーが2列並んだものです。 あるいは、左右にサイドバーがあるオーソドックスな3カラムレイアウト。 これらの3カラムレイアウトをデバイス幅によって2カラムレイアウトになったときに、サイドバーを縦1列に並べるというものです。 また、メインコンテンツの高さが、サイドバー（上）の高さより低い場合でも、サイドバー（下）がメインコンテンツ側に回り込まないようにします。 さらに、各レイアウトは固定・リキッドのいずれも実現し、レイアウト全体はセンタリングさせます。 上記のレスポンシブWebデザインのサンプルを作るにあたってウェブを検索したのですが、同様のサンプルが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
沈黙のWebマーケティング ―Webマーケッターボーンの逆襲―
layer8.sh
ウェブサイト作成の勉強になった日本語スライドのまとめ
長文日記
Engadget | Technology News & Reviews
あなたのFirefoxをもっとサクサクにするアドオン3選+α | ライフハッカー・ジャパン
