jQueryへの別れ：現代的な開発のための必須JavaScriptメソッド - Qiita
はじめに 私は長い間レガシーコードと共に仕事をしてきましたが、jQueryの重要性は依然として頻繁に話題に上がるトピックの一つです。ライブラリ自体は便利なままですが、それは別の時代のニーズを完璧に満たしていました。 現在、私たちは既にES2023について話していますが、過去にjQueryがカバーしていたほとんどの機能は、すでに2015年にリリースされたES6に取り込まれています。 ES6の標準は既に広範にサポートされており、96％のレベルに達しています（出典：caniuse.com）。そのため、特に要素の選択、スタイリング、アニメーション、データの取得などの基本的なタスクについては、ライブラリの使用を見直す良いタイミングかもしれません。 以下のトピックは、いくつかの標準的なjQueryのパターンと、それに相当するバニラJavaScriptでの手法を示す参考資料として役立つと思います。 要素
普通のHTMLの書き方
保守しやすく、規模に依存しないHTML文書のために 一般 DOCTYPEで始める 置き換えられるべきまたは旧式のDOCTYPEを使わない XML宣言を使用しない 文字参照はできる限り使わない &と<、>、"、'は名前文字参照を使ってエスケープする 制御文字や不可視文字は数値文字参照を使う コメントではその内容の前後へ空白文字を置く 終了タグを省略しない 空要素の書き方を混ぜない タグや属性値の前後へ空白文字を置かない 大文字・小文字を混ぜない 引用符を混ぜない 属性を2文字以上の空白文字で区切らない 真偽値を取る属性の値は省略する 名前空間は省略する XML属性は使わない data-*とMicrodata、RDFa Lite用の属性と通常の属性を混ぜない デフォルトの暗黙のARIAセマンティックスを尊重する 文書要素 lang属性を追加する lang属性の値はできる限り短くする できる限り
抽象化と組み合わせができるレイアウト言語があれば、CSSは必要ない | POSTD
Web上の視覚的なスタイルを指定するCSSは、あまりにも複雑で、恐らく今までに一度も正確に実装されたことはないだろう。それにもかかわらず、バージョンが上がるにつれて、その複雑さは増すばかりだ。一方で、CSSではできることが限られており、初歩的なデザインでさえ不可能であるか、あるいは法外に難しいことも少なくない。加えて状況依存的（または計算的）な側面を持つものは、すべて外部で対応しなければならないという有様だ。その結果、CSSに関するほとんどの手引きでは、希望する外観に何とか近づけたり、非互換性を回避したりするための頼りないハックに多くの労力が費やされている。 – Bret Victor 私は近年、クライアントサイドの開発技術を数多く見てきました。そして、その中でも特に興味深いと思ったのが Elm です。関数型のプログラミング言語としては、Elmはそれほどワクワクするようなものではありません
「娘に情報が古いと指摘されます」 老舗サイト「とほほのWWW入門」の管理人ってどんな人？ | HRナビ by リクルート
90年代後半から2000年代にウェブ制作を経験した者なら『とほほのWWW入門』と聞いて、ピンと来ない人はいないだろう。同サイトは、HTMLやJavaScript、Ruby、Pythonなどの基礎知識が学べる、ウェブ制作初心者にとってはバイブルのような、とてもありがたい存在だ。サイトが開設されたのは1996年。国内でインターネットが普及し始めた初期からある老舗サイトで、お世話になった人も多いはずだ。 2016年10月を最後に更新がされていないようだが、それでも20年間コンテンツを出し続けるのは、かなり大変なことだったのではないか。同サイトの管理人・杜甫々（とほほ）さんは、いったいどのような人物なのか。サイトを開設したきっかけやインターネット初期の空気感などについて、話を聞いた。 「とほほのWWW入門」管理人・杜甫々さんとは？ ――今回は取材に応じていただき、ありがとうございます。杜甫々さんは
HTML構文指定とHTMLヘッダ
html要素の子要素 html要素には子要素として、head要素とbody要素の2つの要素だけを持つことができる。 head要素には次のような内容が記述できる。 文字符号化（文字コード） HTMLファイルの文字符号化は、原則UTF-8で書くとよい。 head要素内で次のように文字コードを明記する。 <meta charset="utf-8"> metaタグは単独で用いられる（</meta>とうようには使わない）ために、<meta ......... /> というように、最後が「 />」であることに注意する。 XML名前空間を使っているので、単独で用いられるタグでは常にこのように記述しなければならない。 これまでのように、<meta http-equiv="Content-Type" content="text/html" charset="utf-8" /> のように書くこともできるが、H
外部リンクへの属性が変わります - Qiita Blog
オリンピックが終わり、腑の抜けたようになっている方も多いかと思いますが、お元気でしょうか？ 私は元気です。 takorattaです。 この度、QiitaおよびQiita:Teamの投稿記事からの外部リンク（*.qiita.com宛ではないリンク）が含まれていた場合、そのリンクに以下の属性が付与されるように変更いたしました。 rel=”nofollow”target=”_blank”rel="nofollow" はそのリンクを辿らないように、検索エンジンに指示する属性です。QiitaのようなUGC/CGMサイトにおいてそのリンク先の信頼性を保証できない場合に付けるように推奨されており、この度、QiitaとQiita:Teamでもその対応をすることにしました。ただし、実際には、Qiita:Teamに関しては検索エンジンのクロール対象ではありませんので、この変更でも実質的には何も変わりません。
ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks
How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot
とほほのＷＷＷ入門
はじめに ご使用上の注意 (1) 主な更新履歴 (25) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (402) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (42) TypeScript (1) Java (26) Perl (6) PHP (14) Ruby (11) Python (14) Go言語
CL-WHO - Yet another Lisp markup language を訳してみた - 146,000
HTMLジェネレータ、CL-WHOのドキュメントを訳してみました。 ※どうも最後の方が途切れてるようです。原因不明。容量制限か？ と思って、AAを消してみたり、単独記事を立てても途切れます。コードが多すぎるせいでしょうか？ そのうち分割して記事を書きます。(2012/07/12) 注意 原文はこちら：http://weitz.de/cl-who/ この訳は割とてきとーで、不正確な箇所、怪しい箇所、未訳の箇所があります そのためツッコミ歓迎です 転載改変お好きにどうぞ 島は移動しません Abstract世の中にはたくさんの Lisp マークアップ言語がありますが、 -- どんなプログラマも1度くらいは書いたことがあるでしょう -- CL-WHO (WHO とは "with-html-output" の略です。他に適当な頭字語がなかったので) もまた、良くも悪くもそういうものです。 それらは、
W3Schools.com
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
HTMLのアウトライン意識してますか？ - QiitaのSEO事情（前編） - Qiita
「最近Qiitaを検索結果でよく見るようになったなぁ」と感じる人はいませんか？ SEOを頑張ってるWebサービスは数多存在しますが、Qiitaもその中の1つです。 SEOっていうとやれキーワードがどうだこうだ、サイト内リンクがどうだこうだ、という話になってしまいがちですが（そういうのが不要と言っているわけではないですよ）、今回はQiitaがSEOの一環として行なっている数多の取り組みの中で、比較的Web上での言及数の少ない印象のある、HTMLのマークアップについて、外に出せる範囲で、前編と後編に分けて解説したいと思います。 後編はこちら 免責事項的な SEOというのは完全に結果論でしか語ることのできないものです。また時と共に効果的とされるテクニックは変わっていきます。この記事はQiitaの中の人が「効果あるんちゃうか」と試行錯誤しながらあれこれ行なっていることの一部を紹介するものであって、
pdf2htmlEX by coolwanglu
A beautiful demo is worth a thousand words: Typography Formulas Magazine What is pdf2htmlEX? pdf2htmlEX renders PDF files in HTML, utilizing modern Web technologies, aims to provide an accuracy rendering, while keeping optimized for Web display. Text, fonts and formats are natively preserved in HTML, math formulas, figures and images are also supported. pdf2htmlEX is also a publishing tool, almost
これがHTML？と言いたくなるようなPDF変換ソフトウェア·pdf2htmlEX MOONGIFT
pdf2htmlEXはレイアウトの再現性を極めたPDFからHTMLへの変換ソフトウェアです。 PDFはそのままでは容易に編集できないフォーマットです。そこが利点でもあり欠点でもあります。PDFを別フォーマットに変換するソフトウェアは幾つかありますが、今回は驚いてしまうくらい品質高いHTML変換を行うpdf2htmlEXを紹介します。 これがHTMLだと思えないくらいの再現度です。 計算式にも対応。 段組み、画像埋め込みも問題なし。 白黒に限らず扱えます。 中国語。マルチバイト対応です。 まるで素のPDFを表示しているかのような再現度の高さがpdf2htmlEXの売りです。PDFを一つのHTMLファイルとして出力し、色や文字の装飾も反映します。リンクもそのまま使えます。なお、Type3のフォントには対応しておらず、テキスト以外のオブジェクトは画像としてレンダリングされるようになっています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
栗助 on Twitter: "@klono_ryuta BASEタグは、ページ内のすべてのURLに影響を与えるとか、テストドメインに一時的に替えたいとかに利用してた記憶で、SEOとか全無視しちゃうから怖くて使わない→ 公開用には使わない。→ いや公開用には使っ… https://t.co/EPFxCzI1gQ"
サービス終了のお知らせ
NameBright - Coming Soon