-○●の意味:-は非対応、○はある程度対応、●はフル対応 等幅 or プロポーショナル 半角英数字の、次の文字までの距離が文字ごとに異なると、プロポーショナル(可変幅)フォントと呼びます。距離が一定なら「等幅(とうはば)」フォントと呼びます。 全角ひらがな・カタカナもプロポーショナル プロポーショナルフォントの中にも、全角ひらがな・カタカナが可変幅なものと等幅があります。Migu 1Cでは全角ひらがな・全角カタカナ・役物(「」『』【】・の7文字)を可変幅にしました。 行間(縦の高さ) 行間は、適度に広いと文を読みやすくなります。しかし等幅フォントが使われる分野のひとつ、プログラミングでは「行間をせまくして、画面に より多くの行を表示できる」ほうが好まれます。 半濁点が大きい 半濁点(ぱぴぷぺぽパピプペポ の右上の円)を大きくして、濁点と判別しやすくしています。 0O(数字ゼロ・大文字オー)
会員制Webサイトやストレージサービスなどで input入力フォームでファイルをアップロードさせる[type=file]を使用する際、 選択されたファイルが画像だった場合にプレビューを表示させる機会が何度かあったので File APIとjQueryを使って試しに作ってみたサンプルを紹介してみます。 まずは動作サンプルから。 「jQueryでINPUT[type=file]で画像ファイルのプレビューを表示させる方法」サンプルを別枠で表示 サンプル画面上にある入力フィールドinputにて画像を選択させた場合、 入力フィールド下に選択した画像が表示されます。 全体構成についてまずはHTMLから。 ◆HTML <div class="imgInput"> <input type="file" name="file1"> </div><!--/.imgInput--> <div class="img
英語ネットスラング辞典 英語圏のインターネットスラング、ネット用語、オタク用語、ゲーム用語、アニメ用語、4chan用語、Meme、略語などの意味を例文とともに分かりやすく解説しています Mai Waifu(マイ・ワイフ)とは Mai Waifu とは、My Wife (「私の妻」の意)を日本語発音風に綴ったもの。発音は「マイワイフ」。 日本語のネットスラングでいう「俺の嫁」にあたる。 使い方 アニメキャラやゲームキャラなど、結婚したいほど好きな二次元の女性キャラに対して使われる。 三次元(リアル女性)には使用されない。 元ネタ 元ネタはアニメあずまんが大王の国語教師・木村先生のセリフ。 変質者で有名な木村先生が女の人の写っている写真を落とす。それを拾った生徒に写真に写っている女の人は誰かと聞かれ、木村先生はなぜか英語で「マイ・ワイフ」と答える。それを聞いた生徒は木村先生とは不釣り合いの美人
border-imageは、一枚の画像で9スライスのデザインが実現できちゃうという優れもの。 残念ながらIE8以下で適用できず、実際にはまだ使えないかなーという印象。プログレッシブエンハンスメントを適用してうまく見せるのは結構難しそうだなー、という感触。 とはいえせっかく調査したので備忘録。 border-image を使ったサンプル 仕様 border-image-source none(初期値)/ url(画像パス) border-image-slice 100%(初期値)/ 数値 / ○○% / 数値 fill / ○○% fill border-image-width 1(初期値)/ ○○px / ○○% / auto border-image-outset 0(初期値)/ 数値? px? border-image-repeat stretch(初期値)/ repeat / rou
画像を遅延ロードする定番jQueryプラグイン「Lazy Load」を紹介します。 1.概要 jQueryプラグイン「Lazy Load」を使って画像を遅延ロードさせることで、ページロード時のHTTPリクエストを減らすことができます。 以前、「Lazy Load」を使っても新しいブラウザではHTTPリクエスト回数が減らない問題があったようですが、2012年11月現在は改善されています。 参考:HTML5時代のjquery.lazyloadは画像のdata-original属性を使う 改善後の仕組みは、img要素のsrc属性にダミーの画像ファイルを指定しておき、ページロード後にスクロールによってimg要素が表示領域に入った段階でdata-original属性に指定した画像を読み込みます。 <img src="grey.gif" data-original="foo.jpg" width="6
Home Page for Charles Rosenberg
サンプル1と解説 ここでは、Graphviz の dot コマンドを使って、簡単なグラフを書いてみます。 実際にやってみると、少しずつ様子がわかってきます。 サンプル1と解説 最初はとても単純なサンプルです。 sample1.dot という名前のテキストファイルを作り、 次のような DOT 言語を記述します。 1 : digraph sample { 2 : alpha -> beta; 3 : alpha -> gamma; 4 : beta -> delta; 5 : } これを GIF 画像の有向グラフに変換するには、 $ dot -Tgif sample1.dot -o sample1.gif とします。 オプション「-Tgif」は GIF 形式の画像を生成することを示し、 「-o sample1.gif」は出力ファイルを指定します。 このコマンドを実行してできるグラフは次のように
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く