Engadget | Technology News & ReviewsPick up the 9th-gen iPad with two years of AppleCare+ for only $298
プレースホルダーについて考える | Accessible & Usable
公開日 : 2013年3月9日 (2014年5月26日 更新) カテゴリー : アクセシビリティ / ユーザビリティ プレースホルダー (placeholder) とは、入力フォームの記入欄 (テキストボックスやテキストエリア) の中に記述される、入力に関するヒントを示したテキストです。 HTML5 以降は、<input> 要素と <textarea> 要素で placeholder 属性が使えるようになり、HTML の標準仕様として、あらかじめ入力フォーム (記入欄) にプレースホルダーを書き入れておくことができます。 プレースホルダーの例 (Facebook)。検索キーワード入力欄に「友達、スポット等を検索」、投稿入力欄 (近況アップデート) に「今どんな気持ち？」という記述がある。 プレースホルダーをラベル代わりに使わない ところでこのプレースホルダー、記入欄のラベル (項目名) を
clearfixでfloatを解除 | d-spica
clearfixでfloatを解除 2007-03-07 1 0 XHTML/CSS clear, CSS 枠や背景が消えたり，途中で切れたりしたことはありませんか。 floatした要素（ボックス）を含む親要素（ボックス）のborderやbackgroundが途中で切れてしまうことがあります。 左の例では，右側のメニューが終わったあたりで，左右にあるラインも切れています。 floatした要素の高さは親要素の高さに反映されない 分かりやすいようにXHTMLとCSSの例を書いてみましょう。 <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;
iPadのSafari用HTMLで次のように書いておくと縦と横でCSSを切り替えられる - [モ]Modern Syntax
さて、モダシンラジオのデータをホスティングしてもらっているSpotify for Podcasters(旧Anchor）の私のページはこちらです。 https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa このSpotify for PodcastersページのRSSは以下になります。こちらのRSSではenclosureタグなどでlength値などがしっかり入っているのでこれを購読しておくとよいかと思います。 https://anchor.fm/s/66ff2830/podcast/rss ここで聴く！という人は以下のプレイヤーからどうぞ。 んで、これまではGoogle Drive上に保存したmp3ファイルを聞きたい方は以下のリンクをクリックしてください。ブラウザ内で聞けます。 https://drive.google.com/f
iPadに最適化したサイトがつくれるかもしれない5つの方法（基本編） - EC studio デザインブログ
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート（縦向き）であれば 横
Tidy
Tidy is a console application for macOS, Linux, Windows, UNIX, and more. It corrects and cleans up HTML and XML documents by fixing markup errors and upgrading legacy code to modern standards. libtidy is a C static and dynamic library that developers can integrate into their applications in order to bring all of Tidy’s power to your favorite tools. libtidy is used today in desktop applications, we
[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス
Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差 リストにmarginやpaddingを指定した場合、「Internet Explorer」と「Gecko, Webkit and Opera」の各ブラウザで、レンダリングが異なります。 <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel
第3回 jQueryの基本（回答編） | gihyo.jp
お題の復習 まずは前回出したお題を復習しましょう。前回のお題は以下のようなHTMLがあったときにマウスオーバーでサブメニューを表示するようなUIをjQueryを使って書くというものでした。 お題（連載第二回目） お題（連載第二回目） - jsdo.it - share JavaScript, HTML5 and CSS たくさんforkしていただいてありがとうございました。今回は回答編ということでみなさんにこのお題をforkしてもらった作品を紹介しながらjQueryを使ったマウスオーバーでのメニュー表示機能を解説していきます。やってみてわからなかった人は模範解答を参考にしてみてください。 模範解答 ではまず模範解答を見ていきましょう。他にもよくできていた作品はたくさんありましたが、模範解答の例として以下の作品を紹介します。 forked from: お題（連載第二回目） - jsd
jQueryで折れ線グラフを表示してみる « エンジニアのためのUI改善講座
データで魅せよう 情報の見せ方には様々なものがありますが、グラフほど分かりやすく、直感的な情報の見せ方は無いと思っています。データの羅列はただそれだけの情報で、そこから新たな発想や推測を生み出すのは難しいでしょう。 グラフ表示というと、Flash系の技術でFlex等が得意なイメージがありますが、JavaScriptでも十分に実現可能です。今回はjQueryとHighchartsを使って、グラフ表示を実現します。 情報をただ見せるだけでは退屈です。「魅せて」いきましょう。 まずはグラフを見てみる グラフ描画の元データはこのJSONデータです。この中身が変わると、ダイナミックにグラフの内容も変化します。また、グラフの各頂点にマウスのポインタを当ててみて下さい。数値がツールチップ方式で表示されたかと思います。 このグラフが簡単に描けたら、UIは劇的に改善出来ますね！やってみましょう。 jQuer
グラフを描く
例 y = sin x のグラフです。仕組みはソースを見てください。 canvasとは canvas要素はHTML 5で描画するための新しい仕組みです。座標は左上隅が原点で，右が x，下が y の向きです。 canvasの使い方 このページの例は次のようにしています。 <head> ...(略)... <script> function draw() { const canvas = document.getElementById('MyCanvas'); const context = canvas.getContext('2d'); context.strokeRect(1, 1, 628, 200); context.beginPath(); context.moveTo(1, 101); context.lineTo(629, 101); context.stroke(); con
エムスクール - Adobe製品の短期研修はアドビ認定トレーニングセンター | m-School
ｍ－School を終了させていただくことになりました この度、新型コロナウイルスの感染拡大による様々な影響を鑑み、 教室にて集合研修を行わないことを決定しました。 これに伴い、2020年6月30日（火）をもちまして、サービスを終了致しました。 長きに渡り多くのお客様にご利用いただきまして、誠にありがとうございました。 今後は、弊社が強みとするeラーニング事業、AI事業、学校教務支援システム事業等を より一層強化し、質の高い未来志向のICTソリューションを積極的に提供して参ります。 引き続きエスエイティーティー株式会社をお引き立ていただきますよう、 宜しくお願い申し上げます。 お問い合わせ先：エスエイティーティー株式会社 Copyright ©2020 SATT, Inc. All Rights Reserved.
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
[使える CSS テクニック] CSSで実現するプルダウンメニュー | バシャログ。
使える CSS テクニックの第 4 回は「CSS で実現するプルダウンメニュー」です。 確認ブラウザは IE7、Firefox2、Opera9、Safari3.1 です。 CSS のみでは IE6 対応が不可能ですが、IE の独自機能（DHTML）を併用することで IE6 でもプルダウンメニューを実現しています。 まずは、以下のサンプルをご覧ください。 シーブレイン コーポレート WEBサイト制作 マニュアル制作 ローカライズ 検索エンジン Yahoo! Japan Google Goo excite Biglobe 週刊少年漫画 少年ジャンプ 少年マガジン 少年サンデー このサンプルの HTML は以下のようになっています。 <ul id="pulldown-menu"> <li><a href="#">シーブレイン</a> <ul> <li><a href="http://c-brai
![[使える CSS テクニック] CSSで実現するプルダウンメニュー | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
JavaScriptで階層型プルダウンメニュー - Good Sleep｜Webデザイナーの日々のスキマ
Ajaxで作る階層型メニューバー｜SpryMenuBar.js 以前、「JavaScriptでプルダウンメニュー（DropDownMenu.js）」という記事をこのブログで紹介しました。するとこの前、階層を増やしたサンプルはできませんか？という問い合わせがあり、試しに作ってみたしだいです。 以前プルダウンメニューを作る際、実は右の本に出ていたSpryMenuBar.jsを使って作ろうと思っていました。ただ、CSSの設定が結構複雑でちょっと触るとレイアウトが崩れてしまうし、ウチの環境では、IE6で２階層目のメニューがズレて表示されてしまうので、別の方法で作りました。それが前回のDropDownMenu.jsを使った方法です。 しかし、DropDownMenu.jsで３階層目を作ろうとした所、結構大変だという事が分かり、もう一度、SpryMenuBar.jsに挑戦せざるを得なくなりました。 S
ウェブコンテンツ・アクセシビリティ・ガイドライン 1.0
E-mailｼ嗹ebmaster@zspc.com Copyright © 1996-2000 ZSPC. All Rights Reserved. All pages except color chart are written in Japanese. g src="/static/zspc.com-vcss.gif" alt="Valid CSS! | " height="31" width="88" border="0"> g height="31" width="88" src="" alt="Level A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0" border="0">
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ShapeUp HTML!ダウンロード