自力でWebサイトを作れるようになるブロックコーディングとは？ HTML/CSSの脱初心者を目指して
HTML/CSSの知識を習得しても、いざWebサイトを構築しようとすると手が止まってしまう。それは知識の体系化ができていないから、と語るのが『HTML/CSSブロックコーディング』の著者である笠井枝理依さんです。笠井さんは本書で、そうした悩みを解決する手法としてサイトの要素をブロック単位で分解してコーディングしていくブロックコーディングを解説しています。今回は本書からWebサイトをブロックに分解する方法を紹介します。 本書は『HTML/CSSブロックコーディング デザインをすらすら再現できる』の「Ch01 モックアップをブロック分解」を抜粋したものです。掲載にあたって編集しています。 モックアップとは モックアップとは皆さんが考えるところの「デザイン」であり､日本では「デザインカンプ」と呼ばれることもよくあります。Webページがどのように表示されるのか､実際にブラウザで表示される場合と遜色
学術機関リポジトリにない卒業論文がGoogle Scholarの検索結果に載った
※2021年にnoteに書いた内容に加筆 以前、学術機関リポジトリに掲載がない論文のGoogle Scholarへの掲載について以下のようにまとめた。 書誌情報のない卒業論文(学士論文)が学術機関リポジトリに掲載されている点から、Google Scholarでの検索結果表示には少なくとも大学や各種学会などの機関リポジトリへの掲載が必要なのだろうと考えた。 出典：note - RuinDig(2020年7月23日)『機関リポジトリに掲載がない論文のGoogle Scholarへの掲載を目指した過程の記録とGoogle Scholarでの検索からの考察』 https://note.com/ruindig/n/nde7baf2701d5, 2021年5月17日参照。 それから半年以上、Google Scholarに自分の卒業論文が載るか調べていなかったが、2021年5月15日にGoogle Sc
どうしてHTML5が廃止されたのか | フューチャー技術ブログ
フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5
noteを使っていなくても使えるnoteの機能 - blog-RuinDig
2021年5月6日追記：タイトル変更 noteを使っていなくても使えるnoteの機能がある。 「noteで書く」ボタン以外にも、2つの機能がある。 noteとは noteの投稿の埋め込み note:cardの設定 note:cardの注意点 はてなブログ以外でも noteとは noteはブログのようなテキスト形式の投稿に加えて、写真や音声などを投稿できるマルチメディアプラットフォームのサービス。 note.com noteのサービス開始は2014年4月になる。 noteの投稿の埋め込み 画像出典：https://note.com/ruindig/n/n9fd51abedeec 画像出典：https://note.com/ruindig/n/n9fd51abedeec noteの各投稿のページ下部にあるのマークを選ぶと「サイトに貼る」ボタンが表示される。 画像出典：https://note.
note:cardを自分のはてなブログに設定する方法｜RuinDig
このnote:cardは特にウェブサイトを運営していない人でも、HTML文書のhead部分(<head>から</head>の間)に追加するメタタグやスクリプトを自由に記述できるブログサービスを使っている人なら設定できると思う。 日比谷公園のアオノリュウゼツラン 2019.8.2 - blog-RuinDig アオノリュウゼツランを見に行った。 日比谷公園の第一花壇のペリカン噴水で咲いていた。 写真 移り変わり ruindig.hatenablog.jp はてなブログの場合、note:cardを設定するためには、アイキャッチ画像のURLを取得して、head要素にメタタグを記述する必要がある。 アイキャッチ画像のURLを取得する方法1. ブログの管理画面であるダッシュボードにアクセスする。 https://blog.hatena.ne.jp 2. 左側の「設定」メニューを選んで、上の「詳細設定
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
