こんにちは、LIGブログ編集長の朽木です。世の中には“わかりやすい人間”と“わかりにくい人間”がいて、概してわかりやすい人間の方がよくモテ、出世もしやすく、幸せな人生を送れると思う今日この頃です。 わかりにくい人間であるところの僕は、せめて自分の書く文章くらいはわかりやすくしたいと思っておりますが、みなさまの文章のわかりやすさはいかがでしょうか。 文章を書くことは、なにもライターや編集者だけの仕事ではありません。社内の報告書、社外へのビジネスメールなど、コミュニケーション・ツールとしての文章は、どんなに技術が進歩してもなくならないものです。 “他人が読むこと”を前提とするにあたり、目的は相手に情報を伝えること、であれば大切なのはその文章がわかりやすいかどうかになるでしょう。 僕は、月に100本くらいの原稿をチェックします。まだまだ勉強中の身ではありますが、そんな生活を続けていると、少なくと

By Steven Martin 「blinkタグ」とはテキストを点滅させる効果を持つHTMLコマンドの1つで、多くの人々に最も嫌われるタグの1つとして知られています。Netscape Navigator 2.0に独自に実装されていたものですが、IEはもともとサポートしておらず、2013年にFifefoxがblinkタグのサポート廃止したこともあり、近頃は見かけることもなくなっています。そんなBlinkタグの発明者自らが、「なぜblinkタグを開発したのか？」というおもしろおかしな開発秘話を語っています。 the origin of the tag - www http://www.montulli.org/theoriginofthe%3Cblink%3Etag 1994年当時、ルーさんはNetscapeを設立したエンジニアの１人であり、現在のポピュラーなブラウザの先駆けとなったテキスト

管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね！を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ Fireworksでテキストや図形の大きさを変える場合、プロパティから数値を入力する以外に、「拡大・縮小ツール」等でキャンバス上でドラッグし、大きさを変更する事もできます。その際、テキストを他オブジェクトと一緒に選択していたり、変形後の図形に角丸を付けようとすると表示がおかしくなる場合があるので注意が必要です。 ※Twitterにて、テキストの現象の対処法についてご質問を受けました。ついでに角丸部分の直し方も合わせ、情報共有のため記事にしておきます！ まずはテキストの文字サイズがおかしくなる場合の、実証と対処法です。 テキストを選択し「拡大・縮小ツール」で縮小する この場合、何も問題なくテキストを小さくできますよね。

2014年8月22日 CSS モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック！基本的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 ↑私が10年以上利用している会計ソフト！ テキスト周りで使えるCSSの小技　目次 テキストを選択する時の色を変更 蛍光ペンで線を引いたような効果 長いテキストを「…」で省略する 番号リストの表現を変更 リンクの種類でアイコン変える 言語によってスタイルを変更 テキストリンクのエフェクト プリント時はURLを表示 長いURLを途中で折返す 途中で折り返さず、次の行に 先頭の文字を大きく 先頭を一文字分あける グラデーションテキスト ブラウザーは特記していなけれ

はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい：photoshopのアンチエイリアスについては、基本的には５種類 Photoshop上で文字を扱う際には、指定出来るアンチエイリアスは、 なし / シャープ / 鮮明 / 強く / 滑らかに の５種類です。 「なし」に関してはアンチエイリアスがかかっていないので、 文字のままのドットで表示されますが、 他の４つに関しては シャープ：文字が太い / くっきり 鮮明：文字が細い / くっきり 強く：文字が太い / なめらか 滑らかに：文字が細い / なめ

Home » Mac » Macアプリ » Mac仕事効率化 » コレ凄い！Wi-FiなくてもBluetoothだけでMacからiPhoneにテキスト＆画像を転送できる「Scribe」

こんにちは、鴨田です。 何らかの要素が縦横中央揃えになっているデザインが結構な頻度で出てきます。 デザイナーとしては見栄えを考えてそうしているのですが、 コーダーとしては、横方向はまだしも縦方向の中央揃えは何かと面倒だったりします。 いくつかケースがあると思うので、それぞれに関して自分ならこうする、 というコーディングをしていきたいと思います。 とある要素の中で画像だけを縦横中央揃えしたい、というケースもあると思いますが、 今回は画像があってその横に来るテキストを縦方向に中央揃えしなければならない、 というデザインに特化した説明をします。 また、画像の横幅は決まっているけど、テキスト部分の横幅が可変となっていて、 かつ、画像とテキストを内包するリンクは縦横いっぱいにリンクエリアが確保されている というリキッドレイアウトとします。 ０．元となるHTML HTML <div class="wr

管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね！を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ 回線の高速化も進み、従来よりかはコンテンツのファイルサイズをそこまで気にしなくてもよい雰囲気にもなりましたが、ページの読み込みは抑えられるのなら、できる限り抑えた方がよいのは明白です。読み込みコンマ数秒の間に、手から砂が零れるようにユーザーはページ離脱へと向かってしまいます。 そこで、Fireworksの機能「JPEGマスク」を用いて、画像の画質を細かく設定してみましょう。 この機能を使うと、画像内の重要な部分（メインの被写体や文字）の画質を上げ、重要度の低い部分（背景など）の画質を下げる事が出来るのです。 つまり、画像の見せたいところだけを見せ、画像自体のファイルサイズを抑えることが出来ます。 写真を選択し、選択範

先日、弊社プログラマーの段田さんのブログで、ボーナスアップの道具として利用された野田です。 あれは、久しぶりに傷ついた。 そして、プライベートでもいろんな人にいじられた。 ネットって怖いですね。 さて、今回は、WEB制作に役立つ定型文のご紹介を致します。 僕自身、デザインする際に構成からガッツリ考えるのが大好きっていうか仕事なので、 それにあわせてダミーテキストを考えることが多いです。 デザインを提出する際には、「テキストテキストテキスト」や「ダミーダミーダミー」で提出することは絶対にしません。 お客様の意図を読み取ってこちらからご提案させていただくということも、Webデザイナーには必要なスキルの一つだと思うからです。 あたりまえなことですが、こういう部分に気づかない方も案外いらっしゃいます。 正直、僕もデザインを始めてすぐの頃にはそんな感じでした。 「仮」という言葉に甘えてしまう事は良く

一定期間更新がないため広告を表示しています

←こういう感じで、画像の横にあるテキストを画像に対して上下中央にするってーのは、今まで出来ないと思ってたんす。 だけども、ヨモツネットさんの記事でヨモツネット[日記] ≫ CSS で簡単に上下中央揃えを実現するってが紹介されてたので、試して見ました！ display: table-cell;がポイントになってて、IEはハックで対応みたいな感じです。 デモページ 画像とかの横にあるテキストを上下中央にする。のデモページ ヨモツネットさんとまるっと同じサンプルだとアレなので、ちょっとだけ実用的な感じでつくってみましたよっと。 ちょっと、IE6で確認してないので、ダメだったらご連絡ください。 IE6対応しました。ハックの書き方がいけなかったようです。すみません。 div.centeringTest p { display: table-cell; vertical-align: middle;

髪を切って2日目で失敗したことに気がついたminamiです。 今回もちょっとだけ便利なFireworksのコマンドです。 テキストボックスを改行で分割するコマンド 右クリックなどで保存してください。ご使用は自己責任でお願いいたします。 読んで字のとおりですが、テキストボックスを改行部分で複数のテキストボックスに分割してくれるコマンドです。 画面をデザインをする際に、テキストを原稿からパーツにわけて一つづつコピペ・・・がめんどくさかったので作りました。 使い方 テキストボックスを選択して、「コマンド→スクリプトを実行」でスクリプトのファイルを選択して実行するだけです。改行でテキストボックスに分割されます。複数のテキストボックスを選択して実行するとそれぞれ分割されますが、テキストボックス以外のオブジェクトを含めるとそのオブジェクトが消えてしまうので注意してください。 作ってみてわかったこと v

2013年10月10日 Web関連記事, ユーザビリティ 私は基本的に一日60記事前後、多くて100記事のブログに目を通しています。でもその中で上から下まで全て読むのはその半分以下。途中で記事を読むのをやめる事も多々あります。理由は求めていた内容と違った、というのも多いですが、「読む気がなくなってきた」なんてものも。最後まで読んじゃう記事はやっぱり読みやすさやまとめ方が違います。今ブログを書いている方も、これから始めようと思っている方もぜひ気をつけて欲しいブログ記事の書き方をまとめてみました。 ↑私が10年以上利用している会計ソフト！ 1. 画像を使う これはチュートリアルサイト等の、何かを説明している記事は特に必要だと思います。私の英語力がまだまだだった頃のお話ですが、英語力がないにもかかわらず勉強も兼ねて英語サイトのみ閲覧するようにしていました。その時に思ったのが、スクリーンショット画

台風に対する JR の弱さはなんなんでしょう、火属性でもついてんのかしら。toyama です。 相変わらず Fireworks の小技です。 Fireworks でテキストを打って、色やらフォントやら行間を設定して、これと同じスタイルでもう1ブロック書こうと思ったら、テキストブロックそのままコピペしてテキストを上書きするのが人情ってもんですよね。楽だし確実だし。 よくあるのが、[1]みたいな長文のテキストブロックそのままコピペして[2]を書いたら、[2]の文章が思いのほか短くてテキストボックスの端があまってしまったりする状態。 こんなアンバランスな状態でも、整列コマンドなどはテキストの部分だけを見て働いてくれるのでなんら問題ないと思っていたのですが「こういうのキライ！」と社内のデザイナーに言われてしまったので（名前は伏せます）、これを解消する方法をご紹介します。 1. テキストボックスを選