友達がいないと悲しむ人へ、たくさんの仲間ができる居場所づくりの方法１０選 - 脱貧困ブログ
by：seanmcgrath 自分の居場所がありますか？ この質問をされて胸を張って「はい、あります！」と、答えられる人はどれだけいるでしょうか。 僕は思うんです。今ほど、居場所が重要な時代はない、と。 不景気で経済発展を諦めるしかない現代に必要なのは、お互いがお互いを助けあえる環境です。 当ブログが、何度も何度も、「またかよ！」とツッコまれているかもしれないにも関わらず（笑）、人とのゆるいつながりをアピールし続けるのは、居場所をつくる事がますます重要になって来ると実感しているからなんですよ。 そして、我々のような貧乏人、貧困予備軍を助けてくれるのは、頼りない国のセーフティネットではなく、間違いなく人とのつながり、つまり気楽に相談できる場所、自分の居場所なんです。 とは言え、実は、僕が薦める人とのゆるいつながりをつくること、自分の居場所をつくる事は、僕と同じような貧乏人、貧困予備軍にウケが
あなたは今も犯している！？モバイルUXの7つの失敗 - ふろしき Blog
ここ最近、モバイルWebコミュニティにて、Apptimize社のトップであるLynn Wang氏がポストした「7 Mobile UX Mistakes You’re Probably Making Right Now」が話題になっています。 www.sitepoint.com その内容とは、彼女自身が、A/Bテストを使い様々なモバイルアプリの改善を行い、その中で得られた知見をまとめたものです。若干、煽り気味なタイトルに見えますが、中身はしっかりしていて、多くの人がなんとなく感じていることをキレイに言語化しています。個人的にも、参考になると感じています。 本人の許可が頂けたので、日本語らしく読めるようざっくりと意訳し共有します。 1. 不必要にサインインをさせようとする 多くの人々は、ユーザのサインインが価値を持つものだと考えています。しかし、時にサインインは、ユーザに苦痛を与えます。たとえ
いつから「！」や「？」の後ろのスペースは消えちゃったのかな - Labo.299
長いこと縦書き主体の紙媒体にいたせいか、私は縦書きの方が読みやすい。でも、上のアンケートではまたもや少数派になってしまった。情報発信の場が、紙からＷｅｂへと移り変わってしまった現在に、２０世紀を遠く感じる。 ところで、いつから感嘆符や疑問符の後にスペースを入れなくなってしまったのだろう。もちろん入れているサイトも多くあるけれど、圧倒的に入れていない派が多い。あれがないと困る。その理由を、なるべくオブラートに包んで優しく言うね。 読みづれぇ。ゴメン、無理だった(｡･ ω<)ゞてへぺろ♡ ＜スポンサーリンク＞ もちろん、そのブログのデザインや文字の大きさにもよる。それでも、みっちり詰まった文字の羅列が何段も続くと休憩が欲しくなる。だから、「！」や「？」の後には一文字分（または半角）アケなさい、というのが出版業界の常識だった。 ところが、先日、毎週ポスティングされてくる地元フリーペーパーに目を通
Private Presentation
Private content!This content has been marked as private by the uploader.
[JS]日本語のどんなWebフォントでも美しくカーニングできるスクリプト -jQuery.Kerning.js
ウェブページで日本語のWebフォントを使用する時にカーニングを適用して、読みやすくて美しく表示するjQueryのプラグインを紹介します。 全角の括弧や句読点などの約物は、日本語のどんなフォントでもスクリプトのみで美しくカーニングできます。 ※文字間のカーニングは、フォントごとに設定が必要です。 jQuery.Kerning.js jQuery.Kerning.js -GitHub jQuery.Kerning.jsのデモ jQuery.Kerning.jsの使い方 jQuery.Kerning.jsのデモ デモでは上：カーニング無し、下：カーニング有りの状態で、明朝とゴシックの2書体がチェックできます。 適用されている方が、読みやすいですね。 ゴシック体のデモ、上：カーニング無し、下：カーニング有り jQuery.Kerning.jsの使い方 Step 1: 外部ファイル jquery.j
IEでもキレイ！ブラウザ上でアウトライン（縁取り）を表現する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は縁取りされたテキストをどのブラウザでも、とくにIEでもキレイに表示させる方法をご紹介いたします。 HTML <p class="outline">LIFE IS GOOD</p> HTMLはこちらを使っていきたいと思います( ˘ω˘)☝ CSS 以下、CSSを使った方法を３つ紹介いたします( ˘ω˘)☝ 1. テキストストロークを使う方法 -webkit-text-stroke-color: #000; -webkit-text-stroke-width: 1px; 比較画像 テキストストロークでの方法はキレイに表示されるものの、webkitしか対応していないため他のブラウザでは白い文字になってしまいます( ˘ω˘)☝ 2. テキストシャドウ使う方法 text-shadow: black 1px 1px 0px, black -1px 1px 0px, black 1px -1px
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
CSS3のtransformを使ったフォントの変形
CSS3のtransformプロパティでscale()(または-ms-filterでMatrix())を使うと、ブロックの拡大と縮小ができる。これを利用するとVerdanaをCondensedなフォントっぽく細くしたり、ワープロ時代の倍角文字や縦倍角文字を実現することが簡単にできる。コンテンツ本文に使うのは無理があるが、見出しなどには良さそう。特に@font-faceで気軽に変更できない(してもあまり効果的ではない)日本語の見出しには面白い試みなんじゃないかと思ったが、一番綺麗にしたいIE8で残念なので微妙。 Verdana Narrow? Demo: Verdana Narrow 単純に細くしたいブロックでtransform: scaleX(num);を使えば良い。 .narrow { -webkit-transform: scaleX(0.8); -moz-transform: sca
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
