Hatena Blog Tags
はてなブログ トップ
Lorem ipsum
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Lorem ipsum

(読書)
【ろーれむいぷすむ】

欧米で、数百年の長きにわたって組版のダミーとして用いられる、ラテン語のようでラテン語になっていないテキストの通称。その冒頭の2語にちなんで言う。
標準的な文面は以下の通り。

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

なお、この文面は、キケロの著作『善と悪の究極について』 (De finibus bonorum et malorum) の一部が崩れてできたものである。

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
コハム•12日前

レスポンシブデザインにとってステロイドのような強力な解決策になるか？コンテナクエリの基本的な使い方

Responsive Design On Steroids: CSS Container Queries 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 待望のレスポンシブデザインの機能であるコンテナクエリーが、ついに安定したバージョンとなり、期待通りの威力を発揮しています。本記事では、従来のメディアクエリーの限界を探り、コンテナクエリーがどのような優雅な解決策を提供するかを紹介します。さらに、コンテナクエリーの仕組みを掘り下げ、実際にコンテナクエリーを使ってWebページのサイドバーをレスポンシブにするハンズオン体験を提供します。 対象要素ベ…

ネットで話題

もっと見る
224ブックマークlorem ipsum - Wikipediaja.wikipedia.org
144ブックマークLorem Ipsum - Text Generator"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..." "There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..." What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting ind...www.lipsum.com
80ブックマークBLOKK font gives you a nice fill text for mock-ups and wireframing without the lorem ipsum. The new and better wireframing font.www.blokkfont.com
64ブックマーク|| Dummy Text Generator | Lorem ipsum for webdesigners ||dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede just...www.blindtextgenerator.com
27ブックマークProfessional lorem ipsum generator for typographersLorem Ipsum: Quality typographic filler text for webmastersThe dummy copy at this site is made from a dictionary of 500 words from Cicero's original source and the text fragments traditionally added. We use a lexical scheme to ensure a grammatically correct look and feel. This avoids repetitions,...generator.lorem-ipsum.info
21ブックマーク[今日知った言葉]lorem ipsumanond.hatelabo.jp
21ブックマークProfessional lorem ipsum generator for typographers学ぼ暗判ぎへお誉型旋ロヲリワ堀投げぴそひ根2雁港民きだ疑玉レ想籍キヲロハ浅以けだ局指マロヱノ中空ころ金棋1購芸とのわ玉社セ企編月種げ。文ウリ郡価リ聴団イ意提げり業集ム一72政ヘノニ択父れのな上兵ーが準応ワヨ下48低演釈中ヤラセ者界テ高散べょこす。組ヲ掲点ウニホ職古だトド覧玉普ヤテヒ田終しぜ塁信ウ死12行...generator.lorem-ipsum.info
18ブックマークGitHub - christiannaths/redacted-font: Keep your wireframes free of distracting Lorem Ipsum.github.com
18ブックマークLorem Ipsum: multilingual text-generator for typographyLorem Ipsum: typographic filler text for webmasters. Needed for web design, web pages, website templates and CMS. Find "Lorem Ipsum" with how-to and history. Generate randomized dummy text for greeking, typesetting, and layouts for websites and WYSIWYG Web development. Lorem Ipsum style or in oth...www.lorem-ipsum.info

関連ブログ

WEBサイト制作の勉強•1ヶ月前

3月15日の作業データ(レストランサイトの作成)

index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>レストランサイトの作成</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>…

na_ahのブログ•2ヶ月前

CSSのdisplay: inline-flexについて

こんにちは！ 今回はCSSのdisplay: inline-flexについてまとめます。 display: inline-flexとは？ flexコンテナを定義するが、コンテナ自体はinline要素のように横に要素を並べられる 見出しなどで便利 やりたいこと タイトルの前に正方形、中央揃えで数字を入れたい コード例 <h1 class="title"><span class="title_number">1</span>Lorem ipsum</h1> .title { font-size: 30px; } .title_number { background-color: antiquewh…

蛇ノ目の記•2ヶ月前

midoを使ってPythonでMIDIファイルを作る - テキストからメロディを作ってみた

半年以上からMIDIコントローラーを買ったりしていたものの何もしないまま歳を越してしまったわけだが、とうとう軽く触ってみることを始めた。 とりあえず『ゼルダの伝説 時のオカリナ』の"時の歌"を打ち込んでlofiっぽい感じにして遊んでみた。 ゼル伝『時の歌』lofiっぽいやつ その2 pic.twitter.com/utqUrLJRfm— nao_y (@NaoY_py) 2024年2月16日 MIDIはファイルとして管理されているのだからPythonで記述できるのでは、と思い探してみるとmidoというライブラリが見つかった。 pypi.org midoの基礎 midを使うと簡単にMIDIファイ…

webサイト制作の勉強｜2023年11月クラス用ブログ•3ヶ月前

レスポンシブデザインの作成

採点ポイント cssは外部参照で、リセットと文字コードを設定する事 fontawesomeからsvgアイコンをダウンロードし、使用すること ナビゲーションボタンに境界線とホバーの適切な設定をする flexプロパティを使ってコンテンツを均等に並べる h1にGoogle Fontsを使用すること Google Mapを埋め込み、可変に対応させる 適切なメディアクエリーを設定すること 適切な余白を設定すること 作例通りのレイアウトにする 作例 使用テキスト Net Smart よりスマートなインターネットライフを HOME CONCEPT SERVICE ACCESS 必要なものは、ビジネスの価値を…

webサイト制作の勉強｜2023年11月クラス用ブログ•3ヶ月前

レストランサイトのコード（2月6日作業分）

index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>レストランサイト制作｜トップページ</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crosso…

webサイト制作の勉強｜2023年11月クラス用ブログ•3ヶ月前

レストランサイトのコード（2月5日作業分）

index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>レストランサイト制作｜トップページ</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crosso…

WEBサイト制作の勉強•3ヶ月前

コーポレートサイトの作成

使用するテキスト Net Smart よりスマートなインターネットライフを HOME CONCEPT SERVICE ACCESS 必要なものは、 ビジネスの価値を届けるデザインの力。 Net Smartは、ビジネスとユーザーを理解し、 関係性を構築するためのストーリーの設計とUXデザインをご提供し、 よりスマートなインターネットライフを送るお手伝いを致します。 CONCEPT Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore SERVICE …

WEBサイト制作の勉強•4ヶ月前

作業データ（レストランサイト）

index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>レストランサイトの作成</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>…

ボードゲームらぼ•4ヶ月前

コーヒーロースター 欧州エディション②アップグレードその２

前回の記事 miima.hatenablog.jp 前回のあらすじ アップグレードを失敗したミーマ！はたしてその運命やいかに・・・！ 作っている時はウキウキしてたね。 リターンマッチするしかない・・・！ アップグレード バッグアップグレード２ アイロンがけ結果 プレイマット 解消度 焙煎前、焙煎後エリア 全部乗せ おまけ アップグレード バッグアップグレード２ 今度は布タイプのを買ってます。Amazonで500円くらい。 まずは印刷。 ちょっと黒い部分が灰色っぽいかな？高級感はあるのでこれでOK。 ちなみに下部にある「LOREM IPSUM」は、日本語でいう名無しの権兵衛的な扱いの言葉だったと…

WEBサイト制作の勉強•4ヶ月前

12月15日の作業データ（レストランサイト）

index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>レストランサイトの作成</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>…

WEBサイト制作の勉強•4ヶ月前

12月14日の作業データ(レストランサイト)

index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>レストランサイトの作成</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>…

ひとりでのアプリ開発 - fineの備忘録 -•5ヶ月前

フロントエンドフレームワーク紹介

初めに フロントエンド開発をするときに、フレームワークを使用すると効率的な開発ができます。本記事では、人気のフレームワークをいくつか紹介します。