1文字だけの改行の拒否
日本語の文章では任意の位置で改行できるため、レスポンシブ・ウェブ・デザインでは多くの場合、望まない位置での改行が起きる。例えば最後の1文字だけ次の行になってしまうと、読みやすさや理解度に致命的な影響を与える。例えば「？」だけ次の行に送られた場合、あるとないのでは大きく印象が変わるだろう。Twitterで@Takazudoと@oosugi20の会話を見て、やはりみな似たようなことは考えるものだと感じ、このあたりのことについて書いてみたくなった。 僕はjQueryで最後の五文字では改行が起きないようにいじったりしていた(うろ覚えで書いたもので、実際にはもっと複雑にやっていたと思う)。見出しがテキストのみの場合、最後の数文字の間に非改行ゼロ幅スペース(U+FEFF)を仕込むことで、その間で改行が起こらなくなるという仕組みだ。ここでは比較のためにクラスで判定するように書いてあるが、実際にはh1から
[CSS]エレガントからレトロまで、text-shadowを使った美しいエフェクト集
text-shadowを使った美しい4種類のエフェクトを紹介します。 エフェクトはCSSのみで、もちろん画像は使っていません。 HTML <h1 class="elegantshadow">Elegant Shadow</h1> CSS まずは、各見出し共通のスタイルシートから。 h1 { font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; font-size: 92px; padding: 80px 50px; text-align: center; text-transform: uppercase; text-rendering: optimizeLegibility; } Elegant Shadow用のスタイルシートです。 .eleg
指定した幅からはみ出たテキストを...にする
ブログを更新してるって事はわりと仕事が落ち着いている時！ 良いのか悪いのかは分かりません。 して、さすがに、前のネタはビミョー過ぎたかな！とか思いつつも今回も特に珍しいネタではないですが、メモがてら。 随分昔に、似たような記事を書いてますが、あっちは使い勝手が悪いので、今回はちゃんと使えそうな方法です。 使いドコロとしては、パンくずリストとかスマホ対応の記事一覧とかでしょうか。 サンプルは下記よりご覧ください。 重要になってくるのは、以下の3つのプロパティです。 ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } どれか一つでも無いとダメなので、セットで書くようにしませう。 わりとIE6でも...にはならないけど、切ることは出来たりと対象ブラウザも広いです。 パンくずリストで使う場合は、2行にな
ベジエ曲線のラインに沿ってテキストを折り返すことができるjQueryプラグイン・Bacon!
ちょっと面白いプラグインだったので 備忘録。曲線に沿ってテキストを折り 返せるようにするjQueryプラグインで す。新聞のようなレイアウトも組めそ うです。用途はあまり無さそうですけ ど、珍しいので覚えておきたい。 Bacon!(ベーコン)です。名前の経緯は分かりませんが、ペジェ曲線にそったテキストの折り返しが可能です。 こんな感じ。結構前に同じようなライブラリありましたね。こちらはペジェ曲線と同じような感覚でラインを作る事が出来ます。 こういうのとか こういうのも作れる。 IEでもなんとか動く。 コード<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="bacon.jquery.js"></script>jQueryとプラグインを読み込む
[CSS]タイプライターのように一文字ずつアニメーションで表示するスタイルシート
JavaScriptは使用しないで、CSS3アニメーションでタイプライターのように一文字ずつ表示するスタイルシートを紹介します。 デモページ 実装 両デモの実装方法を紹介します。 HTML HTMLは共通で、h1要素でテキストを実装するだけです。 <h1>Typing animation by Lea Verou.</h1> CSS:モダンブラウザ対応版 CSS3のsteps()を使用して一文字ずつ順番に表示します。 フォントはアニメーションのタイミングを同じにするため等幅（monospaceなど）で。 Pure CSS3 typing animation with steps() @-webkit-keyframes typing { from { width: 0 } to { width:16.3em } } @-moz-keyframes typing { from { width
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 13
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
俺はエロゲによって生かされてきた - G.A.W.
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
かっぱえびせんの原材料の”えび”は、なにエビですか？
やめられない、とまらない ◎鮫肌文殊と山名宏和の「だから直接聞いてみた」 ――知ってトクもしなければ、自慢もできない、だけど気になって眠れない、世にはびこる難問奇問を人気放送作家2人が直撃解決！ 会議の席にあったので、ひさしぶりに「かっぱえびせん」を食べた。食べるうち、ふと、以前にどこかで聞いた噂を思い出した。 「かっぱえびせんに入っているのは、エビではなくオキアミである」 そんな噂だ。 よく考えてみたら、この噂の真相を今まで追及したことはなかった。なので、早速、追及してみた。原材料表示を見てみたのだ。 「えび」 ひらがなでそう書かれていた。 “えび”。オキアミなどではなかった。あの噂はあくまで、噂にすぎなかったようだ。 だが、ここで新たな疑問がわいてくる。 「”えび”って、なにエビだ?」 ひと口に”えび”といっても、その種類はさまざまだ。イセエビと芝エビでは同じ”エビ”でも、蛯原友里と海
「Xbox 360 HDMI AV ケーブル」は不要｜鳥取の社長日記
（Xbox 360 HDMI AV ケーブル） 追記： 2011年1月5日 新型Xbox360s（2010年6月24日発売以降の）本体付属の「コンポジットAVケーブル」では、記事で紹介している「カプラーを外したコンポジットAVケーブル」と「HDMIケーブル」の2本を本体とモニタに接続をしますと、映像・音声出力はできますが、ピンにアルミを貼り付けることでチャンネルを変えることによる再起動問題の回避ができませんでした。 新型本体付属のコンポジットケーブルは、旧型のそれよりピンの数が減っているためです。 （左：旧型｜右：新型） なので、チャンネルを変えても再起動させないようにしたい方は、下図の「HDMI AV ケーブル」を購入されるほか無いと思います。 「Xbox 360 HDMI AV ケーブル」とは何のためのものか、どういう用途で使われるものか （製品HP） Xbox 360 HDMI AV
【コラム】クリエイティブ初心者のためのＦｌａｓｈ講座 (1) そもそもFlashとは何か? -まずはFlashの歴史を学ぼう | クリエイティブ | マイコミジャーナル
クリエイターを目指している皆さん。これから一緒にFlashを始めてみませんか。この連載では、Flashの機能を少しづつ学んでいく予定です。まず今回は、Flashとは何なのかという部分から解説していきたいと思います。 Flashとは Flashという言葉について、改めて整理してみましょう。現在、Flashという言葉は、Adobe systemsのオーサリングソフト「Adobe Flash CS4」や、そのアプリケーションで作成されブラウザで再生されるSWFファイルのことを指します。「このWEBサイトにはFlashが使われている」、「FlashでWebコンテンツを作る」というように使用されています。また、各ブラウザ用にプラグイン形式で配布されている再生エンジンは「Adobe Flash Player」と呼ばれています。Flashには、オーサリングツールで編集するFLAファイルと、FLAファイル
はてなブログ | 無料ブログを作成しよう
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
一体、この国は農業をどうしたいんでしょうね - pal-9999の日記
ある農家は派遣切りにあった人を4人採用したが、全員が数日で辞めてしまった なんか、この記事よんだり、はてなブックマークのコメント読んだりして思ったんですが、一体、この国は農業をほんとどうしたいんでしょうね。 というか、派遣やめて農業にいくのは別にいいんですが、真面目に農業やるなら、農地借りてやるのがいいですよ。今なら、１０アールの農地借りるのなんて、年に一万〜二万払えば貸してもらえるんですぜ。はっきりってタダ同然です。ただし、農業委員会って問題はありますがね。 農奴とか搾取とかいうけど、農地なんてタダ同然で借りれるんですよ。無論、貸す側が、いきなり１００平方メートルの土地貸してくれるかどうかは謎ですけど。 で、次に、「農業大変」って言う人がいますよね。あと、「農業って牧歌的」って人も。 あのね。農業大変だっていう人がいますが、それだったら、なんで農家の８割が兼業農家なのか、考えた人っていま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
複数のPDFファイルを複数または単一のTXTファイルへ変換する「PDF2Text Pilot」NOT SUPPORTED
15 dummy text generators you should know
Arctext.js - Curving text with CSS3 and jQuery
http://www.the-journal.jp/contents/yamaguchi/2009/04/post_63.html
パソコンおたくのクールな社長がチームワークに目覚め、熱血社長に変わった理由：日経ビジネスオンライン
Adobe - Design Center 細かいディティールのマスクを作る