グーグル、新OS「Fuchsia」を開発中
Googleが、Linuxカーネルに依存しない新しいオープンソースOSの開発を進めている。 「Android」と「Chrome OS」はLinuxをベースにしているが、Googleの新OS「Fuchsia」では、組み込みシステムから高性能スマートフォン、PCまで、あらゆるIoT（モノのインターネット）デバイスを動かすのに適した軽量かつ高機能なOSの開発を目指し、Linux以外のカーネルを採用している。 Linuxカーネルに代わって、Googleの新OSは「Magenta」を採用している。Magentaのベースである「LittleKernel」は、「FreeRTOS」や「ThreadX」といった組み込みシステム向け商用OSのライバルだ。 Android Policeによると、Magentaは（ユーザーアカウントを要する）ユーザーモードをサポートし、また「Android 6.0」のパーミッショ
JQueryを使ってプルダウンでコンテンツ内の要素表示切替 – lesson me
正直ネタがないのでメモ的感じで。 初回読み込み時は、すべてのエリアの情報を表示して、プルダウンでエリアを選んだ場合は選んだエリア以外を非表示にしたいとき。 htmlはこんな感じ。別に何も変わらないけどhtml5。 <section id="list"> <article> <select id="area_select"> <option value="all" selected>エリアを選択</option> <option value="area_tokyo">東京</option> <option value="area_hokkaido">北海道</option> <option value="area_tohoku">東北</option> <option value="area_niigata">新潟</option> <option value="area_hokuriku"
option要素のプルダウンメニューテンプレート［セパレーター・年号・都道府県］ | kotaログ
フォームで使用するoptionですが、年号など決まった形のものはテンプレートがあると便利です。選択できないセパレーター、西暦・和暦（平成／昭和）・月・日、都道府県のoption要素です。記事の最後には一式ダウンロードのファイルもリンクしています。 ソースコード（一部）選択できないセパレーター<p> <select> <option value="" selected="selected">選択して下さい</option> <option disabled="disabled" >--------</option> <option value="選択肢01">選択肢01</option> <option value="選択肢02">選択肢02</option> <option value="選択肢03">選択肢03</option> <option value="選択肢04">選択肢04</
WAI-ARIA をマークアップに取り入れたシンプルなタブ
2015年はアクセシビリティに関わる案件をやったりしていたので、特に WCAG 2.0 やらの対応が必要とは言われてない案件でも意識するようになったりしました。 そんな中で、タブ実装が必要な案件が有ったので、WAI-ARIA をマークアップに取り入れたタブを実装してみました。 せっかくやってみたので、今回は機能自体はとてもシンプルだけど、WAI-ARIA をマークアップに取り入れたアクセシブルなタブを紹介するです。 「WAI-ARIA ってなにそれ？おいしいの？」みたいな方や「単純にシンプルなタブを使いたい！」って方でも使えると思います。 見た目は一切整えてないのでひどいもんですが、以下がサンプルになります。 JSは aria-hidden、aria-selected の値を変えるのに使っているだけなので、マークアップも自由度が高いですし、CSSで好きにデザインを当てる事ができます。 カッ
jQueryとCSS3でマテリアルデザインのハンバーガーメニューを実装してみる
このブログのリニューアルしたときにマテリアルデザインのハンバーガーメニューをjQueryとCSS3を使って再現してみました。Googleのアプリで初めて見た時には面白くて無駄に何度もアニメーションさせていましたｗ 今回は自分の備忘録としてまとめておきます。 どれも見ていて気持ちがいいアニメーションですね。 デモ・動作について これらを踏まえてまずはデモをご覧ください。 Demo zipファイルをDownload 左上にある三本の線を押すと… アニメーションしながら矢印へと変化していきます。そして、左からメニューがスライドして表示されます。 対応ブラウザ・ソース解説 Firefox最新版・Chrome最新版で確認しております。 IE9ではCSS3 animationやtransitionの対応していないため、ハンバーガーメニューとメニュー開閉のアニメーションが動作しません。 IE8以下ではハ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
