タグ「HTML」 - はてブログ

タグ HTML

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 259件)

令和のHTML / CSS / JavaScriptの書き方まとめ

2024/05/13 1152 users CSS 令和 JavaScript 書き方まとめ

Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コ... 続きを読む

CSS Stock｜Webデザインを楽にするCSSコピペサイト

2023/05/27 568 users コーディング CSS webデザイン順次パーツ

当サイトについて「CSS Stock」はWeb制作の「これが欲しい」を叶える、をテーマにHTML・CSSのデザインやパーツをご紹介するサイトです。お好きなパーツを選び、デザインや色を調整するだけ。あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。ちなみに新しいスニペットを順次... 続きを読む

ハーバード大学のコンピューターサイエンスの講義（日本語版）が無料公開されている件「聞き取りやすいから英語も勉強できる」

2023/01/01 1096 users コンピューターサイエンスハーバード大学講義英語日本語版

🎍QDくん🎍Python x 機械学習 x 金融工学 @developer_quant ハーバード大学のコンピューターサイエンス入門講義は日本語版が無料公開されている cs50.jp ・講義動画は日本語字幕付き・講義ノートも日本語訳あり・C言語・配列・アルゴリズム・メモリ・データ構造・Python ・SQL ・HTML, CSS, JavaScript ・Flask ... 続きを読む

エスカレーターを歩かせたくないなら歩けないようなUIにすべき？

2022/12/02 586 users エスカレーターチェスタートン entry フェンス NEWS

https://b.hatena.ne.jp/entry/s/www3.nhk.or.jp/news/html/20221201/k10013910251000.html 「エスカレーターを本当に歩かせたくないなら、歩けないようなUIにすべき」エスカレータ事故のブコメに必ずこういう人湧くんだけど、それって技術的に可能なの？そこまで考えて書くべきでは？チェスタートンのフェンスじゃな... 続きを読む

Python だけで作る Web アプリケーション(フロントエンド編)

2022/05/29 604 users Python CSS アプリケーションフロントエンド編

Python だけで作る Web アプリケーション第一弾です。HTML/CSS/JSを使わずに、PythonだけでUIを含むWebアプリケーションを作ります。続きを読む

東京大学、Pythonプログラミング無料入門 pandasやJupyterなど幅広い | Ledge.ai

2021/08/29 1298 users Ledge.ai String Colaboratory

画像は公式サイト（HTML）より今回は東京大学（東大）が無料公開している、Pythonの初心者にもオススメの教材「Pythonプログラミング入門」を紹介する。SNS上では「ホントいい」「初心者にもわかりやすい」などと評判になっている。本教材では「Colaboratoryによるノートブックの使い方」「文字列（string）」「条件分... 続きを読む

NTT 東日本 - IPA 「シン・テレワークシステム」 - 2021/08/05 HTML5 版 Web クライアントの公開について

2021/08/05 839 users IPA Chromebook シン・テレワークシステム入門

「信号機倒壊原因は『犬の尿』by科捜研」の記事はバカニュースの類か

2021/07/14 632 users バカニュース理路地中腐食推理

鈴鹿の信号機柱が折れた原因が犬のおしっこだというNHKのニュースが人気だけど、この報道ちょっと短絡的なんよ。 https://www3.nhk.or.jp/news/html/20210713/k10013135901000.html 地中に尿素が沢山検出された→尿に含まれる塩分のせいで腐食が速く進んだって理路だが、この科捜研の推理、間違いじゃね？普通こういう場... 続きを読む

ワンランク上の勉強法 (https://web.archive.org/web/20130629035806/http://www.geocities.jp/nagare_basi/study/stdy_mokuji.html)

2021/06/09 2465 users web.archive.org Study web http

The Internet Archive discovers and captures web pages through many different web crawls. At any given time several distinct crawls are running, some for months, and some every day or longer. View the web archive through the Wayback Machine. 続きを読む

SEO効果がいちばん高くなるHTMLの書き方・タグの使い方を教えてください | JADEのSEOプロフェッショナル相談室 | Web担当者Forum

2021/05/31 521 users Jade SEO効果 SEOプロフェッショナル相談室タグ

ブラウザレンダリングの仕組み

2021/05/05 1073 users ブラウザレンダリングレンダリングサーバ解析ブラウザ

以前書いた記事「Webページがブラウザに表示されるまでに何が起こるのか？」でブラウザレンダリングについて詳細に知りたいという意見をいただいたので、調べてまとめてみました。全体図レンダリングの大まかな流れです。 HTMLのダウンロードサーバから送られてきたHTMLをダウンロードします。 HTMLの解析サーバか... 続きを読む

最近の実装に合わせた最新版HTMLテンプレート、基本構造に使用するすべての要素とその役割も解説 | コリス

2021/04/27 783 users コリスプログレッシブエンハンスメント preload 実装

最近の実装に合わせた、Webページ用のHTMLテンプレートを紹介します。レスポンシブ用のHTML、ソーシャルメディア用のHTMLをはじめ、高速表示に欠かせないrel="preload"なども含まれています。IEなどの古いブラウザはプログレッシブエンハンスメントで対応しています。 HTMLテンプレートはすべての要素の役割を各行ごと... 続きを読む

HTMLのtableにクラスを加えるだけで、グラフやチャートを簡単に実装できるCSSのフレームワーク -Charts.css | コリス

2021/03/22 602 users コリス table フレームワークアクセシブル CSS

棒グラフや折れ線グラフ、どうやって実装していますか？ Charts.cssなら簡単です。データをtableタグで実装し、CSSのクラスをtableに加えるだけで横棒グラフ、棒線グラフ、折れ線グラフ、エリアグラフなどを簡単に実装できるCSSのフレームワークを紹介します。 HTMLは普通の表組みなのでアクセシブル、グラフやチャート... 続きを読む

2021年、HTMLやCSSやJavaScriptなどのコードを書く時に便利なVS Codeの機能拡張のまとめ | コリス

2021/03/04 524 users コリスデベロッパー CSS VS Code コミュニティ

Visual Studio Code（以下、VS Code）が素晴らしいエディタである理由の一つは、デベロッパーの生産性を向上させるコミュニティによって作成された機能拡張の巨大なライブララリがあることです。その中から、...記事の続きを読む続きを読む

よく見かけるレイアウト・UIコンポーネント、それだけを実装するHTMLとCSSのシンプルなコードのまとめ | コリス

2021/02/18 748 users UIコンポーネントスニペットナビゲーションレイアウト

Webページやスマホアプリでよく見かけるレイアウト、ナビゲーション、UIコンポーネントなど、それだけを実装するHTMLとCSSのシンプルなコードをまとめたCSS Layoutを紹介します。それだけを実装するため、HTMLとCSSのコードは非常にシンプル、カスタマイズも簡単だと思います。スニペットに登録しておくと、便利ですね... 続きを読む

暇を潰せそうなサイトを沢山見つけたので貼りまくる:哲学ニュースnwk

2021/02/05 1416 users 哲学ニュースnwk 沢山 Tweet オープ星座

2021年02月05日18:00 暇を潰せそうなサイトを沢山見つけたので貼りまくる Tweet 1: 名無しさん＠おーぷん 21/02/05(金)15:06:55 ID:9Vg 88星座図鑑 https://www.study-style.com/index_seiza.html 全天88星座を紹介している「スタディスタイル★自然学習館」の主要コンテンツ 88星座早見表や星座の種類ごとに分けられた季... 続きを読む

「SEOに強いHTMLの書き方」についての個人的な見解

2021/02/04 919 users SEO 見解バス称賛駆け出しエンジニア

「SEO に強い HTML の書き方」というツイートがそこそこバズっていて、その内容に対して駆け出しエンジニアの方たちが「参考になった」などと称賛の声を挙げていたのを見かけて思うところがあったのでこの記事を書きました。 ※投稿者を特定しないように敢えてスクリーンショットで引用しています。この記事は元ツイの投... 続きを読む

キーボード操作を意識したHTML/CSSコーディング

2020/12/05 535 users CSSコーディング Webアクセシビリティ工夫ユーザー

この記事は「Webアクセシビリティ Advent Calendar 2020」 5日目の記事です。アクセシビリティ Advent Calenderの記事を寄稿するにあたり、少しの工夫であらゆるユーザーに対して優しいWebサイトを作れるようなHTML/CSSコーディングの方法についてまとめました。より多くの人にとって優しい・使いやすいWebサイトを作... 続きを読む

Webページ高速化に必須の知識！ブラウザがWebページをどのようにレンダリングしているか、図を用いて解説 | コリス

2020/11/12 1084 users レンダリング CSS コリス実装時 JavaScript

ブラウザがWebページをどのようにレンダリングしているか、図を用いてやさしく解説した記事を紹介します。レンダリングの仕組みを理解することで、HTMLやCSSやJavaScriptなど実装時にも気をつける点があります。 How the browser renders a web page by James Starkie 下記は各ポイントを意訳したものです。 ※当ブログ... 続きを読む

表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説 - Yahoo! JAPAN Tech Blog

2020/09/08 692 users content-visibility Yahoo 表示速度

これまではJavaScriptを用いて実装するしかありませんでしたが、ついにimgやiframe要素であればloading="lazy"を付与するだけで、簡単に実装できます。  <img src="pic.png" alt="画像の詳細" loading="lazy">  <iframe src="external.html" loading="lazy"></... 続きを読む

グーグル、プログラミング経験不要で「Android」「Kotlin」を学べる無償コース提供 - ZDNet Japan

2020/07/21 948 users GitHub Kotlin グーグル Android PDF

印刷するメールで送るテキスト HTML 電子書籍 PDF ダウンロードテキスト電子書籍 PDF クリップした記事をMyページから読むことができます Googleが、「Android」アプリの開発方法をビギナー開発者に教えるオンラインコース「Android Basics in Kotlin」を開始している。 KotlinはGitHubで最も成長の早いプログラミン... 続きを読む

我が家のタンドリーチキン

2020/04/23 1803 users タンドリーチキン自粛 NEWS ヨーグルト https

我が家のインドカレーの投稿してから随分とたっちゃったけど最近は自粛で、お家ご飯が増えてるみたいなので何かできないかなーと思ってました。そんな時ニュース見てたら、これ。 https://www3.nhk.or.jp/news/html/20200421/k10012398171000.html つまり、これはヨーグルトたっぷり使うタンドリーチキン作れ！ってい... 続きを読む

渋谷、新宿、品川、秋葉原…台風19号の影響で人がいなくなった都心の駅画像まとめ「異様な光景」「これが正解」の声も - Togetter

2019/10/12 537 users 人影 NEWS nhk_video Togetter 上陸

台風19号上陸の見込み甚大な被害のおそれ厳重に警戒を東京渋谷区午後１時半ごろの映像です。ふだん大勢の人でにぎわうスクランブル交差点も、人影がまばらになっています。 www3.nhk.or.jp/news/html/2019… #nhk_video pic.twitter.com/opseEJ0N4q 続きを読む

【千葉停電】弟が3万で買ったソーラーパネルを邪魔だと思ってたけど、台風で停電になって充電、無線LAN、扇風機をまかなっている - Togetter

2019/09/11 583 users NEWS 電波全域 pic.twitter.com 携帯各社

台風のあと、丸２日以上にわたってほぼ全域で停電している千葉県南房総市では、停電の影響で電話が通じない状況がほとんどの地域で続いています。携帯各社が対応に当たった結果、市役所の周辺に限って携帯電話の電波が入り、一部で使えるようになりました。 www3.nhk.or.jp/news/html/2019… #nhk_video pic.twitter.com... 続きを読む

日本共産党志位和夫委員長「戦後生まれた世代にも戦争責任はある」 - Togetter

2019/09/04 699 users ポーランド侵攻自国ナチス NEWS Togetter

「ナチスのポーランド侵攻から80年ドイツ大統領が謝罪」戦後に生まれた世代にも戦争責任はある。その責任とは、自国の誤った歴史に向き合い、それを記憶し、次の世代に伝え、繰り返さないことだ。ドイツはそれを実践している。それを投げ捨てているのが安倍政権だ。 www3.nhk.or.jp/news/html/2019… 続きを読む