jQueryとCSS3で縦書き文章を作る一例 - Web学び
2012年 7月 29日 福山です。 ここ最近同じようなjQueryコードを使って思いついたテキスト処理を書いています。 今回はIEを見捨てた縦書き文章のコードを書いてみました。（IE10には対応してます）自由に改変してください。 jsdo.itでサンプルを置いているのでスマートフォンからは正しく見えないかもしれません。 まずはデモをご覧ください。 /* plugin vText start */ (function($) { $.fn.vText = function() { var $vtext; $vtext = $(this); $(window).on('load resize', function() { var $width; $width = $vtext.width() / 2 - $vtext.height() / 2; $vtext.css({ MozTransfor
Grayscale Image Gallery with filter effects
以前、「元画像を変更せずに画像をグレースケールで表示する」という記事で「canvasでの変換は重いから現実的じゃない」みたいなことを書いたのですが、-webkit-filterが使えるようになった（なる）ことにより、もう少し負担を減らして使えるのではないかと思いました。 そこで、なるべくcanvasでの変換を行わずにやってみようと思います。 今回作ったものはこれです。 Grayscale Image Gallery 2012年3月5日 21:24 追記： Firefoxをご利用の方で、環境によっては、CSSグラデーションをbackground-sizeで小さくしてbackground-repeatで敷き詰めると、gfx.direct2d.disabledがfalseの場合にフリーズするようです（Firefox 10.0.2で確認）。 Firefoxで見ても安全なデモページはこちらです。 本
竹取 JS
画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには？ とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意！ やや動作が重いです！ うまく変換できなかったときは、画面をダブ
cssFx by imsky
cssFx adds vendor-specific prefixes to your stylesheets. How it works When the document has finished loading, internal (<style>) and external (<link>) stylesheets are processed, fetching any @import stylesheets as well. It's recommended to bundle stylesheets into one file to minimize request overhead. Once processing is done, a new <style> tag is appended to the <head> with processed properties. P
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
