たきたて つやふっくら肌へ。蜜まめ(R)水、シクロペンタシロキサン、エタノール、パルミチン酸エチルヘキシル、ペンチレングリコール、グリセリン、BG、豆乳発酵液、加水分解ダイズエキス(黒大豆)、加水分解ダイズタンパク、ダイズ油、ダイズステロール、ハチミツ、ローヤルゼリーエキス、トコフェロール、アルギン酸Na、クエン酸Na、クエン酸、ニンジン根エキス、エチルヘキサン酸セチル、フェノキシエタノール、イソステアリン酸PEG-20グリセリル、エチドロン酸4Na、DPG、香料
たきたて つやふっくら肌へ。蜜まめ(R)水、シクロペンタシロキサン、エタノール、パルミチン酸エチルヘキシル、ペンチレングリコール、グリセリン、BG、豆乳発酵液、加水分解ダイズエキス(黒大豆)、加水分解ダイズタンパク、ダイズ油、ダイズステロール、ハチミツ、ローヤルゼリーエキス、トコフェロール、アルギン酸Na、クエン酸Na、クエン酸、ニンジン根エキス、エチルヘキサン酸セチル、フェノキシエタノール、イソステアリン酸PEG-20グリセリル、エチドロン酸4Na、DPG、香料
最近パララックス(視差効果)を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かもしれません。 パララックス効果のjQueryプラグインまとめ あと動作はこの記事時点でのFirefoxの最新版でしか確認はしていません。 スクロール量を取得する まずはスクロールすると動くので、スクロール量を取得します。ちなみにjQueryを使ってます。 $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("スクロール量:" + y);//表示用 }); }); サンプルペー
スマートフォン・デスクトップをはじめ、IE6などのレガシーブラウザ対応といった要件に合わせたMedia Queriesの実装方法を紹介します。 Techniques For Gracefully Degrading Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 テクニック1:スマートフォンユーザーがメイン テクニック2:レガシーブラウザは非対象 テクニック3:スマートフォンユーザーのみ テクニック4:デスクトップユーザーがメイン テクニック5:レガシーブラウザも含める テクニック1:スマートフォンユーザーがメイン 最初に紹介するテクニックは、Media Queriesをそのまま使うものです。 CSS #container { _width: 460px; /* IE6用 */ max-width: 460px; } @media only scree
株式会社サイゾー(Cyzo inc.) / Raffael Stüken / La Moulade - Creative St...他...全11件
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Silverback Giveaway 一見、背景画像をCSSかJavaScriptで配置したように見えますが、CSSで普通に配置されたソリューションです。 テキストやリストが画像に重ならないように、marginを設定します。 HTML <textarea name="code" class="html" cols="60" rows="5"> <h3>Contest Details</h3> <div class="imagery""> <img src="imagery.png" width="205" height="400" alt="Imagery" /> </div> <p>...the introductory paragraph...</p> <ol> <li>...various bullet points went here...</li> </ol> </textar
サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね?」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■ HTML,CSSを覚えよう まず、HTMLとCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている
Having worked with other agencies you have to do a lot of work to get people aligned to your vision, whereas with Work at Play, their team just really get it right off the bat. Work at Play is much more goal-oriented. We entrust them to come up with good solutions to big challenges. With other external partners you [often] have to tell them exactly how you want the thing built.”
ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント/Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション/エフェクト処理を
14 rue d'Alsace - 67450 Mundolsheim 06 80 65 03 58 - info[at]e-toilegraphic.com APE 7311Z - SIREN 444 457 519 N° MDA R259642 L'agence L'agence e-Toile Graphic a �t� cr��e en 2002 et est dirig�e depuis par Philippe ROSER. Sp�cialis�s en ergonomie et UX Design, nous avons rejoint Impact Positif depuis 2017 pour �largir notre champ de comp�tences : Audit de l'ergonomie d'un site internet D�finition d
単純なインフラ製品の販売ではない DX、コンテナプラットフォームの実証など 自社の取り組みで得られた知見を顧客に提案 EDRトップランナー対談:後編 セキュリティ戦略を転換せざる得ない背景と EDRのような手法が必要な理由に迫る 本当のデータ活用できていますか? データドリブンがあたりまえと言われる今あらためて考えたいデータ活用のありかた 最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM オリジナルコンテンツが満載! 意外と知らないNutanix HCI の情報を集約 読めばわかる!いまHCIが注目される理由 リモートワークを成功させる方法 必須となるセキュリティをどう強化するか 必要な対策5つを紹介 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある ビジネ
Forms needs a solid visual structure, a profound hierarchy of form elements (Fields and Labels), powerful techniques and Functionality (AJAX) to make the form look and work creatively. There is a great bunch of creative, outstanding and individually designed from scratch forms. Thanks to AJAX, we can provide real-time feedback to our users using server-side validation scripts and eliminate the nee
JavaScriptを使ってCSSを変更というのは良くあることだ。例えばクリックで表示を消す場合やフェードアウトさせるような類のイフェクトがある。$("hoge").style.display="inline";のような指定をするだろう。 しかしこれではCSSとJavaScriptの距離が遠い。もっとダイナミックにCSSを操作しよう。 今回紹介するオープンソース・ソフトウェアはDynamic CSS via JavaScript、JavaScriptによるCSS操作ライブラリだ。 まさにダイナミック。CSSというオブジェクトを生成し、そこにルール(CSS指定)を追加していくという形式で描かれる。スタイルタグを動的に生成し、描画を変化させられる。 利点は何だろうか。まず、CSS上の指定を変数にまとめられるようになる。また、タグクラウドのような状態によってフォントサイズを変更するようなものを、
MooTools Mocha UI Mocha is a MooTools user interface class made with canvas tag graphics. This is an on going exercise to help me become more familiar with both MooTools and the canvas tag. 軽快かつクールなページ内小窓作成用ライブラリ「Mocha UI」。 次のような移動&リサイズ&クローズ&最大化可能なウィンドウを簡単に作成できます。 サイト内のデモでは、タイトルと内容を入力することで、動的にウィンドウを作成できることが紹介されています。 フレームワークには、mootools 使用。 かなり軽快に動いてくれ、ページ内で別窓を作るUIを作る際にはかなり使えそう。 関連エントリ Prototype.jsベ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く