Web制作における文章の可読性について考える ｜https://wp.yat-net.com/name
ブログにしてもサイトにしても同じ事が言えますが、サイトのコンテンツで一番読むのは文章です。なので我々作り手も文章の可読性に関してはしっかり考えたいなというところです。 Index 1.文章の可読性とは？ 2.文章のブロック・段落 3.行間 4.余白 5.テンポ・リズム 6.フォントについて 1.文章の可読性とは？ 当たり前なことですが文章の可読性とはつまり「読みやすさ」です。文字が小さすぎたり、背景色に近い文字だったりすると当然可読性は落ちますね。 コンテンツに記述されていることが優れていても、文章が読みづらそうといった先入観や、読んでいて読みづらいという認識を持つとそのサイトに対してどう思うでしょうか？ 文字のサイズが小さいだけならブラウザのサイズを変更して読んでくれるかも知れませんが、他のサイトへ離脱してしまう可能性は十分に考えられます。人はストレスを感じることを嫌がりますのでよっぽど
うのらぼ。 - 【iPhone】iOS5で追加になったもろもろ
ここ見ながらまとめてる http://jsdo.it/GeckoTang/8ldM position: fixed;の実装 overflow: scroll/auto;に対応が1本指でスクロールするようになった -webkit-overflow-scrolling: touch;を指定するとスクロールバーを出せる(ネイティブなスクロールになる) バーが出てた方が動きが滑らか position:fixed;な要素と-webkit-overflow-scrollinを指定している要素が重なった時、z-indexを指定していないとおかしな挙動をする。 z-indexが指定してあれば問題ない模様。 あとは日時に関する入力タイプ(<input type=”datetime”>など)でドラムが出るようになった。 date month time datetime などなど。 valueに値が無いと空っぽ
Terminalで「ZOO KEEPER」を楽しむ - すぎゃーんメモ
Apache ZooKeeperのことではありません。ゴメンナサイ。 「ZOO KEEPER」というゲームが好きなんです。 KITERETSU: ZOOKEEPERアクティブ ZOO KEEPER (ゲーム) - Wikipedia 最近突然またZOO KEEPERをやりたくなってFLASH探してみたりiPhoneアプリで探してみたりしたのだけど、 「これ、ターミナルで作れんじゃね？」と思ったので、作ってみた。 h, j, k, lでカーソル移動、spaceで選択してさらにh, j, k, lで隣のモノと交換。 ３つ並べば消えて新しいものが落ちてくる。連鎖あり。消した数だけ下に表示。 動物の文字は適当ｗ オリジナルと同じにしようとすると一文字で表現できないので。 とりあえず自分のMacのターミナルでしか試してないので他の環境だとどうなるのか全然わからないんだけど。 ざくっと書いたソースは以
Calendar 2024
Pin the extensionThis will allow you to have quick access to the calendar Click on the calendar iconThe calendar will appear in the upper right corner. You can flip through the months and change the year.
Zend Framework-1.11 ファイルのダウンロード setHeader
ここでは、アクション内でファイルをダウンロードするサンプルコードを記載する。 詳細はコメントを参照のこと [PHP]public function downloadAction() { // $this->_helper->viewRenderer->setNoRender(); $dlFilePath = "path/to/download.tar.gz"; // ダウンロードするファイルパス $dlFileName = "name.tar.gz"; // ダウンロードファイル名 // ヘッダの設定 $this->getResponse()->setHeader('Content-type', 'application/octet-stream'); $this->getResponse()->setHeader('Content-Disposition', 'attachment; f
パパママ必見！ 「魔の2歳児」を愛すべき10の理由 – ロケットニュース24（β）
「魔の2歳児」という言葉がある。天使のような赤ん坊が小悪魔に変わる時期――自我が芽生え、ヤダヤダが増える我が子に多くの親が手を焼く。この時期が早く過ぎることをひたすら願う人も多いだろう。 しかし自らも2児の母であるライターのローレン・ワーナー氏が「魔の2歳児を愛すべき10の理由」という記事で、なぜこの時期が大切で素晴らしいかを綴っている。小さな子どもを持つ読者の皆さんにも、ぜひ参考にしていただきたい。 1. 決断力 2歳児の、こうと決めたら譲らない頑固さは親の頭痛の種かも知れない。しかし何かを要求したり選び取ったりする意志力は、大人になった時のひたむきさや自信に繋がっていく。今朝はご飯とパンどちらを食べたいかなど、選択肢を与えて自発的に考える習慣をつけてあげよう。 2. 創造力 壁に落書きしたりタンスに虫を入れたり、親を悩ませる行動の数々。しかし全てを叱って禁止しては、伸びるはずの創
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa's
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ 2011 10/11 グラフを描画してくれるjQueryプラグインを紹介します。 グラフを動的に作ってくれるものとしては、他のjQueryプラグインやGoogle Chartというサービスなどがあります。 が、今回の”jQuery Visualize”は、中でも一番使いやすそうでしたので、ご紹介します。 他のプラグインについては、【jQuery】IEでも使えるグラフ描画ツール | 岡山のWebプログラマーがつぶやくブログ | 神歌.blogでまとめて紹介されています。 作れるグラフの種類 グラフは以下のものを使うことができます。 棒グラフ 線グラフ 線グラフで線の下を薄く塗れるやつ 円グラフ デザインは二種類 冒頭写真の黒っぽいCoolなのと別に、白っぽいのも用意されています。 また、背景画
2012年のWebの流行はライフログの「入り口」か「出口」になるサービス : けんすう日記
これからのWebサービス いやあ、Web業界が盛り上がっていますね。Webサービスで何かやりたいという人はあと数ヶ月くらいはこの流れが続く気がするので、今のうちにがんばってみるのもオススメかなと思っています。 ところで、僕が最近思っていることとしては、2012年くらいのWebサービスの流行は、「ライフログの入り口か出口のどちらかを担ったもの」になるのではないかと思っています。 そんな話を詳しく説明します。 ライフログとは何か まず、そもそもライフログとはなんでしょうか。 ライフログとは、僕の定義だと「人生のいろいろなものを記録すること」だと思っています。 たとえば - 行った場所の記録 - 食べたものの記録 - 考えていることの記録 - 一緒にいた人の記録 などを記録することを指します。 今でも結構流行っていて、先進的な人たちがEvernoteを使ってやっていたりしますね。こんな本も読みま
「ソーシャルゲームはなぜハマるのか」理解するための一冊 - elm200 の日記(旧はてなダイアリー)
ソーシャルゲームはいまの日本のウェブでもっとも利益率が高く、急速に拡大を続けている分野である。だが、私はソーシャルゲームというのを常々苦々しく思っていた。やっかみもあったのかもしれないが、なにしろソーシャルゲームの何が面白いのか少しも理解できなかったのだ。 だが、最近ソーシャルゲーム会社の幹部の方たちに会い、かれらの優秀さと人柄の良さに感銘を受けた。意外なことに、彼らは意欲的に生き生きと自分の仕事に取り組んでいるように見えた。 いったいソーシャルゲームとは何なんだろう？確かにくだらなく見えるのだが、自分で試さなければ、先入観だけで物事を判断する年寄りと変わらないではないか。そのため、わざわざ6年ぶりにガラケーを手に入れ、実際に試してみることにした。それと同時に、理論的にソーシャルゲームを解説している本はないだろうかと、ネットで評判のよかったこの本を入手した。 ソーシャルゲームはなぜハマるの
「Java 7」とはどんなリリースだったのか、チーフアーキテクトが解説。JavaOne 2011
サンフランシスコで先週、10月4日から開催された「JaveOne 2011」。基調講演で最初の話題として語られたのは、7月に登場したばかりのJavaの最新バージョン「Java 7」についてでした。 Java 7とはどんなリリースなのか、基調講演の模様を紹介します。 「プランB」としてリリースされたJava 7 オラクル Java Platformチーフアーキテクト Mark Reinhold氏。 1年前、Java SE 7をどうすべきか、みなさんに質問をした。そのときには主に5つの大きな新機能候補と、そのほかに細かい新機能候補があった。しかもその時点ですでにJava 6から6年が経過していた。 この新機能候補のうち、いくつかは開発に時間がかかりそうなものがあり、それらをJava SE 7から分離してJava SE 8の新機能とした計画を「プランB」とした。これならJava SE 7が当初よ
JavaScriptで作れるiPhone用ボイスレコーダー (1/5)
HTMLやCSS、JavaScriptでスマートフォンアプリを開発できるフレームワーク「PhoneGap」。PhoneGapでは、通常のWebアプリでは実現できない、スマートフォンならではの機能を使ったアプリも作れます。今回は、iPhone用のボイスレコーダーアプリを作ってみましょう。 PhoneGapで音声を録音するには、W3Cで仕様策定中のCapture APIと、Phone Gap独自のMedia APIの2つの方法があります。Capture APIを使うと専用のUIに切り替わりるので、JavaScriptでは録音と再生しか処理できません。一方、Media APIでは、通常のWebページの中に録音・再生機能を埋め込んでアプリを作れます（ただし、現行バージョンではまれに録音が途切れることがあります）。今回は、Media APIを採用します。 なお、録音処理はiOSシミュレーターでは動作
Dartすごい。マジすごい。美しい
Dart : Structured web programming というわけで、Dartが発表されてからこのかた、Dartの規格を読んでいたのだが、これはすごい。マジですごい。ヤバイほどすごい。美しすぎる。 私が多少なりともかじっている言語は、C++とJavascriptとアセンブリである。私は、もうこれ以上、学びたいと思う新言語が出てくるとは思っていなかった。たしかに、C#はWindowsでアプリを作るには面白そうだし、PythonやらRubyやらは、かなり人気だ。しかし、これらの言語を学びたいとは思わなかった。昔、Schmeに興味を持ち、SICPを買った。しかし、未だ綺麗なまま、本棚の中に眠っている。Haskellに興味を示したこともあったが、やはり最初の感動が覚めると、学ぶ気にはならなかった。つまりは、わざわざ学ぶほどの魅力がなかったのだ。しかしどうやら、私は間違っていたようだ。D
ポモドーロ
□ ポモドーロ 2人分 パスタ(スパゲティ-ニ)・・200g ゆでる塩・・・・・・・・20g 粉チーズ・・・・・・・・・大3 ＜トマトソース＞ ホールトマト・・・・・・1缶(400g) 玉ネギみじん切り・・・・1/4個 オリーブ油・・・・・・・60ml ローリエ・・・・・・・・1枚 塩コショウ・・・・・・・少々 生バジルの葉・・・・・・・2〜3枚 □ ポモドーロって、、 ポモドーロ(POMODORO)はイタリア語で『黄金のリンゴ』つまり、『トマト』のことなんです！ □ 作り方 1 ＜トマトソース＞を作る。鍋にオリーブ油、みじん切り玉ネギを入れて強火にかける。玉ネギが淡いキツネ色になればローリエ、手でつぶしながらホールトマトを加え、中火にする。煮立てばアクをすくい10〜12分煮、最後に塩コショウで味を整える。 2 パスタをゆでる。塩を入れた煮たった熱湯にパスタを入れ、
FizzBuzz は時代遅れらしいので FibBuzz を発案します | cod.note
This domain may be for sale!
Opera最新開発版で「ラグナロク」搭載 | エンタープライズ | マイコミジャーナル
Opera’s newest Web browser introduces a new technology platform. Opera Softwareは最新のOpera開発版に「ラグナロク」を統合したことを発表した。「ラグナロク」は新しく開発されたHTML5パーサ。これで次期OperaはHTMLパーサを刷新することになる。Operaはこれまで既存のHTMLパーサを機能拡張したり改善しながら使い続けてきた。オリジナルのパーサはメモリの使用量が少なく、組み込みデバイスなどメモリが少ない環境でも動作するという特徴があった。 今回、HTML5に対応させるためにパーサを新しく実装。既存のパーサはメモリの使用量は少ないものの、それを実現するために実装が複雑だったという反面も持ち合わせていた。今回新しく実装された「ラグナロク」はより見通しのよい方法を実装に採用している。従来よりも多少メモリの使用
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
