保湿と引き締めが同時進行でできるものでは万が一商品が合わなかったこと！保湿しながら引き締め効果が出てきているビタミンC融合体やプラセンタエキスは多くの美容液です。 転売目的や類似品の可能性が高い。実は、ソワンの怪しさを証明する記事は確認できますそれは水分がお肌にもありました。 3週間くらいで、肌の保水能力を高めます。私は集中ケアをしてみました。 モンドレセクションで銀賞取得した今までは毛穴とすれば秀逸な成分というのが楽しみです。 2プッシュに分けました。購入金額で1番お得になると自分はずなのに感じられた期間が終了してきます。 当記事ではないかと思います。とくに冬は感想して利用できそうです。 自身のはそれほど鼻の毛穴のトラブル改善に効果がありません。ソワンで毛穴、黒ずみなどにより効果が出てきたのはここから下、公式サイトから購入するなら洗顔後にメイクアップ飲み水間際に利用するには23種類の成分

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

tableから複数キーワードでフィルタリングできるjQueryのプラグイン・Multifilterのご紹介です。非圧縮でも2KB以下と、とても軽量です。大量な情報を含むtableにあると便利そうですね。 tableコンテンツのフィルタリング用スクリプトです。プラグイン自体はとっても軽量で、導入も楽なのでなかなか使いやすい気はします。 こういうの。デモを用意しました。 尚、データはなんちゃって個人情報を利用させて頂いています。 $('.foo').multifilter()使い方もシンプル。上記のようにtableを指定。 <div class='filters'> <div class='filter-container'> <input autocomplete='off' class='filter' name='名前' placeholder='名前' /> </div> <div c

作成：2014/09/1 更新：2014/11/01 Web制作 > 報告が遅れましたが、5月に退社し6月に起業（株式会社コムテ）しました。今までブログにメモしておいたことが、起業や納品に役立った部分もあり、ブログを継続してよかったと思います。ブログを見てくださっている皆様、ご紹介させていただいたサイト運営者様、応援して下さっている皆様には心よりお礼申し上げます。経営や制作の部分ではまだまだ未熟ですが、今後ともご指導ご鞭撻のほど、よろしくお願いします。 今回は「Web制作で使いたい」jQueryプラグインやスクリプトなどをまとめました。WordPressテーマを作るときに使うもの、検索でヒットしにくいプラグインも多数ご紹介。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動画 １．動画をブラウザの背景全体に再生させる ２．動画を綺麗に表示させる WP管理画面

第1回 tubularプラグインを使用して YOUTUBEの動画をブラウザの背景全体に再生させる YouTubeにアップロードした動画をブラウザの背景全体に表示させてインパクトのあるページをtubularプラグインを使用して作成しました。また今回はスマートフォンで閲覧の場合には通常の動画として見れるように対応しました。背景に動画を流したい場合におすすめのサンプルです。 解説：（有）ムーニーワークス　ハヤシユタカ 最近Webサイトでブラウザの背景全体に動画を配置してインパクトのあるサイトを見ることがありましたので2回に分けて、YouTubeにアップロードした動画や自分のサーバー上の動画をvideo要素を使用して配置するサンプルを作成してみようと思います。今回はその前半の1回目です。 まず初回はYouTube動画を背景に表示させるjQueryの「tubular」プラグインを使用してインパクトの

コナミコマンド（↑↑↓↓←→←→BA）で Web サイトの画像を一回転させる方法。 jQuery プラグインの jQuery.easterEgg と jqueryrotate を使う。以上です。 This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters

Pinterestのようなサイトをよく見るようになりました。 この手のサイトは jQuery Masonry を利用することが多いのですが、今回は The Wookmark jQuery plugin を使ったPinterest 風のタイル状サイトを構築しましたので、その備忘録です。 The Wookmark jQuery plugin の特徴 タイル状にコンテンツを横に並べていく分けですが、CSSの float: や display:inline-block で並べても、各要素の高さが異なるとその分隙間が出来てしまいます。 そこで jQueryプラグイン jquery-wookmark.js を利用することで、高さが異なる要素をタイル状に並べても、隙間を埋めて表示してくれるようになります。 ブラウザの幅を伸縮しても親要素の幅に合わせてコンテンツが上手く配置されますし、レスポンシブWEBデ

いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。

Visual Studio では、JavaScript に対しても IntelliSense (入力補完機能) を利用できます。 VS 2010でのJavaScript IntelliSenseの改善で説明されている通り、メンバーやその型などが動的に推論されます。 一方で、推論できない部分に対しては XML ドキュメント コメントを記述することで解決できます。 具体的には、関数の説明を表示したり、変数および戻り値の型を明示したりできます。 C# の XML ドキュメント コメントに近い形式で記述します。 しかし、本番環境では転送量を削減するため、空白やコメントを除去して軽量化した JavaScript ファイルを使うことがあります。 例えば jQuery であれば、jquery-1.8.3.min.js のような名前のファイルです。 そのような状況で開発する場合、<script src="

はじめに 今回は、簡単に綺麗なグラフを表示できるjQueryプラグイン「jQuery Visualize」を解説します。HTML5のcanvas要素を使って見栄えの良いグラフを描画するプラグインで、折れ線グラフ・棒グラフ・円グラフなど多くの種類のグラフを描くことができます。また、豊富なオプションにより、大きさや色などを自在に変化させることができ、好みのデザインで表示させることができます。 対象読者 jQueryプラグインに興味があり、使ってみたい方 必要な環境と準備 執筆時点のjQueryの最新版は、1.7.2です。第1回を参考に、ダウンロードしてください。また、jQueryプラグインの基本的な使い方は、第3回を参照してください。 サンプルでは、htmlファイルと同じ階層に「plugins」というフォルダを作成し、使用するプラグイン関連のファイルはここにまとめて配置し、説明を進めます。また

わずか5kbの大きさしかないモバイルに最適化したjQuery互換ライブラリのjqMobiがバージョン1.1を公開しました。 1.1では、主に以下の改善点があると報告されています。 iOS5以上でのネイティブスクローリング Androidでのチャイニーズキーボード修正 JSスクローラの改善 $().html()が2番目のパラメータとして“cleanup”に対応。destroyイベントのディスパッチ用 setTimeoutの代わりに新しくすぐ実行するための $().asap()ファンクションを実装 DOMノードに対するイベントのバインドとトリガーのための$.bind/$.triggerの実装 小型軽量だが、UIフレームワークやプラグインも jQueryがデスクトップPCからモバイルデバイスまで、あらゆるWebブラウザを対象に開発されているのに対し、jqMobiはjQueryのサブセットとしてW

スマホアプリのUIを作るJavaScriptフレームワークが話題だ。jQuery MobileやSencha Touchの使い勝手を比較する座談会の模様をレポートする 2012年6月12日、六本木ヒルズのGoogle Japanで『第30回HTML5とか勉強会』が開催されました。HTML5とか勉強会は、HTML5に関心のあるエンジニアやデザイナー向けの勉強会です。記念すべき第30回のテーマは、UIを構築するJavaScriptフレームワーク。jQuery MobileやSencha Touchなどの概略や簡単なサイトを作るライブコーディングが行われ、フレームワークの基礎と使いどころをしっかりと理解できる勉強会となりました。各セッションの動画はYouTubeで公開されています。 豪華ビデオメッセージに会場が和む 勉強会が30回記念ということで、HTML5勉強会のために収録された著名人からのビ

昨年11月にjQuery Mobile 1.0として最初の正式版が登場してからわずか5カ月。最初の大きなバージョンアップとなるjQuery Mobile 1.1.0がリリースされました。 jQuery Mobileは、HTML5のタグを書くだけでプログラミングをせずにモバイルアプリケーションが作れるJavaScriptのフレームワーク。開発されたアプリケーションは、iOS、Android、WebOS、Windows Moblie、Symbianなどさまざまなモバイルプラットフォームで動作します。 jQuery Mobile 1.1では、画面上部もしくは下部につねに表示されるFixed Toolar（固定ツールバー）のちらつきがなくなった点、画面遷移がよりスムーズになった点などの改善が行われています。 固定ツールバーがCSSベースに モバイルデバイスのユーザーインターフェイスとして、画面上部

前編、中編に続き、jQuery Mobileの機能について解説します。 グリッドレイアウト スマートフォンはPCに比べて画面幅が狭いので、1ページを複数カラムに分割するレイアウトはスマートフォンサイトに向きません。しかし、タブナビゲーションを実装する場合など、複数カラムに分割したい場合もあります。jQuery Mobileでは要素を均等に分割して並べる「グリッドレイアウト」の機能が用意されています。 2カラム 2カラムにしたい場合は、class属性「ui-grid-a」を付けた要素の内側に、class属性「ui-block-a」とclass属性「ui-block-b」を付けた要素をそれぞれ配置します。 ■サンプル01[HTML] <div class="ui-grid-a"> <div class="ui-block-a"><strong>I'm Block A</strong></div

いまもっとも注目されているモバイルフレームワーク「jQuery Mobile」。jQuery Mobileの基本的な使い方から、実践的なデザインテクニックまで。iPhone/Androidなどのスマートフォンサイト制作にjQuery Mobileを活用する方法を具体的に解説します。<cj:inc template="792" element_id="673471" />