[B! webデザイン] msuharaのブックマーク

シンプルイズベスト！おしゃれなモーダルウィンドウを実装できる「SIMPLE MODAL」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

お疲れ様です、ももこです。おしゃれなWebサイトでコンテンツの表示に、モーダルウィンドウを使うと格好よく映えたりしますよね。今回はクールなモーダルウィンドウを簡単に設置出来るJavaScript「SIMPLE MODAL」※すでに提供を終了していますをご紹介したいと思います。「SIMPLE MODAL」デモ用意されているデモは全部で8種類あります。その中でも特に使用頻度が高そうな5つのデモをご覧ください。 ALERT シンプルなアラート風ウィンドウ商品紹介などに使えそうな基本的なウィンドウ MODAL　AJAX AJAXを使用し、コンテンツにアコーディオンを含めているウィンドウ MODAL IMAGE LightBox風に画像を表示するウィンドウ VIDEO EMBED 動画を埋め込んで再生するウィンドウ記述ウィンドウ内のテキストや画像は全てスクリプトの中に含めます。「

msuhara 2013/02/12

おしゃれ

webデザイン

リンク

サイトを運営している人ならチェックしておきたい情報サイトまとめ - ウェブネタマニア

サイトを運営していて必ずチェックするようになった役立つ情報サイトをメモ ■コリス言わずと知れたサイト制作に関するアウトプットとクリップした情報を紹介するブログ　フリー素材の情報等も豊富 ■かちびと.net Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介しているサイト ■Webクリエイターボックス WebデザインやWebサイト制作、最新のWeb業界情報などを紹介してるサイト。 ■二十歳街道まっしぐら管理人のカメきちさんがみつけたWebサービスや役立ちそうな情報を更新 ■ライフハッカー［日本版］生活全般に役立つライフハック情報を紹介しているサイト（ウェブネタも多数） ■フリーソフトの樹おすすめのフリーソフトや知っていると便利な無料サイトなど、パソコンを楽しむ情報を幅広い分野で毎日紹介しているサイト ■100shiki 海外のユニークなサイトを紹介 ■Ph

msuhara 2013/01/28

参考

リンク

【配色 - デザイン ★★★★★】 - Color Scheme Designer 3

Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty

msuhara 2012/10/03

リンク

ウェブページの高速化のために読んでおきたいサイトのまとめ

ユーザビリティの改善や検索エンジン対策としてウェブページの読み込みスピードの高速化は非常に重要です。ということで、ページの読み込みスピード向上のために役立つサイトをまとめてみます。ページ読込速度の重要性次の事例にあるように、ユーザーは表示速度に敏感です。 Googleによるとページの読み込みが0.5秒遅くなると、検索数が20%減少する Amazonによるとページの読み込みが0.1秒遅くなると、売り上げが1%減少するそして、Googleのアルゴリズムにウェブページの読み込み速度が追加されて以降、サイトの高速化への注目度は高まっています。 Google、ウェブページの読み込み速度をアルゴリズムに取り入れたことを発表 | 海外 SEO情報ブログ Googleがついに順位決定に表示速度を使い始めた（公式発表） | Web担当者Forum Google、検索順位にページ読込速度の考慮を開始 [詳