サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
画力アップ
www.understandard.net
今まで見た画像切り替えプラグインの中で一番、「おぉぉ」となった jQuery プラグイン、jFancyTile。 何はともあれ、YouTube で公開されている動画を見てみてください! FLASH と見間違えてもおかしくないです。 jQuery ってすごいなーとしみじみ。 jFancyTile: A jQuery tile shifting image viewer plugin (デモ) このプラグインは、ここに触発されて作ったそうです。これもすごくかっこいいです。 Making a Mosaic Slideshow With jQuery & CSS 使い方 画像表示部分の指定は以下の通り <div id="selector"> <ul> <li><img src="images/img01.jpg" alt="Title 01" /></li> <li><img src="image
要素の横並びに float:left; ではなく display:inline-block; を使うためのメモ。 元ネタは、CSS display: inline-block: why it rocks, and why it sucks ※ 2011年4月12日追記: 暫定版ですが、新しい方法を書きました。display: inline-block を使う(修正版) float:left; で横並びにしようとしたとき、各要素の高さが違うと このようになってしまいます。 カッコ悪いですよね…。というよりデザイン通りになっていません。 display:inline-block; を使うと、 このようになります。素晴らしい!エクセレント! display:inline-block; には、text-align および vertical-align が指定できるので、今まで面倒だったレイアウトが
ロンドンにある Artlogic Media Ltd. という会社が公開している jQuery プラグイン、jQuery.spritely がおもしろかったので、紹介がてらポスト。 公開したのが2010年3月10日ということなので、公開ほやほやなプラグインのようです。 このプラグインを使用すると、FLASH のような動きを、iPhone のような FLASH 非対応のデバイスでも見られるようになります。 ※“クリック”と書いてある箇所は iPhone などのデバイスでは、“タッチ”になります。 jQuery Spritely | Spritel ※リンク先がデモも兼ねています。 ページを開くと、背景がスクロールしていて、その上に鳥が2羽飛んでいます。 これだけでも充分すごいんですが、ページのどこかをクリックすると… マウスのある場所まで降りてくる! 背景がスクロールしているエリアから飛び出
指定できるパラメーターがたくさんあり、細かい指定もできるので、アーカイブの表示などにとても便利に使える query_posts ですが、覚えられないので備忘録としてまとめておきます。 こちら記事は古くなっています。 query_posts については、以下の記事にて解説されているように、別の方法で対処できることがほとんどです。 query_postsを捨てよ、pre_get_postsを使おう【追記あり】【報告あり】 | notnil creation weblog 基本的に WordPress Codex 内の query posts の内容を適当和訳してものです。 間違いがある可能性もあるので、ちゃんと確認したい方は本家を確認してください。 うっかり間違いを見つけてしまったかたは、ぜひコメント欄等で指摘してくださいませ。 カテゴリーから指定する 指定したカテゴリーに属する投稿を表示。
アップロードした画像、使用中テーマ、プラグインを zip ファイルとしてバックアップしてくれる WordPress プラグインが WordPress Backup です。 追記: 公式ディレクトリから削除されていたためリンクを削除。 ちなみに URL は http://wordpress.org/extend/plugins/wordpress-backup/ でした。 使い方は、 zip ファイルをダウンロード解凍したファイルを plugins フォルダにアップロードプラグインの管理画面からプラグインを有効化設定の項目に「WordPress Backup」という項目が追加されるので、ここからオプションを設定 オプション画面に移動すると、いろいろな項目が表示されます。 縦長な画面なので分割して説明をします。 手動ダウンロードとバックアップオプション このセクションでは手動でバックアップファ
CSS Beauty で紹介されていた CSS Stacked Bar Graphs ( http://wojodesign.com/css-stacked-bar-graphs/ ) という記事で、下の画像のような棒グラフを CSS と (X)HTML だけで描く方法が公開されていました。 このグラフは、縦軸と横軸部分を <ul>、グラフ本体を <dl> で描いています。 縦軸・横軸は単純に <li> を並べているだけなので割愛。 グラフ本体の HTML は以下のように指定していく。 <dl> <dt>Mon</dt> <dd class="p36"><span><b>36</b></span></dd> <dd class="sub p30"><span><b>30</b></span></dd> </dl> dl#csschart { background: url(../image
IE7に付いたズーム機能を使って拡大・縮小したときに body に指定した背景画像が拡大・縮小されず、理由が分からず困ったことがありました。 「原因は haslayout の値が false になっているから」 隣にいた同僚にそう教えてもらってなんとかズーム機能に対応はできましたが、今後同様の事例が出た時に困らないようにメモ。 で hasLayout って何? hasLayout は IE 独自のプロパティで、各要素がレイアウト情報を持っているかどうかを示すもののようです。 上に書いた背景画像の拡大・縮小時のバグは hasLayout プロパティの値が false になっている場合に起こるそうです。 その他のバグの情報は Microsoft の Internet Explorer 7におけるズーム機能の問題 ( http://support.microsoft.com/kb/933053/
IE6でも透過 PNG が使えて、さらに background-image + background-repeat + background-position に対応した JavaScript が Drew Diller’s blog で公開されていました(JavaScript ファイルのダウンロードページ ( http://www.dillerdesign.com/experiment/DD_belatedPNG/#release0.0.8a ) )。 ※2009年11月19日10時57分 バージョンアップしているので、リンク先を0.0.6a から0.0.8a に変更しました。 IE6で透過 PNG が使えるようになる JavaScript は結構色々ありますが、background-repeat や background-position に対応したものはあまり見かけないので、いざとい
WordPress でページを作成すると、 http://understandard.net/about のような url でページが生成されます。 投稿のパーマリンク設定で url に .html が付加されるように指定しているから、ページにも同じく .html を付けたい! と思っても、ページの編集画面から拡張子を追加することはできません。 この url に拡張子を付加してくれるのが、.html on PAGES というプラグイン。 使い方は、 zip ファイルをダウンロード解凍したファイルを plugins フォルダにアップロード管理画面からプラグインを有効化 ページごとに付加できる拡張子を変更する、といった使い方はできませんが、プラグイン内に書かれている「.html」をいう箇所を変更すれば「.php」を付加することもできました。 WordPress › .html on PAGES
投稿記事一覧を query_posts() を使って出力して、1ページに10投稿ずつ表示していく場合、単純に1ページあたりの投稿表示数を指定すれば大丈夫だと思ってました。 こちら記事は古くなっています。 query_posts については、以下の記事にて解説されているように、別の方法で対処できることがほとんどです。 query_postsを捨てよ、pre_get_postsを使おう【追記あり】【報告あり】 | notnil creation weblog <?php query_posts ( posts_per_page==10 ); ?> <?php if ( have_post() ) : while ( have_posts() ) : the_post(); ?> 1ページ目を見たときには全く気づかなかったんですが、2ページ目を見てみると1ページ目と同じリストが表示されてる…。
2023-11-18 アプリの更新を Homebrew で 2022-11-23 パスワードで保護された投稿でパスワードが間違っている場合にメッセージを表示する 2021-08-21 Finder での右クリックをキーボードで操作 2021-07-02 Sublime Text で $ もダブルクリックで選択 2020-05-28 Adobe Fonts の Web プロジェクトへフォントを追加するときの謎 2019-12-04 ハロー&グッバイ 2018-06-21 WordBench 終了によせて 2018-06-12 初岡山旅行 2017-09-18 Sublime Text 3 リリース 2017-05-17 CodeGrid 歴代Tシャツ 12345>
このページを最初にブックマークしてみませんか?
『understandard』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く