Website is under maintenance We are doing some updates on our site, and we need to be offline for a while. We will be back with you shortly! Twitter Facebook Instagram
WordPress で記事の公開期間を簡単コントロール!カスタムフィールドに開始・終了日時を指定するだけでOKのクラス Dec 29, 2012 大規模・企業サイトでは必須 公開日時の範囲指定はマストですよね… プラグインを使うと独自の UI が追加されてしまって、あぁカスタマイズ工数が… とつらくなることもあります。そんなときに便利な、管理画面を作り込んである場合でも、WordPress デフォルトのままでも、カスタムフィールドで公開範囲の日時さえ指定すればあとはよろしくやってくれるクラスを作りました。 このコードをテーマの functions.php またはプラグインファイルに貼り付けるか、ファイル自体をインクルードします。クラスを有効にするには以下のように書きます。 add_action( 'after_setup_theme' , create_function( '', 'new
Category CSS Webサイトをブラウザ経由で印刷できるようにする場合、CSSで印刷用のスタイルを作成し、別途読み込ませることで対応する場合が多いと思います。 ですが、制作案件で完璧に対応するのは時間(工数)やコストもかかってしまうため、難しいのが現状かもしれません(私の場合、そうなんですよね...)。 そこで、今回の記事は、WEBページを制作する際、「できる限り印刷対応も意識した作りにしたい」と考えた時に、覚えておいた方がよい点を書き残しておこうと思います。 Keyword:印刷対応,@media print 対応するブラウザ・バージョンを選定する 全てのブラウザに対応できるのが望ましいのですが、それぞれのブラウザに実装されている印刷機能に関しても把握しておく必要があります。 ●Internet Explorer 印刷対応状況○ バージョンごとに表示が異なる場合が多い [特徴]
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
バンコク BTS,地下鉄地図-kmlファイルからデータを読み込んで地図にアイコン・マーカー及びレイヤーを表示させる ◆Googe Maps API V3の使い方/kmlファイルからアイコンやレイヤーを読み込んで表示させる方法 kmlファイルからのデータを読み込んでマーカーを表示させる仕方ですが、Google 先生のこのページを参照下さい。 kmlファイルさえ、作成してしまえば、アイコンを地図に好きなように表示できて便利。ポリラインやポリゴン等を地図上にお絵かきするのもとっても簡単。 今回は、タイ バンコクの鉄道の路線図を作成してみます。 1.kmlファイルの作成 これには、Google Earthを使うのが手っ取り早いです。Google Earthを起動して、画面丈上部のツールで、まずはパスを追加して、線路を書いて・・・・・駅のアイコンを追加していきます。 アイコンは、Metro Stud
IE6, 7でもドロップダウンとしての機能を損なうことなく、そしてCSS3対応ブラウザでは更に見栄えをよくし、ユーザビリティも向上させるスタイルシートのチュートリアルを紹介します。 CSS3 dropdown menu デモページ [ad#ad-2] CSS3非対応のIE6, 7ではCSS3の角丸などは適用されてませんが、ドロップダウンとしての機能は損なわれずに実装されています。 デモページ:IE6での表示 下記は各ポイントを意訳したものです。 HTML HTMLはシンプルで、ドロップダウンはリストの入れ子で実装されています。 <ul id="menu"> <li><a href="#">Home</a></li> <li> <a href="#">Categories</a> <ul> <li><a href="#">CSS</a></li> <li><a href="#">Graphi
全部ダウンロードしたら4000種以上! 商用でも無料で利用できる、小さいサイズからゆる~いデザインのピクトグラムのアイコン素材を紹介します。 ※アイコンをご利用の際は、必ずライセンスを確認してください。
手書き漢字認識です。マウスを使って四角枠の中に漢字を書いてみてください。 ※出来るだけ正しい書き順で書くように注意してください。
ウェブページのメニュー、ボタンなどをはじめ、ボックス、スライダー、アイコン、背景パターン、リボン、バッジ、エフェクト、テンプレートなど、トータル2,000くらい?のPSD素材がダウンロードできるByPeopleを紹介します。 そんなに数多くダウンロードできないよ、って人も大丈夫! 全素材まとめてダウンロードできます。 ByPeople ダウンロードできる素材はほとんどがPSDで、モノによってはAIだったりします。 ダウンロードはページ下のメール欄にメールアドレスを入力して、ダウンロードボタンをクリックします。しばらくすると、ダウンロードのURLがメールに送られてきます。 素材の利用にあたっては個人でも商用でも無料、とのことです。 詳しくは、Use Licenseをご覧ください。 数多くありすぎる素材から、いくつか紹介します。 本当に、ごく一部です。
※BackWPup3が公開されました。BackWPup3でのバックアップ&復旧手順についてはこちらをご覧ください データのバックアップは大切ですよね!疑う余地はないと思います。 WordPressのブログも例外ではありません。バックアップしている人も多いですよね? でも、 「WordPress全体をバックアップできていますか?」 そして、 「実際にリストア(復元)作業を試してみたことはありますか?」 GoogleでWordPressのバックアップ方法を調べてみると、データベースだけバックアップして安心していたり、復元方法の解説がない場合がとても多いです。 しかし、私はこう思います。 実際にリストア作業をやってみなきゃ、安心はできない! リストアできないバックアップは役に立ちません。やはり、一度リストア作業を試してみて、初めて安心できるのではないでしょうか。 そこで今回は、「プラグインを使っ
To use this icon, you must first accept the license agreement.
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
こんにちは、中川です。 今回はJavaScriptで開発していると、うっかりハマってしまうちょっとした罠たちを紹介したいと思います。 JavaScriptでの開発経験者であれば、どれか一度はひっかかったことがあるのではないでしょうか? String ●String#replace()は文字列指定では全部置き換えない 対象文字列を一括して置き換えたいなどでString#replace()を使いますが、 検索対象を文字列で指定してしまうと最初に一致した部分しか置換しません。
水平・垂直に配置した画像やコンテンツを気持ちよくスクロールさせることと次に表示するアイテムのロジックにこだわったjQueryのプラグインを紹介します。 IE6にも対応してるのがびっくりです! 特徴は気持ちのいいスクロールだけでなく、ナビゲーションのロジックも直観的で、次に表示するべきアイテムを自動的に先頭に配置します。クリックでアクティブにしたアイテムも常に保持します。 操作は上部のバー、FRAME上でホイール、パネルのクリック、下部のナビゲーションがあり、また下部のボタンでは前・次、最初・最後・中央などの操作もできます。 ナビゲーションでの操作は次に表示するアイテムを先頭に配置します。 デモでは、水平方向のスクロールだけでなく、垂直方向、無限スクロールもあります。
These lovely water-colorful dots will make your designs pop...
jQueryを利用したクロスブラウザーな回転を作りました。 http://rtilabs.net/files/2010_09_04/rotate.html jquery 1.4.4 以上だとエラーになってしまうのバグを教えてもらったので、対策バージョンを作成しました。 http://rtilabs.net/files/2011_02_03/rotate.html IEで正しく動かなかったので修正しました。 http://rtilabs.net/files/2011_09_16/rotate.html モダンなブラウザは css3 の transformで回転させています。 モダンではないIEはfilterでがんばって回転させています。 IEでの回転の計算式は http://p2b.jp/200912-CSS3-Transform-for-IE8 さんを参考にしています。 IEだと filt
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く