テキストをホバーしたときの変化やアニメーションをつくることは、どのようなサイトをつくっていてもほぼ必ず行う工程ではないでしょうか。 テキストがリンクであることをユーザーに伝えるという点では、ブラウザのデフォルトスタイルのような下線のみで十分な場合もあると思います。 しかしそれだけではなく、変化をつけてよりわかりやすくしたい場合や、サイト全体の雰囲気に合わせたい場合にちょっとしたアニメーションが効果的です。 今回はHTMLとCSSのみで作成できる、シンプルながら少し目を引くアニメーションをテーマに実装例を紹介します。 ▼今回紹介する実装例一覧 とくに、以下のようなデザイナー／エンジニアにとって参考になれば嬉しいです。 HTMLとCSSのみでどのようなホバー時のアニメーションができるのか知りたい 透明度の変化や、下線のつけ外し以外の実装例の引き出しを増やしたい ※今回の実装例では主にヘッダー／
33言語対応！画像からテキストだけを抽出できるサービス「The Free Online OCR」 : 二十歳街道まっしぐら
「The Free Online OCR」は画像にある文字を抽出してテキストに変換してくれるサービスです。 画像をアップロードまたは画像URLを指定し、言語を設定するだけでOKです。 変換もすぐに終わるので、便利。 画像から文字だけ抽出したい人におすすめです。 全部で33言語対応とのこと。 以下に使ってみた様子を載せておきます。 まず「The Free Online OCR」にアクセスしましょう。 「Image」より、画像ファイルをアップロードまたは、画像URLを指定します。 「Language」より、抽出したい言語を選択。 「Convert」をクリックすると、抽出開始です。 結果はこのとおり。 【抽出結果】 Aaron's Twitter Viewer Hi, there. i‘m Aaron Swartz (@aaronsw)_ I made this Iittie program s
「バイナリプロトコルは速い」「テキストプロトコルは遅い」という言説を、ときおり目にするけど、それって本当なのか。個人的には、それって昔の話だと思ってる。 SMTP みたいな、ペイロードについてもターミネータ（とエスケープ）を使うプロトコル*1は確かに遅い。で、FTPプロトコルでは、大容量のデータを「高速」に転送するために、制御用のTCPコネクションと転送用のコネクションを分けたりしてた。 だけど、HTTPプロトコルは、テキストプロトコルだけど、ペイロードについてはターミネータを使わない。keep-alive を行う際には、Content-Length ヘッダ（あるいはchunkedエンコーディング）を使うことで、ペイロードのパース／変換処理を不要にしている。別の言い方をすると、テキストプロトコルだからと言って、バイナリプトロコルよりペイロードの処理時間が長くなるとは限らない。HTTP 以降
第IV部〜テキスト編集を極める！！ 正規表現について ●正規表現について 秀丸だけでなく、高度で自由度の高い検索をするには必須の「正規表現」。 ここでは実用上重要な例をとりあげながら、わかりやすく解説します。 今日からあなたの「検索」が変わります。 正規表現に関する話題は、 次の「【０】いんとろだくしょん」に続く 以下の５章から構成されています。 【１】 基本編 〜表記のルールと意味〜 【２】 実践編 〜正規表現による置換の実際〜 【３】 まとめ 【４】 参考文献 【５】 (補足) 秀丸上での複数行にまたがる検索について ※以下の内容は、秀丸ヘルプの「検索系コマンド→検索→正規表現」の 内容についての補足です。 よってヘルプを参照しながら読まれる事を想定して書かれています。 【０】 いんとろだくしょん いきなりですがここでクイズです。
こんな感じの文章を自動生成できます。 二人の男女を一様に観察していました。私は仕方なしに立って、再び封の中へ、自分の左右前後を見廻して母の頭は陛下の病と父の病と父の病とを結び付けて考えるのが変に気味が悪かったのです。固よりそこにはまるで解りませんけれど、おそらくそんな意味じゃないでしょう。私の考えは行き詰まればいつでも両方が同時に奥さんのいる事をとうから自覚していました。先生の附近で盗難に罹ったものが、僻んだ私の眼を擦りました。それでも鷹揚に育った私は、もっと海の中で遊んでいられるか、宅へ帰って食卓に向った時、両親の死に断えた私の卒業する前に、また一種の弛みができても、決して強い言葉で説明しました。 モチベーション 同じようなツール・サービスはいくつも公開されていますが、ほとんどが以下の 3 つの方式を採用しており、個人的にはあまり満足できていませんでした。 短い定型文の繰り返し: 一種の
この記事へのトラックバック テキストでハート型などの画像が作れちゃう Excerpt: 以前紹介した「おまかせバナー作成」に新しいジェネレータができたようです。うれしいことに今回も日本語にも対応しています。(*^ーﾟ)b ｸﾞｯｼﾞｮﾌﾞ!! バレンタインに向け、HPやブログのワ.. Weblog: おもしろキングダム Tracked: 2007-02-05 19:42 blogstickerをつけちゃいました Excerpt: ひさびさに、らぶさんのブログを訪れました。 テキストでハート型などの画像が作れるジェネレータ－ ってのが、いたく気に入りました。 ほか、 たった1分でかっこいい写真に変身できる！Webツール .. Weblog: Tech for Learning Tracked: 2007-11-07 17:58
この記事は、はてなエンジニア Advent Calendar 2019の12日目の記事です。 任意のテキストを画面に流していきたいことってありませんか？ ぼくはあります。定期的にエンジニアみんなの前でスライドを映しつつ話す機会があって、そんなとき Slack で実況的に反応がなされることがあるんだけど、Slack 映しっぱなしにするわけにもいかず、話し終わってあとからコメントに気づく……ってこともまあまあある。そんなとき、画面のスライドに重ねてコメントが流れてくれると自分も聞き手も共有できてうれしい。わけです。 それを達成するための1ステップとして、任意のテキストを画面に次々流してくれるアプリをElectronで作りました。 GitHub - motemen/TextCast じつは過去のこのエントリたちも、「Slack の発言をリアルタイムにデスクトップに流したい」という欲望からうまれた
ちょっとしたツールだが、便利そうなのでご紹介。 vozMeはいわゆる音声合成ツールである。入力したテキスト（英語）を読み上げてくれるというものだ。 ただ、このサイトではそうして読み上げた音声をすぐにMP3でダウンロードすることができる。 またダウンロードする前にちゃんと再生して聞くこともできる。 ただそれだけのツールではあるが、シンプルで使いやすいので覚えておいても損はないだろう。 こうしたツールにインスピレーションを受けて、何かサービスを作りたくなってきたような・・・。
JavaScript - TextFX - A jQuery Text Animation Tool - CodeCanyon Flashみたいなテキストエフェクトが作れるjQueryプラグイン「TextFX」 Flashにもこうしたテキストアニメーション作成ツールがあった気がしますが、jQueryでも出来るみたい。 １５のコアとなるアニメーションに加え、１８種類の設定、カスタムイージング、スピードなどカスタマイズ自在です。 デモページ ブラウザで動くエフェクトジェネレーター付きで、自由自在かつ簡単に動きをデザインできます。 注意点として、$5のライセンスウェアのようですが１からつくることを考えれば安いですね IEやSafariなどでも互換性があるみたいです。 関連エントリ プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」 スマ
【Fireworks】ワイヤフレーム作成時に覚えておくと便利なアタリ画像＆アタリテキストを簡単に作成する拡張機能 | バシャログ。
3日間、ノロウイルスにやられ寝込んでいました ishida です。 手洗い・うがいはキチンとしておきましょうね。 さてさて今回は、「Fireworks Lover Advent Calendar 2012」 8日目のエントリーとして Fireworksでワイヤフレーム・モック作成時に覚えておくと便利な拡張機能について２つご紹介します。 自分はワイヤーフレーム作成につかうツールは、もっぱらFireworksです。 CS6にバージョンアップされてからワイヤーフレーム用の共有シンボルがめちゃくちゃ増えて、デザインツールとしてだけではなくワイヤフレーム作成ツールとしても便利になりました。 ちなみに共有シンボルの「ワイヤフレーム」内にあるパーツはこんな感じです。 また「jQuery Bootstrap」のパーツもあったりします。 これだけでもかなり便利なのですが、コンテンツ内のアタリ画像とダミーテキ
「日本語テキストを分類するベイジアンフィルタ」を簡単につくるyo - download_takeshi’s diary
数週間前の話になりますが、「はてブのリニューアル会見」の記事を読んでいたところ、はてブにも「自動カテゴライズによる記事分類」の機能が搭載されるとか。。。 同じようなタイミングで「似たようなモノ」というか「ほぼ同じようなモノ」を作っていたので、すごーくインスパイアされてしまいました。ジュワ〜。（アドレナリンの放出音） 数週間たってもいまだ興奮冷めやらぬ状態なので、今日はその件について書いてみようと思います。 Lingua::JA::Categorize - a Naive Bayes Classifier for Japanese document. http://search.cpan.org/~miki/Lingua-JA-Categorize-0.00001/ 「はてブのパクリ」ではありません。「ベイジアンによる日本語テキスト分類器」を「簡単に作る」ことを目的としたモジュールです。 も
開発でいちいちダミーの画像とかテキストを作るのがめんどくさかったりしますよね。 VSCodeとかだとHTML入力時にloremと打つと自動でスニペットがlorem ipsumを挿入してくれたりします。 Lorem ipsum - Wikipedia だけどloremだけじゃつまらない! そんなあなたの為にダミー画像、テキストをまとめました。 他にもあったらぜひ教えてください！(随時追加します, 編集リクエストだと嬉しい) 代替のネタ元は→APIs you didn't know you needed ダミー画像関係 Placeholder.com 好きなサイズのダミー画像をかえしてくれる。(これは有名かも?) ちなみにテキストも入れられるらしい。便利！ 以下サンプル https://via.placeholder.com/200x100 https://via.placeholder.co
■ テキストフィールドのフォーカス時に背景色を変更する JavaScript 以下の JavaScript を読み込ませれば、フォームのテキストフィールドにフォーカスした時に、背景に色がつくようになります。今どのフィールドを選択しているのかが視覚的にわかるので便利。 mixi にこの機能がついていたんだけど、onfocus なんてのをいっぱい書いていて非効率的だと思ったので、読み込ませるだけで勝手に全部のフィールドに設定されるようなものを書いてみました。 window.onload = function() { var colorful = new ColorfulInput; colorful.set(); } function ColorfulInput() { this.skip = []; this.color = { 'blur': '', 'focus': '#EEEEEE'
はてなブックマークのコメントより。 昨日お伝えしたGladius DBの対抗馬として紹介したい。こちらもまた、テキストファイルをDBとして扱うことができる。さらにGladius DBへの挑戦なのか、ベンチマークを公開している。 今回紹介するオープンソース・ソフトウェアはtxtSQL、テキストベースのデータベースソフトウェアだ。 txtSQLはGladius DBとは異なり、SQL文を解釈しない。独自の関数にアクション（SELECT/INSERT/UPDATE/DELETE等）、テーブル名、データ、WHERE句などを指定して渡す必要がある。 そのため、既存のアプリケーションを乗り換えるには修正が必要になってしまうのが難点だ。だが、新規開発であれば関係ないだろう。また、その結果として高速性が売りだ。Gladius DBの10倍近いパフォーマンスが出ている。 面白いのは、サンプルアプリケーション
動作デモ http://la.ma.la/misc/js/setclipboard_for_firefox.html Firefox1.5 + FlashPlayer8.5で動作確認してます。Opera8.5では動いたがOpera9では動作せず。Safariは知らない。FlashPlayerのバージョンによっても何か違うのかもしれない。 元ネタ http://a-h.parfe.jp/einfach/archives/2005/0706043145.html IEではデフォルト設定でブラウザからクリップボードの読み書きができる、というのは割と有名な話ですが、Flashを使うとIE以外でもクリップボードにテキストをコピーすることができます。上書きのみで読み込みはできないようなので多少は安心です。(クリップボードが勝手に置き換わってしまう、という悪戯はできる) で、このFlashを使ったクリッ
CSS Text Wrapper The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle.テキストを自由な位置で折り返せる「CSS Text Wrapper」。 テキストを円形等、好きな形の範囲内に収める仕組みが考案されたようです。 次のように、円形の中にテキストを並べる等、まさに自由自在です。 昔はこういった形でのテキストは空白を挟んだりして実現は難しいと思っていましたが、実現できるんですね。 デザイン系のサイトなんかで活用できそうな仕組みです。 こんな仕組みがあるとは知らない人に見せたらアッと驚くこと間違いないでしょう。 ちょっとしたサプライズを与えたい場合に使えますね。
[CSS]テキストリンクやボタン、プリローダーなどで使えるCSSアニメーションのスニペット集 -CSSeffectsSnippets
テキストリンクやボタン、プリローダーなどで使えるCSSのさまざまなアニメーションがコピペで簡単に利用できるCSSeffectsSnippetsを紹介します。 気になったアニメーションは、スニペットなどに登録しておくと便利ですね。
![[CSS]テキストリンクやボタン、プリローダーなどで使えるCSSアニメーションのスニペット集 -CSSeffectsSnippets](https://cdn-ak-scissors.b.st-hatena.com/image/square/4b27ab0c67c4e323739dcd1ac8059944e3863ff1/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201901%2F2019031510.png)
ブログを書くスピードを大幅アップ！テキスト & リンク作成ツール特集 :: Love & Design ::
ブログを書くとき、ブログサービスの編集画面や、最近では携帯からブログを更新するという方も多いと思います。気軽に更新できるのがブログの良いところですが、もっと効率よくブログを更新したい！もっとたくさんの人に読まれたい！という方向けの特集です。 そこで今回は、主にブログでよく使う「見出し」「強調」「リンクの作成」「引用」など、そのままコピペで使える XHTML 要素と、スピーディかつ簡単にマークアップするためのシンプルなテキストエディタ & ちょっと差の付くリンク作成関連のツールをまとめて紹介します。 HTML初心者の方も、これでブログを書くスピードが大幅にアップ！ また、正しい(X)HTMLで書くことによってSEO効果も期待できます。 ブログでよく使うXHTML要素 そのままコピー & ペーストしてテキストを書き換えてお使いください。 段落（p要素） <p>テキストテキストテキストテキストテ
学校に広がるニセ科学問題『教職研修』誌（2014年12月号）テキスト版 - 左巻健男＆理科の探検’s blog
＊テキストを入れます。2月21日に画像版を入れます。 教育時事 （『教職研修』誌2014年12月号） 学校に広がるニセ科学問題 法政大学教授 左巻 健男 ●重要な人類の文化の一つであり、 もっとも論理性や実証性をもっている科学に対して、ニセ科学（疑似科学やエセ科学ともいわれる）が世の中にあふれている。 ●ニセ科学は、「科学っぽい装いを している」あるいは「科学のように見える」にもかかわらず、とても科学とは呼べないものを指している。 ●学校教育や環境活動のなかにニセ科学が忍び込んでいる。その代表的なものに、「水からの伝言」と「EM菌」がある。 ●ニセ科学とは？ 自然についての科学、つまり自然科学は、素粒子の世界から宇宙の世界までの秘密を探究し、世界がどうなっているか （自然像） を明らかにしつつあります。科学の知識体系は、重要な人類の文化の一つであり、もっとも論理性や実証性をもっています
2019年11月20、21日の2日間、LINE株式会社が主催するエンジニア向け技術カンファレンス「LINE DEVELOPER DAY 2019」が開催されました。1日目は「Engineering」をテーマに、LINEの技術の深堀りを、2日目は「Production」をテーマに、Web開発技術やUI/UX、プロジェクトマネジメントなど、より実践的な内容についてたくさんのプレゼンテーションが行われました。「NAVER ClovaのOCR（光学的文字認識） 」に登壇したのはNAVER OCR Team AI ResearcherのHwalsuk Lee氏。深層学習を用いたOCR技術の仕組みについて語りました。講演資料はこちら LINEのOCR技術の仕組み Hwalsuk Lee氏：みなさま、こんにちは。Hwalsuk Leeと申します。NAVER Clova OCR Teamから参りました。今
先日、九工大や東工大などの学生さんが LINE Fukuoka に遊びにきてくれました。せっかく学生さんが遊びに来てくれるので LINE Fukuoka の社員と学生さんとで LT 大会をやろうという運びになって、学生さんは普段やっている研究内容を、LINE Fukuoka 側はなんでも良いので適当な話を、それぞれやりました。当日は私を含む LINE Fukuoka の社員 3 人と、学生さん 2 人の合計 5 人が LT をしました。詳細は LINE Fukuoka 公式ブログに書かれていますので、興味のある方は御覧ください。 [社外活動/報告] 学生を招いてのエンジニア技術交流会を開催しました。 LT に使った資料は公開してもいいよ、とのことだったので、せっかくなので公開。当日はテキスト分類のデモをやったのですが、残念ながらデモ環境までは公開できませんでした。ただ、ソースコードは gi
Scala研修テキストが株式会社ドワンゴ様から寄贈されました - ScalaMatsuri運営ブログ
まえおき こんにちは。Japan Scala Association (JSA)の水島（みずしま）です。 今回は、Scala研修テキストが株式会社ドワンゴ様から、一般社団法人Japan Scala Associationに寄贈されたことを報告したいと思います。 Scala研修テキストとは Scala研修テキストは、私が前職のときに、当時の同僚とともに作り上げた、新卒エンジニア向けのScala研修テキストです。 元々は、ドワンゴ社内でのScala研修を実施するために執筆したものですが、2016年にCC BY-NC-SA 3.0で公開され、主要メンテナである私を中心として改良やメンテナンスを続けてきました。また、当時の同僚の協力によって、PDF版やEPUB版も入手できるようになっています。 幸い、Scala研修テキストは、Scalaを学習しようと思っている初学者の方のみならず、Scalaを利用
第1回にこにこテキストマイニング勉強会に参加しました #nicotextmining - nokunoの日記
というわけで参加してきました。第1回 にこにこテキストマイニング勉強会 : ATND 目的テキストマイニングについての学習のスタートアップテキストマイニング技術に関して気軽に参加・議論することができる場の提供 概要テキストマイニングとは、例えば製品の評判をweb上のテキストから抽出したり、大量のアンケートテキストを分析するために用いられる技術であり、特にマーケティングの場で多くの利用例があります。この勉強会ではそうしたテキストマイニングを題材とし、用いられている要素技術とそれに関わる課題の議論、またテキストマイニングを実務に活かす方法について考えていきます。 会場のオラクルセミナールームでは隣でPythonハッカソンが行われており、そちらにも知り合いがいたり飲み物が無料だったりして居心地の良い場所が形成されていました（入るまでが大変でしたが‥）。Python Hack-a-thon 201
[CSS]テキストを画像の下に回り込ませないようにするスタイルシート
ちょっとしたトリックを使用して、テキストを画像の下に回り込ませないようにするスタイルシートをNO Margin No Errorから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <div class="content"> <img src="thumbnail.jpg" width="50" height="50" alt="Thumb!" /> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ligula arcu, luctus nec elementum quis, condimentum a lectus. Suspendisse potenti. Proin neque diam, dictum ac elementum
Mandarin Design: Text Tricks CSSを使ったテキストを魅せるテクニック集が色々公開されていました。 例えば、次のような見出しの１文字を修飾するテクニック 次のようなCSSで実現可能のようです。 <!-- the drop cap --> <span style="margin-right:6px;margin-top:5px;float:left;color:white;background:khaki;border:1px solid darkkhaki;font-size:80px;line-height:60px;padding-top:2px;padding-right:5px;font-family:times;">T</span>his is a drop cap with a black background, white text, and a
[CSS]複数行のテキストを天地左右中央に配置するスタイルシート
Vertically Center Multi-Lined Text demo デモでは、一行、複数行ともに中央に配置されています。 仕組みは、吹き出しに「display: table;」、その中のパラグラフに「display: table-cell;」を指定し、天地左右中央に配置します。 HTML <div class="area"> <div class="bubble"> <p>To look best, text should really be centered inside this bubble both vertically and horizontally.</p> </div> </div> CSS .area { width: 300px; height: 300px; background: url(../images/abe-bg.png) no-repeat;
私は自分をコードの書ける人間だと思っているが、プログラマーではない。アルゴリズムを考えることや、簡単なスクリプトを書くことは楽しいが、少し複雑なコードになるとお手上げだ。これは我慢強さが足りないだけかもしれないが、実際いつまでテキストベースでコードを書かなくてはいけないのだろう。言語に依存せず、暗号のような専門用語を使わずにアルゴリズムをコンピューターの理解できるものに変換する、より単純で堅牢な方法が必要ではないだろうか。今はまだアセンブリコードの1つ外側の抽象化レイヤーの中にいるように感じる。誰もがコードを書けるようになるグラフィカルなコード生成方法がないのはなぜだろうか。少なくともシンタックスエラーを修正するのにかかる時間をなくすことができればいいと思う。疑問は尽きないが、私の見落としているところがあれば教えてほしい。
LINEヤフーが提供するテキスト解析WebAPI 日本語形態素解析 日本語文を形態素に分割し、品詞、読みがなの付与、統計情報を取得できる機能を提供します。 かな漢字変換 ローマ字、ひらがなの文を文節に区切り、変換候補を提示します。短い文字列から変換候補を推測するモードも提供します。VJEと同じ方式のかな漢字変換です。 ルビ振り 漢字かな交じり文に、ひらがなとローマ字のふりがな（ルビ）を付けます。 校正支援 日本語文の校正作業を支援します。文字の入力ミスや言葉の誤用がないか、わかりにくい表記や不適切な表現が使われていないかなどをチェックします。 日本語係り受け解析 日本語文の係り受け関係を解析する機能を提供します。 キーフレーズ抽出 日本語文を解析し、特徴的な表現（キーフレーズ）を抽出します。 自然言語理解 日本語文を解析し、情報の抽出を行う機能を提供します。 固有表現抽出 日本語文を解析し
編集元：ニュース速報板より「テキストサイトが輝いていたあの時代・・・ろじぱらの中の人に訊くテキストサイトの可能性」 1 すずめちゃん(東京都) :2009/01/12(月) 19:42:09.22 ID:RK6/dfud ?PLT(12030) ポイント特典 ろじぱらのワタナベさんに聞く、テキストサイトの可能性 2000年前後のインターネットブームは、楽天やamazon、また2ちゃんねるなどのマンモス系サイトだけではなく、個人運営による「テキストサイト」文化が主翼を担っていた。 こうした人気サイトは、笑えるネタやシニカルな評論などを毎日のようにアップし、「インターネット時代のエッセイスト」として多くの読者を集めた。そして、HTMLページを編集し、テイストを似せた「同人的テキストサイト」が作られるほどの一大ブームになったのだ。「どこにでもいる個人の、リアルで笑えるエッセイ」という楽し
Psd Soft Carbon Text Effect [ad#ad-2] エフェクトはレイヤースタイルでセットされており、テキストを変更することで簡単にカーボンのエフェクトを与えることができます。
Clojure/kuromojiでテキストマイニング入門 ～形態素解析からワードカウントまで～ - あんちべ！
[テキストマイニング] Clojureでテキストマイニングをしたい！という方がTLにいらっしゃったので、 Clojureという言語とkuromojiという形態素解析器を用いたテキストマイニング入門の記事を書きます。 この記事の通り手を動かすと、様々なテキスト、例えばアンケートの自由記述やブログ、twitterなどの文章に形態素解析を掛け、ワードカウントと呼ばれる、ある単語が何回出現しているのかを解析する手法を使えるようになります。これを利用し、出現単語を頻度順に並べてランキングを作るなどして、その文書の特徴を明らかにするなどが出来るようになります。 ある程度コンピュータを使えることは求めますが、プログラミングの前提知識はさほど求めていません。そのため、所々天下りなところ（ここはとりあえずこうやってください！と説明無しの記述）もありますが、ご容赦ください。 形態素解析とは？ 形態素解析とは、
コピペで使える！Photoshop不要になりそうな高品質テキストシャドウサンプル集 2011年06月13日- 12 Fun CSS Text Shadows You Can Copy and Paste | Design Shack コピペで使える！Photoshop不要になりそうな高品質テキストシャドウサンプル集のご紹介。 Photoshop不要には絶対ならないとは思うんですが、Photoshopで作るのと遜色ないテキストシャドウが実現されております コードと実例を元に紹介されていてコピペで使えます。 こういうものはいつでもデザインを変えられるという意味でCSS3でやっちゃうのがデベロッパー的には楽ですよね。 画像を作成→アップロード→タグ置き換え を CSS3で一発置換っていう方がはるかに効率的です 一日も早く、ほとんどのブラウザでCSS3が使えることを願います。 関連エントリ CSS
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
スマートフォンを片手で持つ時、無意識に小指を下にひっかけて持っていませんか？ こうした持ち方を長く続けていると「テキストサム損傷」になる危険性があるのだそう。ドコモの公式サポートがTwitterで注意を呼びかけたことから話題になっています。 「テキストサム損傷」とは、スマートフォンの長時間使用が原因で、指の形が変わってしまったり、しびれや痛みを感じたりする症状のこと。ツイートが拡散されると、「おれテキストサム損傷だった……」「もうなってる」「時すでに遅し」など、「おれもおれも」と次々と報告が寄せられました。 テキストサム損傷を防ぐには、特定の指に負担をかけすぎないように、時々持ち方を変えたり休憩をとったりするのが有効とのことです。 こういう持ち方をしている人は注意！（筆者もでした……） まだ大丈夫そう？ 追記 「テキストサム損傷（text thumb injury / texting th
Photoshop VIP ☞ すごいテキストエフェクトのPhotoshopチュートリアル28個まとめ 2011年5、6月度
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
GitHubが存在を公開した（流出したと言うべきかもしれないが）、Atomというテキストエディターの話題で持ちきりである。 このテキストエディターは、邪悪な不自由ソフトウェアであるので、自由の価値を重んずる読者は使ってはならないことはもちろんである。自由、不自由をさておいても（もちろん、さておくことはできない相談だが）、もちろん、敬虔なVim教徒である読者は即座に了解しているだろう。AtomがEmacsよりはいくらかは--自由の価値を重んじない浅はかな利用者にとっては--使いやすくなる可能性はないでもないが、Vimの牙城を崩すことは不可能である。Vimを倒すものはVimであり、NeoVimかもしれないが、Atomであることはありえない。その点で、我々信徒は安心できる。 さて、このAtomというテキストエディターは、自由ソフトウェアではない。その理由は、以下で言及されている。 Why is
テキストが複数行のときに、行ごとの文字数を同じにしてバランスを自動調整するCSSの新機能「text-wrap: balance;」が、Chromeでサポートされました。 日本語だと複数行の文字数を同じにしたいということは少ないと思いますが、見出しやコピーなどで文字数を揃えたいときに使えます。まぁ使ってもかなりピンポイントになるでしょう。 text-wrap: balance;の基礎知識と使い方、注意点を紹介します。 CSS text-wrap: balance by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 text-wrap: balance;とは テキストのバランスを見つける 制限事項 ブラウザが使用している技術の簡単な説明 text-wrap: bala
避難所の名簿をテキスト化して下さっている有志の皆さんへ。 手書きには癖字・略字があったり、氏名には旧字、異体字などが多様されています。 それらに対応する為に何か御役に立てたらと、略字に慣れない方へ向けた参考資料を作ってみました。 新しい写真の投稿がある迄の間、眺めていただけると、入力の際に「この字は入力できる」 「この字は環境依存文字だから、両方で登録した方が良い」 「この字は入力できない文字だから、置換した方が良い」 等のひらめきに繋がると思います。 又、斎と斉などの別字を混同してしまうと、最悪の場合、せっかく登録して頂いたのに、検索してもヒットしない等となる可能性も有ります。 又、住所の入力間違いは、ヒットするしないにも関わります。 どうかご一読下さい。 （一人で取り急ぎ作ったものです。タイプミスや分かりづらい表記、ご容赦下さい。尚、明らかなミスが有った場合はメッセージ頂けましたら幸い
leigeberのエントリーから、背景やテキストやボーダーの色を、指定色から指定色に少しずつ変更するスクリプトの紹介です。 JavaScript Color Fading Script デモページ デモには、下記の4つがあります。 ホバーすると、背景の色をフェード。 クリックすると、背景の色をフェード。 ホバーすると、テキストの色をフェード。 ホバーすると、ボーダーの色をフェード。 fader.jsの動作環境は、IE6/IE7, Firefox, Opera and Safariとなっており、jQueryやPrototypeなどの他のスクリプトに依存せずに動作する軽量(約2KB）のスクリプトです。 実装も簡単で、「fader.js」を外部スクリプトとして配置し、下記のように指定します。 <textarea name="code" class="html" cols="60" rows="5
テキスト以上ワープロ未満：手軽に書式付きテキストを編集できる「Markdown」の魅力 | ライフハッカー・ジャパン
最近、テキストの作成や編集に使うMarkdownについてよく耳にします。特に、タブレットで書くときに便利なんだとか。なぜそんなに人気があるのでしょうか。プレーンテキストやWordから乗り換える価値はありますか？ Markdownは、プレーンテキストにヘッダー、太字、箇条書きなどの書式を加えることができる、非常にシンプルな方法です。もともとはHTMLの簡易版として設計され、HTML未経験者でもウェブページを作成できるようにするためのものでした。それ以外にも、メモやToDoリストなどの整理にも効果を発揮します。プレーンテキストの利点をすべて持ちつつ、ワープロが持つまとめ機能も充実しているのが特徴です。 頭の中にあるアイデアを書き出して、見た目をあまり気にすることなく、どこかにエクスポートできる。そんな、最小限のライティングシステムの提供がMarkdownの最終目標なのです。 Markdownの
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLとCSSでつくる！ リンクテキストのホバー時アニメーション11選 - ICS MEDIA
「テキストプロトコルは遅くないよ」という話 - kazuhoのメモ置き場
秀丸エディタQ&A集: 第Ⅳ部 - テキスト編集を極める!! 正規表現について
自然な日本語ダミーテキストを生成するWebアプリを作りました
テキストでハート型などの画像が作れるジェネレーター | *LOVE IS DESIGN*
テキストを画面に流していくアプリをElectronで作った - 詩と創作・思索のひろば
入力したテキストをすぐにMP3でダウンロード可能にする『vozMe』 | 100SHIKI.COM
Flashみたいなテキストエフェクトが作れるjQueryプラグイン「TextFX」:phpspot開発日誌
開発が捗るかもしれない(面白い)ダミー画像,テキストまとめ - Qiita
テキストフィールドのフォーカス時に背景色を変更する JavaScript
MOONGIFT: » 凄いテキストデータベース「txtSQL」:オープンソースを毎日紹介
最速インターフェース研究会 :: Firefoxでテキストをクリップボードにコピーする方法
テキストを自由な位置で折り返せる「CSS Text Wrapper」:phpspot開発日誌
日本語OCRはなぜ難しい？ NAVERのエンジニアが語る、テキスト検出における課題と解決策
畳み込みニューラルネットワークによるテキスト分類を TensorFlow で実装する · けんごのお屋敷
CSSを使ったテキストをデザインとして魅せるテクニック集:phpspot開発日誌
いまだにテキストベースでコードを書いているのはなぜ？ | スラド デベロッパー
テキスト解析 - Yahoo!デベロッパーネットワーク
テキストサイトが輝いていたあの時代・・・:アルファルファモザイク
日本語もOK ! テキストにかっこいいカーボンのエフェクトを与えるPSD素材
コピペで使える！Photoshop不要になりそうな高品質テキストシャドウサンプル集:phpspot開発日誌
無料なのにココまでできる！ 音声認識アプリを使ったテキストおこし（基本編） | ライフハッカー・ジャパン
スマホを小指に乗せて持つ人は注意！ あなたも「テキストサム損傷」になっているかも……
AtomとかいうGitHub発の不自由なテキストエディターについて
CSSの新機能！ テキストの行のバランスを自動調整する「text-wrap: balance;」の基礎知識と使い方
『避難者名簿をテキスト化している有志の皆さんへ』
[JS]背景やテキストの色を少しずつ変更するスクリプト -fader.js