タグ

CSSとHTMLに関するpmintのブックマーク (9)

  • MDN Plus

    ////////////   ////////////   ////////////   ////////////   ////////////   ////////////   ////////////  ++++++  ++++++  ++++++  ++++++  ++++++  ++++++  ++++++{{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}     ../../    ../../    ../../    ../../    ../../    ../../    ../../<></><></><></><></><></><></><></><></><></><></><></><></><></><></><></><></> AI HelpGet real-time assis

    MDN Plus
    pmint
    pmint 2022/06/18
    MozillaのMDNをもっと便利に。更新されたときの通知や、DevDocsのようにローカルにダウンロードして使うなど。今後は日本でも有料プランができるみたい。
  • MDN Web Docs

    Resources for Developers, by Developers Documenting CSS, HTML, and JavaScript, since 2005. / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + { { { { } } } } { { { { } } } } { { { { } } } } { { { { }

    MDN Web Docs
    pmint
    pmint 2019/04/22
    Firefox Developer Edition の広告を載せていいものなの?
  • 実装チェックリスト - 情報バリアフリーポータルサイト

    試験では、まず実装チェックリストを使用して、実装チェックを行います。以下の実装チェックリストは、当ネットワークがUnderstanding WCAG 2.0(日語訳)(外部リンク)とTechniques for WCAG 2.0(日語訳)(日語訳)(外部リンク)を元にして、ウェブアクセシビリティ基盤委員会「JIS X 8341-3:2016 試験実施ガイドライン」(外部リンク)を参考に、独自に作成したものです。ご使用は自己責任でお願いいたします。間違いを発見された際は、ご連絡をいただければ修正いたします。 実装チェックリスト(HTML版)

    pmint
    pmint 2018/10/05
    アクセシビリティのチェックリスト
  • HTMLコーディングの人気のスタイルは? アンケート結果から分析するイマドキのウェブ制作事情 - ICS MEDIA

    ウェブ業界の当たり前だと思っていることでも、同業他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・ この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載第3回目となる記事ではウェブ業界の「HTMLコーディング」や「フロントエンド」を中心にアンケート結果を紹介します。アンケートは筆者のTwitterから実施していたものです。 CSSのレイアウトに使うのはFlexboxが多い ウェブサイトの大枠レイアウトを組むときに一番使っているCSSの種類を質問しました。 727票の回答があり「float」が32%、「Flexbox」が51%、「Grid Layout」が11%、「table」が6%でした。 Flexboxが最多となったのは、未対応ブラウザ(例:IE9)が無視できるシェアまで下がったことや、floatよりFlexboxのほうが

    HTMLコーディングの人気のスタイルは? アンケート結果から分析するイマドキのウェブ制作事情 - ICS MEDIA
    pmint
    pmint 2018/01/12
    CSS3時代に<table>でのレイアウトがダメ、とかいうのは古い。それにflexboxはテーブルレイアウトの現代版。Excelで書かれたレイアウトはtableで組むのが正解で、特に罫線付きならtableしか無い。何でも正しく使うのが正解。
  • [CSS]レスポンシブ対応のテーブルを実装するシンプルで、賢いアイデア

    Webページをレスポンシブ対応にする時、悩ましいコンテンツの一つがテーブルではないでしょうか。単にセルの幅を狭くするだけでは、一行に一文字しかない妙に縦長なテーブルになってしまいます。 省略したり、プルダウンを利用したりなどいろいろなアイデアがありますが、もっとシンプルで簡単に、そして実用的な賢い実装アイデアを紹介します。 Responsive table layout レスポンシブ対応のテーブルのデモ レスポンシブ対応のテーブルの実装 レスポンシブ対応のテーブルのデモ デモでは4x5のテーブルで、さまざまなデバイスのスクリーンサイズでコンテンツが最適になるよう実装されています。

    [CSS]レスポンシブ対応のテーブルを実装するシンプルで、賢いアイデア
    pmint
    pmint 2016/10/27
    あとは1レコード分の表の左側に見出しを付けたい。ACCOUNT列を90度反時計回りにして左端に。/ 各セルに「aria-label」を加えてレスポンシブに…何を言ってるやらと思ったら"content: attr(aria-label)"だって。普通に<label>使っとけ。
  • bestvpn.org

    Any elements with the contenteditable attribute set will have a grey outline as you hover over. Feel free to edit and change their contents. I'm using local storage to maintain your changes. Go ahead, edit away! Here's a typical [and slightly self promotional! ;-)] unordered list element about VPN Services and tools I have on this site. I review every VPN honestly, and I've also written a lot of u

  • 2130703450443574201?keyword=HTML5

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    2130703450443574201?keyword=HTML5
    pmint
    pmint 2014/08/07
    更新され続けている。
  • WebPlatform Docs

    WebPlatform Docs welcomes all comments. If you want to comment, please register or log in. It is free. This tool helps to make and review comments inline. How to Use insert instructions, with images, here Welcome to Web Platform Docs Web Platform Docs is a new community-driven site that aims to become a comprehensive and authoritative source for web developer documentation. Even though Web Platf

    pmint
    pmint 2012/10/11
    みんなで作るWeb開発の教科書。略してWPD。MediaWikiの実用例。
  • Mozilla Developer Center

    このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。 в� ��View in English 0sB ��Always switch to English ウェブ開発者のためのドキュメント ウェブ開発者ガイド ウェブ開発者ガイドでは、目標やニーズに合ったウェブ技術を使用するのに役立つ、実践的な手引きのコンテンツを提供しています。 ウェブ開発者向けチュートリアル HTMLCSSJavaScript、Web API の学習を段階的に進めるためのチュートリアルです。 アクセシビリティ ウェブサイトを使用する人に何らかの制約があっても、できるだけ多くの人が使用できるようにすることです。 パフォーマンス コンテンツをできるだけ早く利用できるように、操作できるようにすることです。 プライバシー ユーザーの

    Mozilla Developer Center
    pmint
    pmint 2012/03/11
  • 1