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

Typography

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

Gatsby+Netlify+microCMS+Material UI 実装ではまったところ

タイトルの通りですが、Gatsby+Netlify+microCMS+Material UIで個人のwebサイトを作成しました。 www.meru-lotte.com まだ色々と修正したいところだらけなのですが、現状作ってきた中でハマったところを忘れないうちに書き留めておきます。 願わくば、同じような構成でwebサイトを作っている方のヒントになればと思います。 ということでソースコードも公開しています。 細かいところはおおめに見てください。 github.com ※注意※ 細かい設定手順については色々なサイトで丁寧に解説しているので、省略させていただきますmm WebpackError: Re…

ネットで話題

もっと見る
230ブックマークI love Typography (ILT)ilovetypography.com
155ブックマークWebdesign is 95% typography. Period.ia.net
109ブックマーク文字関係のCSSサンプル - CSSTYPE - web safe typography on screen for pixel perfectionistsSkip to content Registration has been disabled.font.dev.bazment.se
100ブックマークGitHub - fontplus/web-typography-glossary: Webタイポグラフィの基礎知識と実践github.com
96ブックマークWe Love TypographyYou can also navigate with these keys on your keyboard: ← & →welovetypography.com
93ブックマークCSSTYPE - web safe typography on screen for pixel perfectionistswww.csstype.com
90ブックマークTypography - 46 Cool & Useful Dingbat Fonts | Think DesignI know Dingbat fonts aren’t the most popular. A lot of them are, well, pretty unhelpful. But, there are also a lot of very cool Dingbat fonts out there that can be used for a variety of things. Ornaments, decoration, patterns, silhouettes and much more. The cool thing about them, is you can conve...thinkdesignblog.com
89ブックマーク朗文堂：robundo ‘We love Typography’〒160-0022 東京都新宿区新宿 2-4-9 中江ビル4F 朗文堂をお訪ねになるかたのために telephone 03-3352-5070 , facsimile 03-3352-5160 www.ops.dti.ne.jp/~robundo/ , www.robundo.com/ robundo@ops.dti.ne.jp » send emailwww.ops.dti.ne.jp
88ブックマークTypography for Headlines Design Showcase | Elements of Designwww.smileycat.com

関連ブログ

チラ裏ver.1.1•8 日前

iPad外付けキーボードでレイアウトを日本語ローマ字にした時に打てる文字とUnicode

自分用の覚書をEvernoteからコピペしただけ 左上から右下へ一行ずつ 一行目 ｀U+FF40 Fullwidth grave accent 〜Shift + `U+301C Wave dash Option + `割り当てなし ｀Option + shift + `U+FF40 Fullwidth grave accent ！Shift + 1U+FF01 Fullwidth exclamation mark(感嘆符・全角) √Option + 1U+221A Square root(平方根)Radical sign(根号) ¬Option + shift + 1U+00AC Not si…

日本語練習虫•14 日前

フランス国立印刷所のDidotミリメートル式ポイント活字が謎すぎる

横浜開港資料館で開催された平成30年度企画展「金属活字と明治の横浜」の準備を手伝わせていただいた際、小宮山博史コレクションの至宝の1つ『フランス王立印刷所活字見本帖 Spécimen typographique de l'Imprimerie royale』（1845刊）を間近に拝見する機会を賜った。豪壮な造りも素晴らしいのだけれど、個人的に驚いたのが「王立印刷所のタイポグラフィ・ポイント：メートル法に基づく」と題された図表 https://twitter.com/uakira2/status/1038788070709940224/photo/1 だ。王立印刷所のポイントスケールとして「25…

webサイト制作の勉強｜2020年11月クラス用ブログ•14 日前

キネティック・タイポグラフィ

キネティック・タイポグラフィ（英：Kinetic typography）は、文字を動かしてアニメーションにする専門用語。文字を動かすことにより、特定のアイデアや感情を伝える、または呼び起こすことを目的として、使用される。例えば、映画のタイトルやクレジットの表示など、他にもウェブページのアニメーションやその他のメディアでも使用されている。 最初にキネティック・タイポグラフィが使用された作品は、1959年のアルフレッド・ヒッチコックの「北北西に進路を取れ」である。ソウル・バスがデザインしたこの映画のタイトル表示は、文字が飛んで次第に消えていくアニメーションである。1960年の映画「サイコ」でもバス…

チラ裏ver.1.1•16 日前

iPad外付けキーボードでレイアウトをEnglish(Japan)にした時に打てる文字とUnicode

キーボード左上から右下へ 自分用にEvernoteにまとめたものをコピペしただけ ダイアクリティカルマークなどを正確に入力したい時の参考にどうぞ 一行目 `U+0060 Grave accent ~Shift + `U+007E Tilde `Option + `U+0060 Grave accent ̀Option + shift + `U+0300 Combining grave accentGreek varia !Shift + 1U+0021 Exclamation mark感嘆符。 ¡Option + 1U+00A1 Inverted exclamation mark逆感嘆符。 ⁄…

アプリ開発備忘録•22 日前

テキストとrippleのテーマを上書きする【Jetpack Compose(Desktop)】

バージョン情報 plugins { kotlin("jvm") version "1.4.30" id("org.jetbrains.compose") version "0.3.0-build150" } 本文 PopupMenuを作成するのに黒くしたいなということで行いました。 CompositionLocalProvider を使用して上書きします。 CompositionLocalProvider( LocalTextStyle provides TextStyle(color = Color.Black), LocalRippleTheme provides object : Rip…

無気力エンジニア•25 日前

ReactコンポーネントをJestでスナップショットテストする

はじめに 最近Reactを勉強し始めた初心者です。今まで、バックエンドのユニットテストなどは書いたことがあるのですが、フロントエンドのテスト手法に、スナップショットテストというものがあると知り、作成してみました。また、今回は create-react-app を利用しているので、最初から使える Jest をテストフレームワークとして利用します。 はじめに 1. 検証環境 2. スナップショットテストとは 3. コンポーネントのスナップショットテストを作成する 3.1 フォルダ構成の決定 3.2 テスト対象のコンポーネントの説明 3.3 react-test-rendererのインストール 3.…

独学者Fossa•先月

Bookmark (2)

fossa-hobby.hatenablog.com Name 昔 Foundation for Sites 前回 Spectre.css 今回 Vanilla Framework 前回、完成した作品 イメージ図 今回、完成した作品 イメージ図 今回は、Vanilla Framework v2.23.0を使って、作ってみました。 ずっと前から試してみたいと思っていて、ようやく試すことが出来ました。 ドキュメント形式のサイトを作るのに適したCSS Frameworkって少ないと思いますが、Design Systemで探せば、いくつか良いのが見つかるかもしれません。 vanillaframewor…

龍爆連合™ ～R-kunのブログ～•先月

フォントワークスがGoogle Fontsへ全8書体を無償で提供！～商用利用可能

©龍爆連合 フォントワークスが，Google Fontsへ全8書体を無償提供した。配布サイトより，埋め込みコードの入手が可能となった。また，ダウンロードして各端末に保管することも可能である。いずれも商用可能とのこと。

トーキョーブックガール•先月

Sansei and Sensibility / カレン・テイ・ヤマシタ: 『三世と多感』、日系三世とジェイン・オースティンから「こんまり」、ボルヘスまで

こちら、珍しくAmazonがすすめてくれて購入した本。「なんか違うんだよね〜」が多かったAmazonのおすすめタイトル、最近妙に精度が上がってきた。長い付き合いを経て、やっとわたしのことを理解してくれるようになった！？（キラキラ）と感激したのも束の間、課金しまくったからだということに気がつく。コロナの影響で本屋さんに行くことが減ったのと、紙の本をなかなか読めなくなってKindle読書量がうんと増えたのが原因みたい。 Sansei and Sensibilityというタイトルを見て「お！」となり、カバー（ジェイン・オースティンの肖像画がパズルになってる）を見て「おお！」となって、最初の短編の冒頭…

フリーランス　技術調査ブログ•先月

gatsbyjsにmaterial-uiを適用する

はじめに - gatsbyの環境を構築したので、gatsbyのレイアウトにmaterial-uiを適用してみる px-wing.hatenablog.com 参考ページ material-ui.com material-ui.com インストール yarn add @material-ui/core yarn add @material-ui/icons コード pages/index.jsファイル import React, { useState } from "react" import { Link } from "gatsby" import KV from "../component…

文学その５•先月

銀座の朝:岡本 綺堂(1-25)/25

銀座の朝 Ginza morning 岡本綺堂 Kido Okamoto 夏の日の朝まだきに、瓜の皮、竹の皮、巻烟草の吸殻さては紙屑なんどの狼籍たるを踏みて、眠れる銀座の大通にたたずめば、ここが首府の中央かと疑わるるばかりに、一種荒凉の感を覚うれど、夜の衣の次第にうすくかつ剥げて、曙の光の東より開くと共に、万物皆生きて動き出ずるを見ん。 In the morning of a summer day, if you step on the wolf skins such as melon skin, bamboo skin, cigarette butts, and paper scraps, …