はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ HTML

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 259件)

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

2024/05/13 このエントリーをはてなブックマークに追加 1152 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS 令和 JavaScript 書き方まとめ

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

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

2023/05/27 このエントリーをはてなブックマークに追加 568 users Instapaper Pocket Tweet Facebook Share Evernote Clip コーディング CSS webデザイン 順次 パーツ

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

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

2023/01/01 このエントリーをはてなブックマークに追加 1096 users Instapaper Pocket Tweet Facebook Share Evernote Clip コンピューターサイエンス ハーバード大学 講義 英語 日本語版

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

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

2022/12/02 このエントリーをはてなブックマークに追加 586 users Instapaper Pocket Tweet Facebook Share Evernote Clip エスカレーター チェスタートン 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 Instapaper Pocket Tweet Facebook Share Evernote Clip Python CSS アプリケーション フロントエンド編

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

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

2021/08/29 このエントリーをはてなブックマークに追加 1298 users Instapaper Pocket Tweet Facebook Share Evernote Clip Ledge.ai String Colaboratory

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

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

2021/08/05 このエントリーをはてなブックマークに追加 839 users Instapaper Pocket Tweet Facebook Share Evernote Clip IPA Chromebook シン・テレワークシステム 入門

NTT 東日本 - IPA 「シン・テレワークシステム」 Beta 7 および HTML5 版 Web クライアントの公開について トップ | 2020/05/14 中間報告 | 2020/11/03 自治体テレワーク for LGWAN | 2021/08/05 HTML5 Web 版クライアント (Mac, Chromebook 対応) | バージョン履歴 | ダウンロード | ユーザー数グラフ 入門 - 今すぐ使... 続きを読む

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

2021/07/14 このエントリーをはてなブックマークに追加 632 users Instapaper Pocket Tweet Facebook Share Evernote Clip バカニュース 理路 地中 腐食 推理

鈴鹿の信号機柱が折れた原因が犬のおしっこだという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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip Jade SEO効果 SEOプロフェッショナル相談室 タグ

続きを読む

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

2021/05/05 このエントリーをはてなブックマークに追加 1073 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブラウザレンダリング レンダリング サーバ 解析 ブラウザ

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

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

2021/04/27 このエントリーをはてなブックマークに追加 783 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス プログレッシブエンハンスメント preload 実装

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

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

2021/03/22 このエントリーをはてなブックマークに追加 602 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス table フレームワーク アクセシブル CSS

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

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

2021/03/04 このエントリーをはてなブックマークに追加 524 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス デベロッパー CSS VS Code コミュニティ

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

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

2021/02/18 このエントリーをはてなブックマークに追加 748 users Instapaper Pocket Tweet Facebook Share Evernote Clip UIコンポーネント スニペット ナビゲーション レイアウト

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

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

2021/02/05 このエントリーをはてなブックマークに追加 1416 users Instapaper Pocket Tweet Facebook Share Evernote Clip 哲学ニュース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 Instapaper Pocket Tweet Facebook Share Evernote Clip SEO 見解 バス 称賛 駆け出しエンジニア

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

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

2020/12/05 このエントリーをはてなブックマークに追加 535 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSSコーディング Webアクセシビリティ 工夫 ユーザー

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

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

2020/11/12 このエントリーをはてなブックマークに追加 1084 users Instapaper Pocket Tweet Facebook Share Evernote Clip レンダリング 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 Instapaper Pocket Tweet Facebook Share Evernote Clip content-visibility Yahoo 表示速度

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

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

2020/07/21 このエントリーをはてなブックマークに追加 948 users Instapaper Pocket Tweet Facebook Share Evernote Clip GitHub Kotlin グーグル Android PDF

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

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

2020/04/23 このエントリーをはてなブックマークに追加 1803 users Instapaper Pocket Tweet Facebook Share Evernote Clip タンドリーチキン 自粛 NEWS ヨーグルト https

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

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

2019/10/12 このエントリーをはてなブックマークに追加 537 users Instapaper Pocket Tweet Facebook Share Evernote Clip 人影 NEWS nhk_video Togetter 上陸

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

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

2019/09/11 このエントリーをはてなブックマークに追加 583 users Instapaper Pocket Tweet Facebook Share Evernote Clip NEWS 電波 全域 pic.twitter.com 携帯各社

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

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

2019/09/04 このエントリーをはてなブックマークに追加 699 users Instapaper Pocket Tweet Facebook Share Evernote Clip ポーランド侵攻 自国 ナチス NEWS Togetter

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

 
(1 - 25 / 259件)