プラカンブログSTAFF BLOG

SUZUKIの記事一覧

title

2016.11.15

jQueryで特定の要素以外をクリックしたらポップアップを閉じる方法。

こんにちは。デザイナーのSUZUKIです。ポップアップやメニューを動きをつけて表示させることが多いのですが、非表示にするときは「閉じる」ボタンで対応していました。ただユーザビリティを考えると範囲外をク...

title

2016.10.06

超便利!「Google Fonts」の使い方

こんにちは。デザイナーのSUZUKIです。 以前、WEBフォント「Noto Sans」の使い方を紹介しましたが、 今回は「Noto Sans」を提供している「Google Fonts」というサービスを...

title

2016.09.09

レスポンシブに便利!画像をテキストに置き換える実装方法

こんにちは。デザイナーのSUZUKIです。レスポンシブ対応するのが一般化してきましたが、まだ画像などの処理には悩むことがあります。スマホの場合、端末の幅に合わせ画像を対応することが多く、特にグローバル...

title

2016.07.22

WEBフォント「Noto Sans」の使い方

こんにちは。デザイナーの(鈴)です。今回はWebフォントで「Noto Sans」を使う方法を紹介します。「Noto Sans」とはGoogleとAdobeが協力して開発したフォントです。世界中のあらゆ...

title

2016.07.01

知っていると便利!!Photoshopの「アクション」の使い方

こんにちは。デザイナーの(鈴)です。今回はPhotoshopの「アクション」機能の使い方を紹介します。Photoshopの「アクション」機能とはPhotoshopで行う動作を記憶させて、同じ動作を自動...

title

2016.05.12

一定量スクロールすると表示する「ページトップ」ボタンの実装方法

こんにちは。デザイナーの(鈴)です。今回は「ページトップ」ボタンのちょっとしたスクリプトを紹介します。一定量スクロールすると「ページトップ」ボタンが表示されるサイトがあります。フェードやスライド表示す...

title

2016.03.28

「colorbox.js」の使い方 ~簡単で便利なモーダルウィンドウ~

こんにちは。デザイナーの(鈴)です。今回はモーダルウィンドウで有名な「colorbox.js」を紹介します。 「colorbox.js」とは 画像や動画、htmlをモーダルウィンドウとして表示する...

title

2016.02.17

「textillate.js」の使い方 ~テキストをアニメーションさせる~

こんにちは。デザイナーの(鈴)です。最近は冷え込みが厳しく、朝起きるのが辛いですwでもブログは引き続き頑張ります。今回は「textillate.js」という少し変わったプラグインを紹介します。 「t...

title

2016.01.19

「bxSlider」の使い方2 ~サムネイルをカールセルにしたスライドショー~

こんにちは。デザイナーの(鈴)です。気付いたら2016年になっていました。最近は時間の流れを早く感じるようになり、年を実感するようになりました。 今回は以前紹介した「bxSlider」のカスタマイズ...

title

2015.12.08

レスポンシブWebサイトの作り方 ~導入編~

こんにちは。デザイナーの(鈴)です。Googleの推奨もあり、最近では当たり前になったレスポンシブWebサイトの作り方を紹介します。 以前(杉)くんが「レスポンシブWebデザイン」について紹介してい...

title

2015.11.10

僕のiPhone、ついに画面割れ ~iPhone6 ソフトバンク編~

こんにちは。デザイナーの(鈴)です。先日悲しいことが突然おきました。仕事のパートナーiPhoneを落としたのです。もちろん画面がバキバキに割れました。 気をつけて扱ってきたのでショックが大きかった…...

title

2015.10.15

「sidr」の使い方 ~横からスライドするメニュー~

こんにちは。デザイナーの(鈴)です。 今回ももちろん「使い方」シリーズです!スマホサイトを制作し始めた時は facebook風の横からスライドするメニューをよく希望され、困っていました。 そこで大いに...

title

2015.09.11

「bxSlider」の使い方 ~スライダー、カールセル、レスポンシブにも便利~

こんにちは。デザイナーの(鈴)です。あっという間に5回目のブログ登場。 今回は「使い方」シリーズの復活です!「bxSlider」というプラグインを紹介します。スライダーを導入する際によくお世話になっ...

title

2015.08.28

手軽な「ミニビオトープ」をはじめてみました。 ~メダカに癒される~

こんにちは。デザイナーの鈴木です。4回目のブログ登場です。今までと趣向を変え、今回は「ミニビオトープ」について紹介します。「ビオトープ」とはそもそもビオトープの定義は下記になります。=========...

title

2015.07.21

今頃ですが、便利になったCSSの「display」

こんにちは。デザイナーの鈴木です。 3回目のブログ登場です。 前回まではプラグインの紹介をしてきましたが、今回はCSSについて紹介します。 Windows XPがサポートを終了し、ブラウザのサ...