サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
買ってよかったもの
webdesignmagazine.net
こんにちは。 今回は「jQueryで条件分岐を使ってみよう!」 前回は関数について書いたので、今回は条件分岐について書きたいと思います。 条件分岐とは条件分岐とは状況によって処理を変更する事です。 実際に条件分岐を使ってみよう!jQueryで条件分岐を使うには、主にif文とswitch文があります。 まずはif文からです。 [javascript] [/javascript] もしも文字色が赤だったら青にする処理をします。 if文の書き方ifを書いてその横の()の中に条件を書きます。 [javascript] [/javascript] if文には下記のようにelse文やelse if文を加える事もできます。 [javascript] [/javascript] [javascript] [/javascript] switch文を使ってみよう!switch文はたくさん分岐があった場合にす
こんにちは。 今回はおしゃれな音楽を無料で聴く事のできるWebサービス10選!です。 皆さんは毎日音楽を聴いていますか? 僕は毎日聴いていますよ〜! 仕事をしている時や当サイトの記事を書く時も1日の大半は音楽をかけています。 そうするとやはり手持ちの曲だけだとあきてしまいます。 皆さんも手持ちの曲だけだとあきていませんか? そんな時に便利なのが、今から紹介する音楽ストリーミングサービスです。 そんな中から無料で面倒な会員登録やダウンロードせずに音楽を聴く事ができるサイトを紹介したいと思います! 作業用BGMにおすすめ!おしゃれな音楽を無料で聴く事のできるWebサービス!forever.fm http://forever.fm/ 再生を押すとクラブミュージックを流し続ける事ができます。 Tunebow http://tunebow.com/ カフェミュージックのような感じの曲を聴く事ができま
こんにちは。 今回は、IEの古いブラウザを使っている人に更新を促す「IE Alert js」を紹介したいと思います。 Web制作をしている方なら一度はIEの古いブラウザに悩まされたはず! そんなあなたにぴったりなJQueryのプラグインです。 IEの古いブラウザ(IE6/7/8)でアクセスすると下記のようなアラートが表示されます。 Upgradeのボタンを押すとBROWSE HAPPYのページに行きアップグレードを促してくれます。 公式サイト:IE Alert js 公式サイトのdownload nowのボタンをクリックし、ソースをダウンロードします。 JQueryを読み込み、ダウンロードしたスタイルシートとjsを読み込みます。 iealertフォルダ内にスタイルシート、および必要な画像が入っていますので移します。 iealert.min.jsはjsフォルダにぶち込みます。 <link r
こんにちは。 今回はjQueryプラグイン「Masonry」でレイアウトが崩れた時の対処法!です。 このブログのトップページに可変グリッドを簡単に実装できるjQueryプラグインの「Masonry」を使っているのですが、それが原因でレイアウトが崩れてしまっていました。 Firefoxだと崩れたり崩れなかったりと不安定で、Google Chromeだと完全に崩れていました。 崩れといってもいろいろあるのですが、今回の場合は下記の画像のように上下の要素と要素が重なっていました。 Masonryはページが完全に読み込まれる前に高さの計算が行われているようなので、下記のようにスクリプトを変更すると崩れなくなりました。 $(function(){ $('.top_article_boxs').masonry({ itemSelector: '.top_article_box', columnWidt
Warning: Attempt to read property "post_type" on null in /home/blackblock/webdesignmagazine.net/public_html/wp-content/plugins/breadcrumb-navxt/class.bcn_breadcrumb_trail.php on line 1063 Warning: Attempt to read property "post_type" on null in /home/blackblock/webdesignmagazine.net/public_html/wp-content/plugins/breadcrumb-navxt/class.bcn_breadcrumb_trail.php on line 1063 Warning: Undefined array
HOME > 制作 > Javascript > パララックス効果を実装できるjQueryのプラグインまとめ! > jquery-plugin-parallaxjquery-plugin-parallax 2015/03/02 パララックス効果を実装できるjQueryのプラグインまとめ!この記事を読んだ人はこんな記事も読んでいますよ
こんにちは。 今回はおしゃれなデザインのおすすめグラス・タンブラー26選【インテリア】です。 ビールやジュースなどの冷たい飲み物を飲むときに使用する食器のグラスやタンブラー! これからの季節に重宝するアイテムですよね。 可愛いペアグラスやおしゃれなグラスセットはギフトやプレゼントにもおすすめです。 イッタラやキントーなどのブランド、北欧やシンプルなデザイン、日本製のコップ、サイズ、カラーなど様々なグラスやタンブラーがあります。 そこで、今回はキッチンやインテリアの雰囲気に馴染むおしゃれなデザインのグラスやタンブラーのおすすめをまとめました。 おしゃれなグラスやタンブラーの選び方!どんなグラスやタンブラーを選べばいいか分からないという方向けにここでは、デザイン、容量やサイズ、種類、耐熱グラスの4点にしぼって選び方のポイントを紹介します。 グラスやタンブラーのデザイン グラスやタンブラーは使用
こんにちは。 今回は、メニューが上部に固定されてレスポンシブ対応のjQueryプラグイン「HeadShrinker」を紹介したいと思います。 メニューが上部に固定されるものやメニューがレスポンシブ対応のものはけっこうあるのですが、両方とも兼ね備えたものなかなかありません。 サンプルはこちら 設置の仕方ソースをダウンロードします。 ダウンロードはこちらから headタグにcssを読み込みます。 [html] [/html] bodyタグの中の最後にJQuery関連のjsを読み込みます。 [html] [/html] メニューの設定をします。 [html] [/html] プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート レスポンシブなサイトのメニューにぴったりですね。 以上で「Responsive Multi-Level Menu」の紹介でした。
HOME > 制作 > Webサービス > jQuery入門者必見!jQueryを無料で学べるサイト9選! > jquery-studyjquery-study 2015/03/07 jQuery入門者必見!jQueryを無料で学べるサイト9選!この記事を読んだ人はこんな記事も読んでいますよ
HOME > 制作 > HTML/CSS > IE8で使えないnth-childやlast-childの代わり! > ie_nth-childie_nth-child 2014/07/28 IE8で使えないnth-childやlast-childの代わり!この記事を読んだ人はこんな記事も読んでいますよ
こんにちは。 今回は横からスライドするドロワーメニューのjQuery、JS、CSS3のプラグインまとめ!です。 サイト制作する上で、もうスマホサイトやレスポンシブなサイトが当たり前になってきましたね。 今回はそんなスマホサイトやレスポンシブなサイトによさそうなドロワーメニューのプラグインを集めてみたので紹介します。
こんにちは。 今回は、メニューが上部に固定されてレスポンシブ対応のjQueryプラグイン「HeadShrinker」を紹介したいと思います。 メニューが上部に固定されるものやメニューがレスポンシブ対応のものはけっこうあるのですが、両方とも兼ね備えたものなかなかありません。 サンプルはこちら 設置の仕方ソースをダウンロードします。 ダウンロードはこちらから headタグにcssを読み込みます。
このページを最初にブックマークしてみませんか?
『デザインマガジン | デザインの良いおしゃれなものを紹介します。 家電・家具・雑...』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く