CSS Gridとアクセシビリティについて気になっていたこと
前回の記事でCSS Gridは「魔法の杖」だと書きましたけど、1つ気になっていたことがあります。 それは、HTMLソースの順番（ソースオーダー）と視覚的な順番（ビジュアルオーダー）にまつわるアクセシビリティについてです。FlexboxでもそうなんですがCSS Gridを使うとCSSで表示順を変更することができます。そうするとHTMLソースにあるコンテンツの順番とブラウザで表示される順番が異なる場合が出てくるわけですね。 「でも、それってアクセシビリティ的にはどうなんだろう？」というのが気になっていました。 マルチデバイス対応のレイアウトを考える際、CSSで表示順を変えられるのはものすごく便利で、まさにここがCSS Gridの「魔法の杖」的な要素の一つでもあるわけです。でも、技術的にできるからといって考えなしにやっていいかというと、そんなことはないですよね。 調べてみたところ、CSS Gri
Google Web フォント完全ガイド！使い方や 参考にしたいサンプル例まとめました。
どんなデザインにおいても、ただしいフォント選びが成功の鍵となります。見た目だけでなく、読みやすさも考えながら、フォントの組み合わせを考えるのに悩んでしまうこともしばしばです。 フォントの組み合わせについては、これまでにもいくつか（1/２/３）の記事を紹介していますが、今回は、Google Web フォントを利用した、実用的でデザインも美しいサンプル例をまとめています。 目次 Google フォントとは？ Google フォントの実装方法 実用で使える、Google フォントの組み合わせ パート１ 実用で使える、Google フォントの組み合わせ パート2 Google Web フォントを見つけやすくする Font Library Google 謹製、日本語 Web フォント「Noto Sans Japanese」 Google Font とは? 通常、ブラウザで表示できるフォントは、ユーザ
中高生でも簡単に利用できる個人間送金の方法とそれを取り巻く経済圏
２日前の記事で、メルカリの「売買システム」の部分だけが利用される使われ方を紹介しました。 ただ実は、単なる送金であれば、メルカリを利用した送金よりもずっと単純でよく知られた「個人間送金」の手段があったりします。 前述の記事への反響の中で、この方法への言及が（見た範囲では）見当たらなかったので、今回はその個人間送金の方法と、実際の利用例を紹介したいと思います。 目次 1. 「iTunes払い」1.1. メリット1.2. 柔軟性1.3. プリペイドカードの特殊性1.4. 現金化（詳細後述）2. 利用例2.1. スマホゲームのアカウント売買2.2. 自演招待代行2.3. チート行為代行2.4. その他にもいろいろな目的で3. リスクの存在3.1. 使用済みコードリスク3.2. 横取り4. 詐欺のリスク5. 安心を求めて「メルカリ」が台頭6. その他の「iTunes払い」の利用6.1. 詐欺での利
クリエイティブ業務に関わる皆さまへ有料写真、インターネット上の無断使用で著作権侵害が認められ勝訴
ストックコンテンツの企画・商品開発を手がける株式会社アマナイメージズ（本社：東京都品川区、代表取締役社長：石亀幸大）はこの度、当社が有料で販売する写真素材が他社Webサイトに無断で使用され損害賠償を請求した事案について、著作権および著作権人格権、独占的利用権の侵害が認められ勝訴したことについてご報告します。 本件はこれまで、有料で販売する写真素材の無断使用※1が発覚しても他のサイトから入手したと主張して損害賠償に応じないことが多かった無断使用者に対して、無断使用の事実を証明すれば（他からの引用でないことを証明しなくても）写真の著作権侵害等による損害賠償が認められ勝訴した重要な裁判例となります。すなわち著作物の違法使用が立証しにくいインターネット上の無断使用行為を舞台として上記のような判決が下されたことは、インターネット環境が普及した現代に適合した、権利者を守る画期的判決と言えます。広告業界
ウェブ制作がメチャ捗るGoogle Chromeの「超優秀スマホプレビュー機能」を君は知っているか？ – 和洋風KAI
スマホファーストという声が大きくなって幾星霜。 スマホレイアウトありきでウェブ制作されることも多くなったと思います。 みなさんどうやってスマホレイアウトを作ってますか？ もしかして実機でわざわざ確認したりしてませんか？ 実は、Google Chromeは大変優秀なプレビュー機能を備えていたのです。デフォで。しかも無料。 Google Chromeの超優秀スマホプレビュー機能が凄い！ さっそく、Google Chromeの超優秀スマホプレビュー機能を使ってみましょう。 ①スマホレイアウトを確認したいページにいって、右クリックし、「要素の検証」をクリックしましょう。↓↓ ②左上にあるスマホアイコンをタップします。↓↓ ③すると、Google Chromeがスマホプレビュー機能モードになります！↓↓ ④Deviceをクリックすれば、Androidだけじゃなく、iPhoneの液晶サイズにも変更でき
Chromeの右上にある名前の消し方
KinKi剛LOVE @aomixer Chromeの右上（閉じるボタン付近）に自分の名前が表示されるようになった・・改悪としか思えん。非表示にしたいのに設定もない。ごみすぎる。。。 2015-01-14 10:01:21
3media.biz - 3media リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
デザイナー・ノンプログラマにおすすめしたいThree.jsのカンタン3D体験 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアののびすけです。最近毎日ハムスターになる夢を見ます。 前回の記事「圧倒的な3D表現にWebの未来を感じるWebGLを使ったサイト・デモ20選」にまとめましたが、WebGLを使ったサイトが最近話題になっていますね。 従来の平面で考えるWebの時代から次の時代への移り変わりを感じる今日この頃です。 今回は実際にWebGLを使った3D表現にチャレンジしてみます。 JavaScriptで記述しますが、初心者向けにまとめたのでノンプログラマやデザイナーの方にもチャレンジしてほしいです！実際にコード書くところは5分（早い人なら1分）でできると思います。 そもそもWebGLとは PC上で3Dを描画するための技術にOpenGLというものがあります。OpenGLは3DグラフィックスAPIとも呼ばれていて、様々なプラットフォームに対応しており、広く普及しています。 このOpenGLをWe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ制作技術を詰め込んだテンプレートが作れる『Mega Boilerplate』 | 100SHIKI
Flipsblog.jp
バイラルメディア界隈で仁義なき戦いが勃発中(山本一郎) - 個人 - Yahoo!ニュース
Blender で作った3DCGをHTMLに出力するプラグイン「Blend4Web」 - 強火で進め