横に水平線のあるテキスト
図1：横に水平線のあるテキストの例 おもに見出しなどで見かける、テキストの左右 (またはそのどちらか) に水平線を配置したスタイル。これを CSS で実現する方法について考えてみました。 Demo: 横に水平線のあるテキスト 重ねて隠すパターン まず最初は、1 本の水平線を幅いっぱいに配置した上で、テキストに重なる部分を隠す、という方法です。 <h2><span>Hello</span></h2> マークアップはこのように二重の要素が必要です。外側の h2 要素の擬似要素で水平線を作り、内側の span 要素に背景色を指定してテキスト部分を隠します。 h2 { position: relative; text-align: center; } h2:before { border-top: 1px solid; content: ""; position: absolute; top: 5
文字起こしに特化した『oTranscribe』が細かいところまで良く出来ている | 100SHIKI
これは気持ちの良いツールである。 文字起こしに特化したウェブサービスがoTranscribeだ。 基本的には音声ファイルが再生できるテキストエディタではあるが、細かいところがよく出来ている。 まず音声ファイルはローカルで再生されるだけで、サーバーにはアップロードされない。速度的にもセキュリティ的にも安心だ。 次にショートカットが充実している。「F1」と「F2」で巻き戻しや早送りができたり、あとは速度調整や、「現在の秒数を挿入」といったコマンドもある。キーボードから手を離さずにいろいろ操作できるというわけだ。 日本語も問題ないので、文字起こしをする際にはいかがだろう。覚えておいて損はないかと思う。
『聲（こえ）の形』を読んで、リアル1級身体障害者が語る『障害者として生きる現実』 - だいちゃん.com
2014-01-13 『聲（こえ）の形』を読んで、リアル1級身体障害者が語る『障害者として生きる現実』 障害者 引用：http://f.hatena.ne.jp/gryphon/20130221063715 今、話題になっている週刊少年マガジンの連載作品、「聲（こえ）の形」を読んできた。 ジャンプ派でしかもコミックスしか買わないし読まない私が、少年マガジンの漫画を読んだのは数年ぶりだろう。でも、ネット上での話題もそのくらい「読みたい」と思わせるようなインパクトがあった。 それは内容が、 「聴覚障害者に対する、差別、偏見、イジメ」 などがテーマになっていたからだ。障害の内容は違えど、たとえ漫画だろうと同じ障害者として見過ごすわけにはいかないテーマだった。 私は、人工透析をやっている20代の身体障害者だ。小学生の頃から慢性腎臓病（IgA腎症）を患い、20歳の頃に人工透析導入、1級身体障害者とな
[記事移転済]WordPressサイトを構築するといくらかかる？ 見積り勉強会で価格を出してみた | WordBench
はじめまして。このようなやり方の勉強会では以下の理由により意味がないと思います。 ・依頼主の予算感や運用に対する具体的な数字がでていない ・依頼主とのすり合わせができていない ・案件を段階的に進める事が想定されていない 見積は依頼の背景がクリアになって初めて価格の適正が評価可能になりますので、本件のようなスタンスで”典型的なWordPressサイトの見積りでも現状はまだまだ標準的な見積手法が確立されていないことが分かります”とコメントしてしまうのは「無限に広がる土地に家を建てるならこんな設計」って提案を複数並べて「いやー予算と間取りがバラつきましたね。これはまだ建築設計に標準的な工法が無いことを示しています」とコメントしてしまうことと同意で、見積金額がばらつくのは自明です。 また、金額の多寡は状況に依存しますので普遍的に評価することは難しいと思います。逆説的に言えば平均的な価格よりも多少高
Windows XPだとページ全体に警告表示するJavaScriptを配布します
Microsoft による Windows XP のサポートはあと数十日で終了します。 サポート終了後はどのような脆弱性が見つかったとしても修正されません。 参考: 警察庁も注意喚起、サポート終了後のWindows XP利用は危険 -INTERNET Watch にも関わらず、まだまだ利用者がたくさんいるのが実態です。 さらに恐ろしいことに、ほぼWeb制作者向けの記事ばかりのこのブログも Windows XP からのアクセスが多い事がわかりました。 そこで、このブログでは Windows XP 利用者が記事を表示しようとした場合に警告（Webブラウザーの種類にかかわらず警告）するようにし、その JavaScript を配布することにしました。 Windows XP利用者はどのくらいいる？ このブログの2013年12月のアクセス解析を見ると、Windows の割合が 43.2% で、Wind
フォントやレイアウトで人にいい印象を与え好意的に文章を読んでもらう方法
画像や文章のレイアウトはウェブサイトをデザインする時だけではなく、資料やポスターなどを作成する時にも必要になりますが、正しいフォントの選択やレイアウトは文章を読みやすくするのに加えて、人の脳に作用し読み手を心地よくさせます。ということで、以前記事化した「自分のアイデアをアプリ化するための予算を自動計算してくれるウェブサービス『How Much Does It Cost To Make An App？』」を提供しているooomfの創設者・Mikael Choさんが、すぐにでもできる効果的な文書の作成方法をまとめています。 The science behind fonts (and how they make you feel) | ooomf blog https://ooomf.com/blog/the-science-behind-fonts-and-how-they-make-you-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
