.play { color: #ffba16; font-family: 'FB Condor Bold', sans-serif; font-size: 100px; letter-spacing: 0.2em; padding: 10px 0; -moz-transform: skew(-25deg) rotate(5deg); -ms-transform: skew(-25deg) rotate(5deg); -webkit-transform: skew(-25deg) rotate(5deg); transform: skew(-25deg) rotate(5deg); text-shadow: 0 1px #ff9b0d, 1px 0 #f79100, 1px 2px #ff9b0d, 2px 1px #f79100, 2px 3px #ff9b0d, 3px 2px #f79
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド(“&”) スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
おじさんといえば(^_^;)の顔文字である。 ブログやフェイスブックなどの割と社交的なネットサービスにいるおじさんがよくつかってる、何とも言えない微妙な気持ちになる顔文字。 なんで数ある顔文字の中でも(^_^;)を選ぶんだろう。 社交的ネットサービスで使うということは愛想笑いみたいなものとして使っているのだろうか。 でも「あせ」「ぽりぽり」の変換で出るということはやはり焦っているのか。というかぽりぽりってなんだ。調べたところ頬を書いてる場合は照れ隠し、頭をかいている場合は心理的拒絶らしい。ちなみに頭をかくのは頭皮によくないらしいよ。 ここで小学生時代から習得してきた国語を用いて文脈を読んでみるけど、これもまた絶妙というか 「無事チケットとることができましたよー(^_^;)」 「本当はラーメンのつもりではなかったのですが…(^_^;)」 みたいな微妙な顔文字のくせにやけに汎用性が高く色んな文
世界中で愛されている永久定番級のフォントといえばHelvetica(ヘルベチカ)、デザイナーじゃなくともお馴染みのフォントです。今回はHelveticaは余りにメジャーすぎてちょっと抵抗がある、、、というひねくれモノのあなたのためにHelveticaの代わりに使えるフォントを30種類紹介した記事を。 — SEO Japan Helveticaは筋金入りの書体だ。明確さ、順応性、徹底的な完璧さを持つそれは、スイスのデザイン文化の証だ。この有名な書体は、数えきれないほどの理由から愛されている。それ自体には何の個性もないために、どんな気持ちや感情や心象も受け入れることができる能力もその1つだ。 Helveticaは私たちの最高のリスペクトに値するが、Helveticaには叫ぶ必要のある問題がある。あまりに多くのデザイナーが永遠にそれに固執しているのだ。そしてそれは、他の全てのサンセリフ体に対して
Photoshopのチュートリアルというと英語が多いですが、日本語の方がサクサク読める(私の場合)ので、日本語で解説してくれているチュートリアル集をまとめてみました。 フォトショップでつくるキラキラに輝く人物の作り方 フォトショップでリアルな炎を出しながら走るバイクの作り方 フォトショップで夕日に輝く幻想的なライティング効果を作る方法 映画のタイトルロゴのような光と文字を描画するPhotoshopチュートリアル フォトショップでキラキラに輝く背景画像を作る方法 布地テクスチャーにペイント フォトショップでキラキラに輝くライティングエフェクトをつくるチュートリアル Photoshopで六角形のキラキラに輝く背景画像をつくる方法 フォトショップでオーロラが輝く地平線に太陽が沈む様子を描く方法 基本的な光の作り方2 基本的な光の作り方3 Photoshopで美女の画像に効果を入れる方法 フォトシ
(Please note that this article is a localized (to Japanese) version of a corresponding tech blog article in the English language) Netflixでは、2015年9月の日本における配信サービス開始時から日本語字幕を提供しています。 今回のブログでは、日本語字幕提供に至るまでの技術的な取り組みについて説明します。 字幕ソースファイルの仕様、字幕ソースファイルからNetflix配信用字幕への変換モデル、Netflixにおける日本語字幕の納品モデルなどを取り上げます。さらに、W3C字幕規格Timed Text Markup Language 2 (TTML2)導入に向けた対応についても触れます。 2014年の終盤にかけて、Netflixでは2015年9月に予定していた日
PowerPoint歴23年、デザイナー歴20年、経営者として10年以上に渡って自社のマーケティングやセールスに深く関わり、提案書を作ったコンペでの勝率91%を誇る私の知見を余すことなく注ぎ込んだ、『最強の提案書を作る方法~伝わるストーリー・コピー・デザインの法則』というスライドを公開しました。 便宜上「提案書」としていますが、企画書、営業資料、ホワイトペーパー、社内文書など、人を動かすために作られるすべてのビジネス文書に応用できるはずです。 提案書のストーリー、コピー、デザインに関する、実践的かつ具体的なノウハウを詰め込んでいます。デザインについては、プロのデザイナーではなく一般のビジネスパーソンを対象とし、仕事の中で本当に必要な知識だけをまとめています。 約170ページある本スライドは、私が企業向けにこれまで20回以上行ってきた有料講座の配布資料を元に、公開用に仕上げたものです。スライ
色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会(JPMA) ■ DIC 株式会社(旧・大日本インキ化学工業株式会社) DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構(CUDO) 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに いわゆる色弱(色覚異常)の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを
株式会社つみき UI/UX事業終了のお知らせ 拝啓 時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業(受託制作事業)につきまして、2024年4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日:2024年4月30日 biz@tsumikiinc.com
フリーフォントうつくし明朝体+は商用可の日本語書体 フリーフォントのうつくし明朝体+フォントは、無料ダウンロードでき商用可能な漢字も入った日本語書体。このフリーフォントは第二水準の漢字も含まれ、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えます。ひらがな、カタカナをオリジナルで制作し、漢字をIPAex明朝で補完しています。 フォントのデザイン特徴について オールドスタイル明朝体は、基本的に縦書きの美しい流れを重視してデザインされています。印刷物やデジタルデバイスなど日常生活において明朝体の横書きが主流になっており、今後はより横書きの需要が高まっていくと感じています。うつくし明朝体+は柔らかさ・レトロな味わい・漢字とかなのバランスなど求められるオールドスタイル明朝体のエッセンスは残しつつ、横へのつながりを感じさせるモダンなデザインにしました。垂直水平のライ
周りで Mac を使い始める人が増えてきた。 Mac OS といえば 多彩なキーボードショートカットも魅力のひとつですね。 ちょっと検索したら大量の情報が出てきます。 でも、お勧めしたいショートカットが多すぎて 教える方はついついあれもこれもと詰め込んでしまいがち。 結果、コンピュータの操作に慣れてない人はそれらを見て 「そんなに覚えられないよ」と諦めちゃったりもするんじゃないかな。 というわけで 「まずは最初にこれだけ覚えてほしい」と思うものを 10の項目にわけて挙げてみます。 便利なショートカットはたくさんあるから もちろん異論はあると思うんですけど 目の前にいる人を想定して書きますね。 OS の機能 特定のアプリケーションではなく、 Mac OS の基本機能から2つ。 command + tab でアプリケーションを切り替える 複数のアプリケーションを起動している状態で comman
ぱんかれはいつも「なんかないかのう」とつぶやきます。 しかし、このワードをつぶやいているときは面白いモノを作るきっかけを探しています。 高速道路フォントを作り始める前にも「なんかないかのう」とつぶやいていました。 最近はコンビニエンスにいろいろなものが簡単に実現できるようになりました。 調べることも、遊ぶことも、作ることも、何か始めることでさえ、ネットにつなげることができればすぐ完結できてしまいます。 そんな世の中を受け入れつつも、他の方の「こんなのないかのう」を満たすような、なにか変わったものをつくりたい。 サイト名称「5r4ce2(ファイバーフォースツー)」は、Fiber(繊維のような)とForce(力)、この2つを組み合わせたものです。 みなさんと、がっしり結びつきながら、新たな方向性という「力」を、世に発信していければと考えています。 いっしょに、私たちと楽しんでみませんか? 20
MORISAWA Fontpark 2.0は、Flash Playerのサポート終了に伴い公開を終了しました。 アーカイブ映像を配信していますので、ぜひご覧ください。 MORISAWA Fontpark 2.0 is no longer available due to the end of Flash Player support. Please check out the archived videos.
先月、精神分析をしてもらい34歳にして知った事実を書こうと思う。きっと同じ人がいるんじゃないのかと思う。 僕は昔から人の話を聞くのが遅かった。理解するのに時間がかかっていた。 なので僕の頭はなんと回転が遅いのだろう、とクヨクヨする事も多かったし、友人たちや上司からは「理解力がない」とよく言われていた。後輩からもバカにされる事が多かった。 なので、いろんな方法で少しでも頭の回転を早くしようと努力をしていた。 ノート、メモ帳をつねに持ち歩き、その人の言葉を書き留める。 あとで見なおして反芻する。ケータイ(今はスマホ)は常に持ち歩き、自分自身にメールする形で聞き漏らしがないようにする。 しかし、ネットが仕事に入り込むようになって理解が遅い事もあまり苦にならなくなってきたのが幸いだった。 なんせ、文字として残るから理解が遅くても取り返せる。 そんな風に過ごしていたある日、僕は衝撃的な事実を知った。
「この発想はなかった!」と驚いた。genoTyp はフォント同士を交配させて新しいフォントを生み出す実験サイトだ。早速、試しにやってみた。1. 第一世代の親を決めるgenoTyp を開いて左上の [Breed] タブをクリックすると「交配ページ」が表示される。[add original font] ボタンをクリックして、祖先となるフォントを2つ追加してみた。交配させるために2つのフォントをドラッグしてくっつけた。くっついた状態になれば交配の準備は完了だ。2. 交配させてみる中央の [cross] ボタンを押すと第一世代が誕生する。4人の子供が誕生した。父親似だったり、母親似だったり、子供によって雰囲気が異なっている。3. 第一世代でも交配別の [original font] を追加させて、第一世代の中から気に入ったものと交配させてみた。3人の子供が第二世代に誕生した。4. さらに交配!今度
Make Your Mark Fonts are an important part of your site typography. Fonts that are too fancy can be hard to read, while too plain ones can be outright boring. That’s why you should focus on choosing a font that’s legible yet appealing. Selecting the right font style can provide an attractive appearance and preserve the aesthetic value of your content. It plays a vital role in setting the overall t
私が子供の頃住んでいたのはたいそうな田舎だったのですが、その中でも我が家は更に辺鄙な場所にありました。 幼稚園に入るまで、妹と私はお互いだけが遊び相手でした。我が家の半径3km以内には、他に子供がいなかったからです。 そのせいでしょうか。 幼稚園に入ってすぐに私は、自分の対人スキルが同年代の子と比べて大幅に劣っていることに気付きました。 遊びの仲間に入れない。 たまに入れてもらってもどんくさくて、みんなをイライラさせてしまう。 遠いとおい昔のことなのに、入園当時にあったいろんな出来事を、私は今でも思い出せます。 それだけ毎日緊張して過ごしていたのでしょう。 自分が他の子供と上手く遊べないことに気付いた私は、自分の何がそれほどまでに駄目なのか、いっぱい考えるようになりました。 かなしくて苦しかったですが、ぎゃんぎゃん泣きながらお母さんに引きずられて幼稚園にやってくる子が他にいたりしたので、自
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く