Webでの文字のレイアウトについて - 2011年に試してみたこと - - くらげだらけ
2011年の後半あたりから文字や文字組に興味を持ち始めました。元々、大学時代に文字についての勉強をちゃんとできていなかったことが、ある種のコンプレックスのように感じていました（今もそうです）。そのうえで「デザイナー」という肩書きを持っていることを嫌って、名刺にデザイナーではなく「制作」とわざわざ入れたこともありました。 そんなこんなで過ごしながら今年読んだ本が「文字をつくる―9人の書体デザイナー」と「文字講座」という本でした。どちらの本にも文字がどんなふうにできたのか、どんな想いでできたのかといったことが書かれていて、非常に面白かったです。それから書体や文字組に関する本を読んだりして少しずつですが勉強している毎日です。 最近では電子書籍が少しずつ読めるようになって来ました。私もiPhoneで読んだり、iPadで読んでみたりしています。私もWebに関する仕事をしているので、最近ではWebの文
スパムメールから収集したテキスト装飾 : mwSoft blog
先日、我が家の捨てアドを久々に開いたら、数千件のスパムメールが溜まっていることに気づいた。 オオアリクイみたいなセンスの良いスパムがないかなぁと思って軽く見てみたが、残念ながら良質な内容は見当たらなかった。 ただ、見ていると、テキスト装飾が凝ったものが多くて感心した。 仕事でも情報をテキストで残すことがあるけど、そんな時にちょっと見やすくするのに使えるのではないかと思って収集してみた。 ============================================================ ************************************************************ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ----------------------------------------------------
コピーとカリスマブロガーに学ぼう！ 魅力的なタイトルの作り方 - はてなニュース
ネット上で文章を書く機会が増えています。せっかく書いたものは多くの人に読んでもらいたいですよね。そのためには内容が大事なのはもちろんのこと、読み手が最初に目にする「タイトル」も重要。読み手を魅き付けるタイトルを作るために、「キャッチコピー」と「カリスマブロガー」に学んでみましょう。 キャッチコピーに学ぶ キャッチコピーとは、人の注意を引く言葉。キャッチコピーの作り方を学ぶのは、タイトルの付け方を知るのに有効です。 クリックさせるキャッチコピーの作り方 - livedoor ディレクターブログ このエントリーでは「伝えたい『特徴』と『相手』をリストアップして組み合わせる」というやり方が紹介されています。3つの小技として、「相手に呼びかける」「数字を使う」「カタカナの繰り返し言葉を入れる」というのも。キャッチコピーを作るには「誰に何を伝えるか」をはっきりさせることが大事です。タイトルを付ける際
人生にやる気を与える24の名言:Garbagenews.com
デザイン系で色々と面白いネタを提供してくれるToxel.comだが、先日掲載された記事には少々意外さを感じると共に驚かされれた。モチベーション向上や勇気をつけてくれるような偉人たちの名言と称し、24の「やる気が出てくる名言」が並べられていたのだ。中には日本語訳されてすでに知られているものもあるが、せっかく目にしたこともあり、ここに翻訳してみることにした(【24 Motivational and Inspirational Quotes】)。 「物事がうまくいかないと思ったら、まず最初にあなたがこれまで何人の人を幸せにしてきたかを考えなさい」(H. Duane Black) 「成功とは目的ではなく過程である。成した事そのもの(プロセス)こそが大抵において結果よりも尊いことに他ならない」(Arthur Ashe Jr) 「成功への秘けつなど何も無い。準備、キツい努力、そして失敗から学んだことに
正規表現の文字クラスまとめ - 名もないテクノ手
先日、Yuji@勉強部屋さんと電話で話していて、文字クラスの理解が正規表現の「一里塚」だなぁ、と感じました。InDesignで初めて正規表現に接する方も多く、戸惑われている人もいらっしゃると思います。 文字クラスは正規表現の中でもちょっと特別な存在です。文字クラス内だけで使えるメタ文字や、位置によって意味が変わるメタ文字もあります。文字クラスについては、日頃使い慣れた人でも間違えやすい部分もあり、結構奥が深いのでおさらいの意味も込めてまとめておきます。 文字クラスの基本 ここで言う「文字クラス」は、「POSIXブラケット表現」とも呼ばれます。違うサイトや書籍などで、これらの用語が混在することがありますが、ほぼ同じと考えて差し支えありません*1。 文字クラスは任意の１文字にマッチする「文字集合」を表現できます。 簡単な例から見てみましょう。たとえば「お母さん」と「お父さん」のどちらにもマッチ
Webタイポグラフィまとめ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド（“＆”） スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
「プロらしさ」を生むWeb文章校正の５大鉄則：NBonline(日経ビジネス オンライン)
校正というと、誤字・脱字をチェックしたり、「てにをは」の修正をしたりといった作業を思い浮かべる人も多いのですが、これは間違いです。もちろん、こうした行為も校正の一つではありますが、もっと大切なことがいくつもあります。 原稿というのは、不思議なもので、書き上げたばかりのものよりも、寝かせて見直して、手直しを入れたもののほうが、はるかに出来がよくなります。「勢いで書き上げる第一稿、落ち着いて見直す第二稿」とか「ラブレターと原稿は一晩寝かせてから提出する」という言葉が、物書きの間では、よく出てきます。 もし、あなたが勢いで書き上げた第一稿を見直さず、クライアントに提出したり、Webサイト上に掲載したりしたらどうなるでしょうか？ ほとんどの場合、誤字・脱字があったり、読みづらい文章があったり、間違いがあったりするでしょう。 原稿の品質向上のためには、見直す時間も考慮して、スケジュールを組み立てるこ
こどものもうそうblog | 文章を書いたらチェックしたい17の項目
Selected Entries 文章を書いたらチェックしたい17の項目 (09/18) Categories WORKS (594) 講座 (236) game (153) BOOK (373) computer (23) iPhone&iPad (2) MOVIE (48) music (38) News Dig (23) PLAY (136) publication (52) web (20) web game (26) すごいよ！ (45) カード (15) ゲームをつくろう (3) ゲーム実習 (14) コックリさん (11) 気になるの (109) 写真 (24) 日々 (128) 萌え発想 (32) Archives August 2017 (1) April 2017 (1) December 2016 (1) November 2016 (1) October 2016
[CSS]テキストにグラデーション効果をつけるスタイルシート
Web Designer Wallにエントリーされている、テキストにグラデーション効果をつけるスタイルシートの紹介です。 CSS Gradient Text Effect 仕組みは、見出し要素(h1)に空のspanを記述し、グラデーションの背景画像を表示しています。 デモページでは、下記のようなさまざまなグラデーションをつけたテキストがあります。 CSS Gradient Text Effectのデモページ 利点としては、下記のような点が挙げられています。 テキストなので、ブラウザからのサイズの拡大・縮小が可能。 背景画像を変更することで、グラデーションを変更することが可能。 見出し画像をいちいち作成する必要がない。 数が多い場合、作成時間・帯域の節約になる。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TxtNinja.com - Hide email, text or domain from search engines
TechCrunch | Startup and Technology News
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 12 | コリス
http://www.designwalker.com/2009/05/illustrator-text-effect.html
Index of /
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 11
Photoshopの「テキストツール」をより便利に使う10のコツ | クリエイティブ・タブロイド withD（ウィズ・ディー）
ウェブ製作に役立ちそうなタグ付ダミーテキスト『HTML Ipsum』 | 100SHIKI
Etherpad Foundation
引用β