2015年2月2日（月）に大阪産業創造館で行われた「今こそ取り組むウェブアクセシビリティ」というセミナーに参加してきました。 色々と考えさせられる内容でしたので、聞いて思ったことをまとめていきます。 目次 アクセシブルなウェブサイト構築とCMSの活用 アクセシビリティチェック 基本の「キ」 PowerCMS 8341 のご紹介 デザインから取り組むWebアクセシビリティ まとめ アクセシブルなウェブサイト構築とCMSの活用 最初のセッションはシックス・アパート株式会社のMovableTypeエバンジェリストの長内さんのお話でした。 今回のセッション中に共通項として語られた「アクセシビリティは障害者のためだけのものではない」という部分をはじめとして、アクセシビリティの基礎的な考え方や、CMSについてすごく分かりやすく説明してくれました。 セッションは最初が肝心だと僕は思っていて、最初に「アク
Facebookにログインして、友達や家族と写真や近況をシェアしましょう。
大変です。 Facebookのデバッガーに、明確にキャッシュクリアボタンが実装されました。 Open Graph Object Debugger https://developers.facebook.com/tools/debug/og/object/ The new function has been available on “Open Graph Object Debugger”(old “URL Linter”). That is the function that “definitely” clear the cache. Open Graph Object Debugger https://developers.facebook.com/tools/debug/og/object/ 今までこのキャッシュ問題には世界中の制作者が苦しめられてきました。 特に画像はなかなかキャッシ
#Chrome DevTools Chrome DevToolsはHTMLやCSS、JavaScriptのデバッグを行うツールです。これを用いて、その場でHTMLやCSSなどの実際にブラウザが表示しているファイルの更新を行うこともできます。 HTMLやCSSの編集を実際に表示しながら行うことができるのは大変便利ですし、その結果をファイルに直接反映することもできます。 Workspaces - Persistent authoring in the DevTools [Chrome] DevToolsのWorkspaceでローカルプロジェクトをライブエディット&デバッグする ##DevToolsでSVGの簡易編集 実は、このDevToolsでSVGの生ファイルを扱うことができます。 たとえば、この有名なSVGファイルを開いているとします。 ここでこのSVGの特定範囲を選択し、[要素を検証]
LEADING BRANDS TO DIGITAL WE ARE A DATA-DRIVEN MARKETING AGENCY FICCはデータに基づく論理的なマーケティングを提供するデジタルエージェンシーです。 消費者に価値あるコンテンツと体験を届けるため、戦略立案から施策実行まで一貫して提供しています。
From the developers who build Node.js, StrongLoop offers professional-grade support, consulting and training for Node.js.Over the years, Node developers have come to rely on Danny Coates’ node-inspector npm module to debug their applications. While popular, the community has nonetheless been clamoring for additional features. Node-inspector has also been in need of an infrastructure refresh with G
主要なブラウザ「Chrome・Safari・Firefox・Internet Explorer」のビギナー向けデバッグツールが紹介された勉強会のエッセンスをお届けする。 2013年3月21日、新宿で行われたhtml5j.org主催の第37回HTML5とか勉強会に参加してきました。 今回のテーマはビギナー向けデバッグツール特集ということで主要なブラウザ「Chrome・Safari・Firefox・Internet Explorer」のデバッグツールに加え「Adobe Edge Inspect・Edge Reflow」の紹介が行われました。 筆者もそうですが、普段何となくデバッグツールを使っている方が多いと思います。しかしデバッグツールは、上手に活用することでWebサイト・アプリケーションの効率的な開発を行ったり、パフォーマンスチューニングの際に問題となる部分を素早く特定できたりする便利なツー
http://www.mxg-777.com 있잖아요 저희 소셜 그래프게임 밤낮없이 지키고 있어요 그러니까 필요하시다면 카톡을 주시던가 채팅창에 말해주시면되요 그러면 24시간 언제든 연락 가능 합니다. 그러니 걱정 노노노 아니면 게시판에 남겨두셔도 되고요 저희와 소통할 방법 많아요 오늘은 저도 직접 게임을 했는데요 어우 진짜 많이 땃어요 사실 그냥 이거 접고 게임이나 하고 다닐까 생각해봤는데 그건 무리죠 저도 소셜 그래프게임 운영 책임이 있는데요 그래서 그냥 환전 안하고 이벤트로 뿌렸어요 다들 좋아하셔서 소셜 그래프게임 운영하는게 뿌듯했네요 그럼 오늘도 이만입니다!
これからはじめるフロントエンドJavaScript：はじめまして。JavaScript（1）（1/2 ページ） はじめに 一昔前、リッチなWebサイト、Webサービス のUI構築は、Flashを代表格とするプラグインを利用したUIの構築が一般的でしたが、近年、Flashなどのプラグインを搭載しないモバイル端末の登場により、その情勢が変わってきました。 もともと、2000年代前半からJavaScriptによるリッチなUI構築に関しては注目されてきましたが、ブラウザが搭載するJavaScript実行エンジンのパフォーマンスや、体系的に構築するためのフレームワークがそろっていないこともあり、まだまだ普及するレベルではありませんでした。 2000年代後半から、prototype.jsを皮切りに、JavaScriptを実行する際に頭を悩ませてきたブラウザ間の仕様の違いを吸収してくれるようなライブラリ
Howdy folks! Welcome to another round of Smashing Magazine CSS Q&A — the final one, as of now. One more time, we’ll answer the best questions which you sent us about CSS. Howdy folks! Welcome to another round of Smashing Magazine CSS Q&A — the final one, as of now. One more time, we’ll answer the best questions which you sent us about CSS. It was a great experience to run this Q&A with you - thank
paulirish/browser-logos · GitHub バグを見つける 表示系のものならスクリーンショットをとっておく すでに報告されていないか調べる ブラウザごとのバグトラッカーで検索してみる サポートフォーラムなどコミュニティに相談してみる ブラウザの種類とバージョンの絞込み 他のブラウザでは発生するか. 他のバージョンでも発生するか (stable を使っているなら beta や nightly でも見てみる等) テストケースの最小化 バグを再現させる最小のテストケースを作ります 今回出会ったのは表示系のバグだったので, html / css を削りながら現象を再現させていき, 同じ現象が起こる最小の html を作りました バグの報告先とフォーマットの確認 ブラウザごとにバグ報告のガイドラインがあるはずなので, それを読めばどのように報告すればよいかわかるはずです chr
JavaScriptはconsoleで確認したい。FirefoxのFirebugプラグインやGoogle Chrome Developer toolsの登場以来、人はその快適さに心を奪われ、consoleの無いブラウザで確認するという習慣を捨てた。 タイトなスケジュールで新規ページを作成する際、ついついIE6/7（すっとこどっこい）の確認をおろそかにしてしまうことがあります。その理由にデバッグの方法が面倒という点が挙げられます。 IE8からは開発者ツールを使ってconsoleを用いたデバッグが可能ですが、問題はIE7以下です。いざデバッグをする必要が出た時に困らないよう、IE6含む複数バージョンでJavaScriptのconsoleデバッグが出来る環境を整えておきましょう。 IETesterではJavaScriptのデバッグができない 複数バージョンのIEの表示確認のためのIETester
In Responsive Web Design we’re working with different states, widths, and viewport sizes. Fluidity and adaptive behavior is a hot subject nowadays, and it’s perfectly justified when looking at today’s mobile browser landscape. We achieve this with CSS’s Media Queries. But sometimes it can be messy – I’m gonna share a quick tip for indicating (with pure CSS) which media query that has actually kick
色々な人に同じことを教えている気がするのでまとめておく。 他の言語でもいいので、変数、分岐、繰り返し、関数くらいがわかってたら、下のことにとりかかっても早くない。 上の方が効果/学習コストが高い。 ##困ったらChromeデバッガ とにかく困ったらChromeデバッガを使う。jsもcssもhtmlもChromeデバッガを使って確認する。 使い方は一通り勉強した方がいい。 ##とりあえずjQueryとcoffeescriptを使う jsのmvcフレームワークとかに比べると学習コストが激安。 初心者であれば、とりあえず使っておいて間違いない。 ##検索は、「javascript+◯◯」ではなく、「jquery+◯◯」 生jsを排除してなるべくjQueryに寄せて書くことで、IE対応を減らせる。記述量も減る。 ##変数を一つのグローバルなオブジェクトにまとめて格納する 名前空間の汚染を小さくする
After starting the test-suite it will automatically run a large number of small tests which will determine if your browser is compatible with a large number of CSS selectors. If it is not compatible with a particular selector it is marked as such. You can click on each CSS selector to see the results, including a small example and explanation for each of tests. Because it is technically not possib
自分用メモ。wp-config.phpの設定 で出来る事のリストです。よくある カスタマイズは、テーマファイル内 にコードを書きますが、wp-config で出来る事を知っておくのもとても 大事ですね。 普段あまり利用しないので覚えてないし、困ったときはいちいち探してるので時間をロスしないようにメモしておきます。 スニペットのメモリストですし、細かい解説は面倒なんでしません。また、「wp-configってなんだろう？」という方には全くお役に立てないと思います。 wp-config.phpで出来る事リスト 以下リストです。古いバージョンの事は視野に入れてません。 リストはCODEXのwp-config.phpの編集から抜粋しています。 ※変更前にバックアップして下さい ※自己責任でお願いします ※コード一覧は記事最下部に有ります 01. デバッグモードにする define('WP_DEBUG
I was helping Laura (a developer who works with me) learn about cross-browser debugging this week, which got me excited to share my process. The first principal is simply: Work with CSS, not against it. CSS has an underlying design and when you work with it, with the natural flow of how CSS is meant to be used, you will find you have a lot less bugs. I learned CSS by reading the W3C specifications
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く