サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
中東情勢
since-inc.jp
キャンペーンサイトなどで時間帯や日程によって、Webページの背景を変えたりアニメーションの動きを変えることが求められるケースがあります。 今回はそんな時に役立ちそうな、JavaScriptのDateオブジェクトを利用した条件分岐の書き方をご紹介します。サンプルではjQueryを利用していることが前提になっています。 時間帯によって処理を分岐させてみるこちらはシンプルな条件分岐で処理を変更するコードです。 $(function(){ var now_hour = new Date().getHours(); if ( 0 <= now_hour && now_hour <= 6 ){ $('body').css('background','red'); } else if ( 7 <= now_hour && now_hour <= 12 ) { $('body').css('backgro
WordPressは決められたテンプレートファイルを使うとカテゴリーごとの記事一覧や月別のアーカイブを作ることができるのでとても便利です。 ただ、全てのカテゴリーを横断した全記事一覧のページを作ろうとすると、archive.phpやcategory.phpではうまくいかないんですよね…。 意外に必要なページだと思うんですけど、どうなんでしょう…。WordPressでそういうテンプレート作ってくれないかなー。 色々と調べると全記事の一覧を作るには、固定ページで作ると良いらしいのでまとめておきます。 まずはテーマフォルダに適当なphpファイルを用意して次のようなphpを書きます。 <?php /** * Template Name: テンプレート名 */ ?> <?php $paged = (int) get_query_var('paged'); $args = array( 'posts_
via: http://loness.jp/ こんにちは!シンス株式会社の越水です。 今回は美容室・ヘアサロンという業種に絞って素敵なデザインのWebサイトをまとめてみました! それではどうぞ! LONESS http://loness.jp/ 東京の南青山にある美容室です。 画像ギャラリー、サロン情報、スタッフ情報、メディア掲載情報とお客さんが知りたい情報にすっきりわかりやすくアクセスできる構成のウェブサイトになっています。 実績ギャラリーから担当者、カットメニューが確認できるのもわかりやすいです。 Plume http://plume-kyoto.com/ 京都にある美容室のホームページです。 ユーモアを感じるイラストアニメーションでサロンの世界観を表現しています。 透明感がある作例の写真や、手仕事の楽しさが感じられるメニューフォントのデザインなど、コンテンツのボリュームは多くないです
こんにちは、福岡のホームページ制作シンス株式会社の越水です。 レスポンシブWebデザインでホームページ制作を行うとき、「スマホの時だけJavaScriptの処理を加えたい」なんてことあったりしますよね。 今回はそんな時によく使うJavaScriptの条件分岐について書きたいと思います。 レスポンシブWebデザインではウインドウ幅、またはUA(ユーザーエージェント)によって処理を分けることができる例えばスマホでホームページを見た時だけ動作させたい画像スライダーがあったとします。 何の情報をもとに条件分岐させればうまくスマホだけで動作させることができるでしょうか。主に2通りの方法があります。 ウインドウサイズの横幅によって条件分岐使用デバイスのUA(ユーザーエージェント)によって条件分岐前者はCSSのメディアクエリーを使うことでウインドウサイズによってレイアウトを変更させるのと似たような方法で
このページを最初にブックマークしてみませんか?
『福岡のホームページ制作会社 | シンス株式会社』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く