可読性、ユーザビリティを向上させるテキストハイライトライブラリ·Fokus MOONGIFT
Fokusは選択した文字の周囲だけをハイライト表示させるJavaScriptライブラリです。 ユーザビリティを高めるアイディアの一つとして、ユーザが行ったアクションに対してその場で応えるというのがあります。今回はそのためのライブラリFokusを紹介します。選択した文字周辺だけをハイライトするJavaScriptライブラリです。 最初の表示です。 適当に文字を選ぶとその部分だけがハイライトされます。 選択する文字を変えれば当然ハイライトも移動します。 複数の段落にまたがればハイライトも大きくなります。 目立つのでコピーしやすくなりそうです。 Fokusはニュースや論文、ブログ記事など長文が多いサイトにおいて用いると読みたい部分だけに集中できて便利かも知れません。フォーカスが変わった時のアニメーションもスムーズでストレスなく読み進められそうです。 FokusはJavaScript製、MIT L
Fokus - Emphasized text-highlighting using JavaScript
Fokus uses JavaScript to emphasize anything you select by covering the rest of the page with semi-transparent black. Try it out by selecting this paragraph or the sample content below. You'll see the entire page fade out while this text is highlighted. If you want to use Fokus on your site you just need to include the fokus.min.js script (3kb, no dependencies). Fokus is also available as a Chrome
Set Text on a Circle | CSS-Tricks
There isn’t any super simple standardized way to set web type on a circle (or any kind of curve). But it can be done! We’ll explore one way to do it here. But be forewarned, we’re going to use some CSS3 and JavaScript and not give two hoots about older browsers that don’t support some of the required tech. If you’re interested in this for a real project, this kind of thing is probably still best s
テストやモックアップに。ダミーのHTMLソースを生成する·Fixie MOONGIFT
Fixieは自動的にWebコンテンツを生成するモックアップアプリ用ライブラリです。 Webデザインをしていたり、デザインやライブラリのデモサイトを作る際に必要になるのがダミーのコンテンツです。適当な文字でも良いですが、より本物らしいコンテンツを使ってみたいならばFixieを利用してみましょう。 それっぽいコンテンツが表示されているのが分かります。 実際のソースです。コンテンツがないのが分かります。 読み込むたびに記述が変わります。 Fixieはコンテンツ生成時に使ってほしいタグを用いて利用します。例えば「 」といった具合です。さらに他のタグを使う場合には中に「 」といった具合に記述していきます。そうすれば自動的にそのタグを使ったコンテンツが生成され、文字も適当に作成してくれます。 FixieはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIF
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Modal-Style Text Selection with Fokus
http://kiro.me/textualizer/
