Internet Explorer デベロッパー センターThe new Microsoft Edge is here and now available to download on all supported versions of Windows, macOS, iOS and Android.
Firefoxでモバイル端末をシミュレートする独自アドオン「FireMobileSimulator」を公開します - 遙かへのスピードランナー
★重要★2008/11/15追加：公式サイトFireMobileSimulator.org開設にともない、この記事の更新はストップします。今後のアップデート情報は公式サイトで行いますのでよろしくお願いします。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリアの提供するシミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法は、それぞれに不足している機能があったり、またITに詳しくない人とかだと導入段階でつまづいてしまったりします。 そこで、もっと簡単にモバイルサイトをPCで見るために便利なツールを作成しました。 Firefoxを簡単に携帯シミュレータにできるアドオンです。モバイル端末のHTTPリクエストや絵文字表示をシミュレートすることができます。３ヶ月
Web2.0デザインジェネレーターいろいろ-２００８年８月:phpspot開発日誌
Web 2.0 Design Generators For Developers | 84 Bytes here is a handy list of online tools to help you save time and effort creating nice graphics for your sites or apps. Web2.0デザインジェネレーターいろいろまとまっていました。 過去にいろいろとこうしたツール系は書いてきましたが、まだ知らないものもありました。 ボタン As Button Generator Buttonator.com My Cool Button ローディング画像 AJAXload.info AJAX loading Gif generator バッジ Web 2.0 Badges Fresh Badge リボン QuickRibbon Websit
Great flash MP3 and FLV player by Jeroen Wijering
JW Player End-to-End Video Delivery & Monetization Platform Enabling video-driven companies to deliver and monetize content using a single unified platform for Live & VOD. Broadcasters Publishers Advertisers Purpose-Built for Broadcasters, Publishers, & Other Video-Driven Businesses Innovative industry solutions to flawlessly stream video, improve audience engagement, and better monetize video con
ヨモツネット
この Web サイトの概要 ヨモツネットは、気になった技術の実験場と個人的な日記を中心としたサイトです。主に卓矢エンジェルや、Web 関連についてを話題にしています。 卓矢エンジェルとは 卓矢エンジェルは、デザインに陣羽織、振袖、手甲、鎧、脚半などといった和なテイストを取り入れたファッションブランドです。卓矢エンジェルを着る人たちはエンジェラーと呼ばれ、ゴシックやパンク、デコラなどのようにひとつの系統として分類されています。 この Web サイトの構成 日記 日々の出来事や Web についての話題を題材にした日記 実験室 便利な javaScript の配布や、マークアップの Tips など 自己紹介 この Web サイトの制作者について お問合せ 制作者への連絡用メールフォーム リンク 友人の Web サイトなどへのリンク このサイトについて 著作権、その他の情報などについて
ユーザビリティの高い、使いやすいフォームを制作するための12のポイント
Li'l Engineのエントリー「ユーザビリティフォームのためのチェックリスト」の意訳で、ユーザビリティの高いフォームを制作するための12のポイントの紹介です。 Checklist for Usability Forms 不明な箇所は英文のまま記載してましたが、皆様の協力により3,5を和文にしました。 フォームは正しく入力できるように、可能な限り簡潔に。 フォームには、必要なインフォーメーションを含める。 タイトル：なんのためのフォームか フォームのヘルプ キャンセル(中止)の選択肢 入力すべき項目は、多くしない。 重複する入力項目は設置しない。 フォームの公開後しばらくしたら、収集したデータが実際に使用されているかチェックする。利用されていないものがあれば、収集しないようにする。 長いフォームは紛らわしいので、分ける。 タスクごとに分ける それぞれのページごとにチェックをし修正すること
3分LifeHacking：Webサイトのブラウザ別スクリーンショットを一括取得する - ITmedia Biz.ID
自分のWebサイトが、ブラウザによって、またはOSによってどのように見られているか――。いちいちブラウザをインストールするのも面倒だし、OSの切り替えはもっと難しい。オンラインで手軽にチェックできるサービスを紹介しよう。 Webページの表示に利用するブラウザやOSなど、人によって利用環境はさまざまだ。自分の環境ではきちんと表示できるWebページでも、他人の環境では見え方がまったく違っていて、レイアウトがガタガタだったり、最悪の場合は一部が表示されないなど、ヒサンな状態になっていることもしばしばだ。 最近であれば、個人のブログが要注意。さまざまなブログパーツを共存させている場合は、ブラウザやOSなど条件の違いによってレイアウトが崩れる確率も高くなる。こうした事故はなるべく防ぎたいと思っていながらも、チェックの手間がかかることから、半ばあきらめている人も多いのではないだろうか。 今回紹介するの
Download and Install the CSS Validator
CSS Validation Service Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets Download the CSS Validator The CSS validator is available in three different packaging: from Git for developers who want the very latest version, as a jar archive to build applications and for use as a command line tool, and (since 2009) as a war archive for server-side applications. Download the sour
[N] ウェブ開発者・デザイナーのためのFirefox機能拡張リスト
30+ Firefox Add-ons for Web Developers & Designersというエントリーより。 Firefox has cool add-ons which make the job of website designers and developers much easier. Mashableが、ウェブ開発者・デザイナーのためのFirefox機能拡張リストをまとめていました。30種類以上の機能拡張がジャンル別に紹介されています。 ■CSS CSSを確認、チェック、編集することができる機能拡張。 ・Aardvark ・chromEdit ・CSSMate ・CSS validator ・CSSViewer ・EditCSS ・IE Tab ・Style Sheet Chooser II ■Debugging and Analysis HTMLの確認、リンクチェ
![[N] ウェブ開発者・デザイナーのためのFirefox機能拡張リスト](https://cdn-ak-scissors.b.st-hatena.com/image/square/4551a4c386239a8a918ba852f25cb4d77440b9fb/height=288;version=1;width=512/https%3A%2F%2Fnetaful.jp%2Fwp-content%2Fuploads%2F2021%2F03%2Fog-image.png)
ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
miyakeです。Webアプリケーションにおけるユーザーインタフェースの代表格と言えばフォーム。今日はそんなフォームのUIを作るに当たって、普段自分が心掛けていることをつらつらとご紹介します。 ■チェックボックスやラジオボタンはfieldset,label要素でくくる チェックボックスやラジオボタンには一般的にその内容を表すテキスト（ラベル）が付けられますが、input要素だけでマークアップした場合、チェックボックス（ラジオボタン）の部分しかクリックすることができません。 label要素を用いることで、ラベルの部分をクリックしてフォームを操作することが可能になります。これは是非設定しておきましょう。 ラベルをクリックできると思って期待を裏切られると、かなりのストレスになりかねません。 また、そのチェックボックスやラジオボタンのグループをfieldset要素で囲んでおくことをお勧めします。マ
デジハリでは教えてくれない（かもしれない）、Webディレクターの基礎知識 : LINE Corporation ディレクターブログ
こんにちは、佐々木です。 Webディレクターに必要な基礎知識って何？ という問題を考えるにあたって、『デジハリ』のようなスクールのカリキュラムを参考にしてみることにしました。まずは下記のリンク先をご覧ください。 Webディレクター専攻｜クリエイターズスクールデジハリ 網羅的にあらゆることを勉強するカリキュラムになっています。もちろん、それぞれの分野におけるエキスパートを目指す必要はないのですが、とりあえず知っておくべきことだけでもかなりたくさんあります。 Webディレクターの場合、この「とりあえず知っておく」ということがとても重要です。 個人の技術が問われる場面であれば、「ちょっと知ってる」というのは「まったく知らない」のと同じ意味でしかありません。しかし、専門の異なるエキスパートたちをまとめてプロジェクトを進める場面になると、「ちょっと知ってる」ことと「まったく知らない」ことの間には大き
12 のレイアウトを切替可能なテンプレート
1つのテンプレートで 12度おいしい XHTML + CSS テンプレートを公開してみたいと思います。といっても、ごく普通のテンプレートに CSS 切り替え機能を付けただけなんですが、Blog や Webサイトを作られる際のベースとして役立てて頂けたらうれしいです。 サンプルはこちらで確認できます 全ファイルのダウンロードはこちら （zip ファイル / 50KB） 8/10 追記 初期に配布したテンプレート内に、結構な量の誤字等がありましたので、現在の最新版を下記からダウンロードしてください。 では使い方などの説明を。 ファイルをダウンロードして解凍すると下記のようなフォルダ構成になっています。 index.html （XHTML テンプレート） css （CSS ファイル格納フォルダ） img （画像ファイル格納フォルダ） js （JavaScript ファイル格納フォルダ） 基本的に
渡辺「Webアクセシビリティ -標準準拠でアクセシブルなサイトを構築/管理するための考え方と実践（仮題）」
Webアクセシビリティ普及のため、『Webアクセシビリティ -標準準拠でアクセシブルなサイトを構築/管理するための考え方と実践』（毎日コミュニケーションズ）の1章をWebで公開します。 （原著"Web Accessibility: Web Standards and Regulatory Compliance"の1章も"Understanding Web Accessibility"で公開されています。） 最終修正： 07/10/23 14:34 by 渡辺 『Webアクセシビリティ -標準準拠でアクセシブルなサイトを構築/管理するための考え方と実践』 第1章：Webアクセシビリティを理解する Shawn Lawton Henry 著 （渡辺隆行 訳） 目次 はじめに 1. Webアクセシビリティとは何か? 1-1. Webアクセシビリティの例：代替テキスト 1-2. Webアクセシビリテ
ロゴとか作るときに使える地味なテクニック - 3ping.org
ウェブ製作では、閲覧者の環境にないフォントを使用するときは画像として製作してimg要素で貼り付けたりCSSで背景画像として表示させたりすることがありますが、そういうテキストを含む画像を作るときにはFLASH8のFlashTypeで作ると通常のアンチエイリアスより綺麗にできちゃう。 FlashTypeっていうのは、WindowsXPに搭載された ClearTypeと同じ仕組みのアンチエイリアス技術で、液晶モニターでは特にその視認性が優れています。ClearTypeは日本語フォントには対応していませんが(Vistaの新日本語フォントのみ対応)、FlashTypeでは英字・日本語フォント全てに対応しており、カスタムアンチエイリアスパネルで細かく調整できます。 次の画像はPhotoshopで製作した通常のアンチエイリアスと、FlashTypeを比較したものです。 中間色ではそれほど変化はみられませ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
トップ-ウェブアクセシビリティチェックサイトHAREL
透明感のあるデザインをJavaScriptで実装する（glassbox.js） - youmos
背景パターンいろいろ - DesignWalker
wordpressについて30個のブックマークまとめ*ホームページを作る人のネタ帳
使われていないCSSセレクタをブラウザからチェックできる『CSS Redundancy Checker』 - Chocolate（チョコレート）
youmos - 新しいWebビジネスや技術アイデアを活性化するWebマガジン