ページのリストを思い通りに表示させるWPタグ
WordPressには、ページ機能があり、通常のページ作成が出来ますが、そのタイトルをリスト表示させる方法を書いておきます。 全てのページを表示する場合は、 < ?php wp_list_pages(''); ?> 親ページのみを表示する場合は、 < ?php wp_list_pages('depth=1'); ?> 指定した表示順に並べたい場合は、 < ?php wp_list_pages('sort_column=menu_order'); ?> ちなみに複数指定したい場合は、&で繋げる事が出来ます。 ｈ２タグでリストタイトルを表示させて、親ページのみを指定表示順で表示する場合 < ?php wp_list_pages('sort_column=menu_order&depth=1&title_li=＜H2>Menu＜/H2>’ ); ?> 親ページを表示した時に、その子ページのみリス
jQueryで画像がクロスフェードするシンプルな画像ビューアー（自動再生）を作成する方法｜BLACKFLAG
サイトのトップページなどでキ―ビジュアルにあたる部分を、複数枚ある画像を単純なフェードで切り替えるような動作を組み込むことはよくあること。 そんなちょっとした画像の切り替えが必要な際に使える、凝った動きも無く、画像がひたすらクロスフェードし続けるシンプル画像ビューアーのサンプルを作ったので紹介してみます。 まずは動作のサンプルから。 jQuery CROSS FADE IMAGE VIEWER【SAMPLE】 サンプルでは4枚の画像を切り替えています。 自動で再生され、4枚の画像が永遠にループし続けます。 全体構成についてHTMLから。 ◆HTML <div id="viewer"> <img src="img/photo01.jpg" width="400" height="300" alt="" /> <img src="img/photo02.jpg" width="400" hei
スクリーンショットを印刷してもクオリティを落とさないようにする方法
スクリーンショットをプロダクトの写真などと一緒に300dpiで出力する際にぼやけてしまう場合、スクリーンショットがシャープになるようにする方法をTurbo Photoから紹介します。 ビフォーとアフター Step 1: Capture the screen スクリーンをキャプチャします [Ctrl]キーを押しながら、[PrtSc]（プリントスクリーン）キーを押します。 アクティブなウインドウだけをキャプチャしたい場合は、[Ctrl]+[Alt]と[PrtSc]キーを押します。 Step 2: Paste in Photoshop Photoshopにペーストします Photoshopを起動し、新規ドキュメントを開きます([Ctrl]+[N]）。Photoshopはキャプチャに合わせたサイズで開きます。 スクリーンショットをペースト（[Ctrl]+[V]）します。 Step 3: Chang
パソコンとアプリケーションの備忘録 非表示モジュール内でコンパイル エラー 多発中！
パソコン関連の障害やTIPSなどのちょっとしたことの備忘録 -- 2年半ぶり、2011年2月5日再開-- ☆Since 2007-03-13☆ どうも4月マイクロソフトの月例アップデートのあとから、このブログに、 非表示モジュール コンパイルエラー 無効なオブジェクト ライブラリです。または定義されていないオブジェクトへの参照を含んでいます 非表示モジュール <モジュール名> 内でコンパイルエラーが発生しました とかのフレーズでもう2000件くらい訪問されています。 たぶん、「MS12-027」が原因のような..... http://technet.microsoft.com/ja-jp/security/bulletin/ms12-027 ただ状況がまったくわからないので、解決策も不明です。 検索で訪問されても情報がないので、調べようも、検証しようもなし..... 再現手順とか書き込んで
jQueryだけで作る、サムネイル画像を魅力的に見せる方法 (1/5)
普段あまり目にしないようなインパクトのあるサイトを作りたい。そんなときにはいつも見ている日本国内のWebサイトだけでなく、海外サイトに目を向けてみるといいかもしれません。これまでにもこの連載ではいくつかの海外サイトを紹介してきましたが、今回見つけたのはアルゼンチンのWebサイトです。 「Sikker」という名前のサイトは、Webデザイナー・Nicolas Calabreseさんのポートフォリオサイト。1ページのみ、スクロール無しの“1枚絵”のようなごくごく小さなサイトですが、その分、CSSやJavaScriptの小技を効かせて、カッコよく楽しいサイトにデザインされています。今回は、このSikkerをお手本とさせてもらうことにします。 今回のお手本サイト：『Sikker』 アルゼンチンのWebデザイナー、Nicolas Calabreseさんのポートフォリオサイト。グローバルブランドのロゴが
プロファイル
Firefox は、ホームページ、ツールバー、インストールした拡張機能、ブックマーク、パスワード、ユーザー設定などのあなたの個人情報を プロファイル と呼ばれる特別なフォルダーに保存しています。プロファイルは Firefox のプログラムフォルダーとは別の場所に保存されています。そのため、Firefox をアンインストールしても、あなたの設定が失われることはありません。また、あなたの設定情報を消去するためや問題を解決するために Firefox を再インストールする必要はありません。 プロファイルの探し方 メニューボタン をクリックし、 をクリック、 を選択します。 メニューから を選択します。トラブルシューティング情報 のタブが開きます。 アプリケーション基本情報 セクションの下の プロファイルフォルダーディレクトリー の隣にある フォルダーを開くFinder で表示ディレクトリーを開く
Photoshopで深海からの景色を描く方法 / ウェブデザインライブラリー
投稿日：2011年10月7日 レベル：初心者 ソフトウェア： このチュートリアルではPhotoshopで深海からの景色を描く方法を紹介します。 Step1 ： 背景の作成 Step2 ： 水面の作成 Step3 ： 光の線を描く Step4 ： 海底の作成 Step5 ： イルカの作成 Step6 ： 完成 まずは、背景に青いグラデーションを作成します。 グラデーションツールを選択し、グラデーションの編集画面を開きます。 明るい部分は#3567a6とし、暗い部分は#0d1c2fと設定します。 新しいレイヤーを作成し、そのグラデーションで塗りつぶします。 新しいレイヤーを作成します。 前景色を白、背景色を黒に設定します。 長方形選択ツールを選び、長方形の形をした選択範囲を作成します。 「フィルタ」−「描画」−「雲模様」を選択し、雲を作成します。 その後、「編集」−「変形」−「拡大・
float解除の決定版。clearfixを考えたら、進化した。
現在この中でclearfixでよく使用されているプロパティは display:inline-block; height:1%(min-height:1%) zoom:1; でも良く考えたら、全て微妙です。 zoom:1はIEの独自仕様ですし、heightを使用する場合は、IE6,7に対応させるために2つのプロパティが必要です。 display:inline-blockもボックスの要素を変形させることになります。 hasLayoutのスイッチを見た時に、一番理に適ったプロパティはwidthかなと思いました。 子要素を囲む要素として、divやulなどデフォルトCSSがdisplay:blockのプロパティのものが多く、display:blockのプロパティの場合、width:100%で問題ないと思ったからです。 現在のブラウザ状況に適したclearfix 上記を踏まえ見直したclearfixが
hail2u.net - Weblog - floatで並べたリストのセンタリング
ページング・ナビゲーションなどでリスト項目をfloat: left;で横に並べるというのは割りと良く使われると思う。並べること自体は特に難しいわけではないが、その並べたリスト全体をセンタリングしようとするとちょっとややこしい。display: inline-block;を使う手法やdisplay: table;を使う手法という黒魔法的(私見)な手法で実現可能だが、position: relative;でもいける。 ややこしい理由は簡単で、センタリングでよく使われるtext-align: center;やmargin: 0 auto;といった手法が通用しないから。検索するとすぐ出てくる比較的メジャーなdisplayで頑張る方法もわかりやすいし悪くはないのだけど、同一セレクタ内で複数のdisplayを駆使する必要があることやzoomマジックなどを併用する必要があることからコードがややこしくなる
jQuery UI でテーブルタグをsortableに :: [コエカタマリン MX 2007]
jQuery UI Sortableを使えば、直感的にマウスでドラッグアンドドロップしてアイテム（行）を入れ替えられるようなWebページが作成できます。 念のため説明しておくと、 jQuery UI Sortableは、jQuery UIのなかのひとつのフィーチャーです。 jQuery UIは、jQueryのプラグイン（ライブラリの一つ）です。 jQuery UI Sortableを使用するには、jQueryとjQuery UIを読み込むか、 以下のようにjquery.ui.sortable.jsが依存している「core」「widget」「mouse」だけを読み込めば軽くなります。 <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src=
[CSS]実例から学ぶCSS3の効果的な使い方
CSS3の角丸、テキストシャドウ、ボックスシャドウ、RGBA、グラデーションなどを効果的に使用したサイトをSix Revisionsから紹介します。
Google Calendar（グーグルカレンダー）の使い方まとめ | Google Mania - グーグルの便利な使い方
HOME ＞ Webサービス ＞ Google Calendar（グーグルカレンダー）の使い方まとめ Google Calendar（グーグルカレンダー）の使い方まとめ 管理人 @ 3月 27日 12:44am 無料のGoogle カレンダーでウェブ上で簡単に スケジュールを管理しよう！ 2007/06/11更新 GoogleCalendarに関する最新記事は、ブログエントリーのカテゴリー「 GoogleCalendar 」で参照できます。 ウェブスケジューラサービスはたくさんあるけど、どれもいまいち使い勝手が悪くて結局手書きのスケジュール帳に戻ってしまう・・。なんて経験は多いのでは？ でもGoogle カレンダーは違います。ＡＪＡＸを使った簡単操作＋ネットの普及＋携帯との連携でこれまでにない手書きの手帳以上の便利さがあります。 自分のスケジュール管理から友人のスケジュールの把握、ビジ
【IE7対応clearfix】さらに続報、コピペでつかえる主要ブラウザをclearするコード、[多分最終版]::::::STOPN' LISTEN::::::to the silence:::::::
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
Photoshop Tips - 写真加工 - by StudioGraphics
●アンシャープマスクで本当にいいの？ 「いい写真なんだけど、ちょっとだけピントが外れてしまった…残念っ！」 という写真があったとして…いや、筆者の場合もよくあることなんですけど…そんな写真を、あなたならどうしますか？ 諦めますか？ それとも、なんとか救済処置を施してみますか？ 救済処置としては、ご存知だと思いますが、Photoshop のフィルタである［アンシャープマスク］をかけるという方法がありますね。この［アンシャープマスク］とは、画像内の個々のピクセル（画素）の周囲にある、異なる色情報を持ったピクセルを検索し、指定した量だけピクセルのコントラストを高めるフィルタです。つまり、明るいピクセルは指定した量に基づいてさらに明るくなり、暗いピクセルはさらに暗くなり、結果的に画像全体にシャープ効果が得られるというわけです。 でも、RGB 画像に対して普通に［アンシャープマスク］をかけると、実は
プラグインを使わずWordPressに9の機能をつける | Webクリエイターボックス
2017年6月29日 Wordpress WordPressにはたくさんの便利なプラグインがあり、機能を手軽に追加することができます。しかし、コードが乱れたり、思い通りのデザインにならなかったり。。と四苦八苦することも。ここではプラグインを使わなくても追加できる機能を紹介します。 ↑私が10年以上利用している会計ソフト！ プラグインを使わずWordPressに機能をつける 目次 人気の記事を表示する 関連する記事を表示する 記事をランダムに表示する 最新のTwitter記事を表示する タグクラウドを表示する ソーシャルブックマークアイコンを表示する アイキャッチ画像 カスタムナビゲーションメニュー Twitterフォロワーの数を表示する 1. 人気の記事を表示する コメントの数が多い記事が人気の記事となります。このサイトではトップ5が表示されています。 &lt;ul&gt;
CSSハック一覧
2013年3月23日 CSS 異なるブラウザーで見たらレイアウトが崩れる。。CSSハックはそんな時のお役立ち裏技（？）です。私がブックマークしているCSSハックに関するWebサイトがたくさんあったので（Safariがのってない・IE8しかのってない。。等の理由で）、自分用メモ。「こんなやり方もある！」というのがあればコメントして教えてください！ ↑私が10年以上利用している会計ソフト！ Internet Explorer IE6以下 #help_me { _color: blue; } * html #help_me { color: red; } IE7 *:first-child+html #help_me { color: red; } *+html #help_me { color: red; } IE6, IE7 #help_me { /color: blue; } IE8 #h
CSS HappyLife
もう放置して長い当ブログ...なので、Adsenseの自動広告ってのを試してみようかと思ってONにしたら、すごいことになった！ これは中々に酷いですね。 とまぁそれはさておき、すごい久しぶりに個人の趣味っぽい感じのサイト作りました。 - 探そう！好きな恐竜 なんで恐竜！？って感じしますね。 正直、恐竜には全然興味なかった側の人間です。 もう完全にただのお知らせや告知ブログ...！ 初版の発売から4年経ち、ありがたいことに改訂のお話を頂いたので、6月～8月辺りに森田 壮さんと執筆を行い、2017年9月15日に改訂2版が発売しました。 かなり頑張って加筆・修正などを行ったので思ってたより大変な執筆でした。 初版と改訂2版の詳しい違いに関しては、サポートサイト に載せておいたのでそちらを見て頂けるとありがたいです！ 初版と改訂2版の違い | Web制作者のためのSassの教科書 改訂2版 - 公
RedLine Magazine : jQueryでリストを開閉させたい
jQueryでリストを開閉させたい こちらの記事、サンプルを拝見して。 Css Globe - Sitemap Styler: Style your Sitemaps with CSS and Javascript 英文なのだが、上記ページの「Examples」の部分の各サンプルを見れば何がしたいかはすぐに分かると思う。サイトマップだけでなく、いろんな場所で使えそう。動きも気持ちいいし、是非使ってみたいと思ったのだが、実際使ってみるとダダーと下階層のulリストを開くためには左の「+」マークを的確にポチっとしないといけない。またjs無効の際、下階層のulリストはCSS側で「display:none;」になっているので、そのままでは中身が表示されない。 じゃあそれ、jQueryでやってみよう。 もう少し自分好みな感じにできないかなーということで、jQueryでやってみることにした。対象となるペ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YUKI HARUYAMA Portfolio Site | 春山 有由希
http://blog.bond-d.com/mobile/iphone_website.html