oka0810のブックマーク (90)

  • ポカリスエット公式サイト|大塚製薬

    ポカリスエット、ポカリスエットイオンウォーターの公式サイトです。製品情報や最新CM情報、ポカリの特長、水分補給に関する知識など、情報満載です。

    ポカリスエット公式サイト|大塚製薬
    oka0810
    oka0810 2014/05/13
    ・パララックスの動きがとてもスムーズでおもしろい ・鮮やかな色々な青を使ったデザインがとてもキレイ ・ポカリレポートのページのようにlight boxに詳細説明を掲載するアイディアは使えそう
  • 素肌しずく│プラセンタ スキンケア│簡単・時短・うるおい新発想│アサヒグループ食品

    「素肌しずく ぷるっとしずく化粧水」について、技術開発一部 部長(取材当時)/理学博士 宮田 智が自信をもってお奨めする、その理由を聞いてみました! 「素肌しずく ぷるっとしずく化粧水」の スゴイところは? 1回にどれくらい使えばいいの?お奨めの使い方は?

    oka0810
    oka0810 2014/05/13
    ・下層ページのリンクの並べ方がおもしろい ・使用している明朝体のフォントと色合いが好き
  • http://www.parco-play.com/web/40th/

    oka0810
    oka0810 2014/05/13
    ・デザインのインパクト ・メニューをクリックした後の動き ・戻り方が少しわかりづらいのは×
  • 豚の角煮 圧力鍋で超簡単~40分で劇旨~ by hf370418 [クックパッド] 簡単おいしいみんなのレシピが60万品

    圧力鍋を使うことで、手間と時間のかかる豚の角煮がわずか40分でできちゃいます。しかも味は格超絶品!是非一度お試しあれ

    oka0810
    oka0810 2014/05/13
    ・グローバルメニューの文字がオンマウス時に虹色 ・かすれた感じのでデザイン
  • 404エラー(ページが見つかりません) | ロート製薬: 商品情報サイト

    ロート製薬株式会社Webサイトにお越しいただきありがとうございます。 大変申し訳ありませんがお客様がアクセスしようとしたページが見つかりませんでした。 お探しのページは、削除されたか名前が変更された、もしくは一時的に使用できなくなっている可能性がございます。 考えられる原因 ページの整理統合などによってリンクが切れが発生してしまっている。 URL(アドレス)の綴りを誤って入力されている。 解決方法 大変お手数ではございますが、次のいずれかの方法で、お求めの情報をお探しください。 「サイトマップ」から、お求めの情報に関連する話題を選んで探す。 「サイト内検索」で、お求めの情報(キーワード)を入力して検索する。 お求めの情報が見つからない場合 お手数をおかけいたしますが「お問い合わせ」ページより、お求めになられている情報についてご連絡いただけますと幸いです。 コンテンツ拡充の参考とさせていただ

    404エラー(ページが見つかりません) | ロート製薬: 商品情報サイト
    oka0810
    oka0810 2014/05/13
    ・マウスのスクロールが一定間隔 ・ストーリー形式になっているのも動きもおもしろい。
  • 社会福祉法人神戸福生会採用情報サイト|福祉・介護サービス|兵庫県神戸市

    社会福祉法人神戸福生会の採用情報サイトです。兵庫県神戸市で創業から70年にわたり高齢者介護事業を推進。特別養護老人ホーム、ケアハウス、有料老人ホームなどの入所サービスをはじめ、デイサービスや訪問介護などの在宅サービスを幅広く展開しています。

    社会福祉法人神戸福生会採用情報サイト|福祉・介護サービス|兵庫県神戸市
    oka0810
    oka0810 2014/05/13
    ・横に流れるトップ画像 ・マウスオンした時にシャッターのようなエフェクト ・色数が多くバランスがいい http://www.kobe-fukuseikai.com/saiyo/questionnaire/
  • スタジオCocoaのキャンペーン・イベント情報

    スタジオCocoaは貸切型写真館。東京都・神奈川県・千葉県・茨城県で、七五三、お宮参り、誕生日記念撮影はお任せください。 お問い合わせ web予約 LINEで予約

    スタジオCocoaのキャンペーン・イベント情報
    oka0810
    oka0810 2014/05/13
    ・グローバルメニューが縦 ・斜めで区切ったデザインがおもしろい。
  • 行動ターゲティング,ブログ広告,リターゲティングのマイクロアド

    マイクロアドはデータとテクノロジーをかけ合わせたマーケティングプラットフォームを提供する会社です。「Redesigning the Future Life」という想いを掲げ、広告やコミュニケーションだけではなく、人々の未来の暮らしそのものを再デザインしてまいります。

    行動ターゲティング,ブログ広告,リターゲティングのマイクロアド
    oka0810
    oka0810 2014/05/13
    ・パララックス ・質感がある場所やテクスチャを使うなど色々なデザインが入っている。
  • 思わず押してみたくなる、いとも簡単なボタンの作り方 | 楽してプロっぽいデザイン | Forty-N-FiveBlog

    思わず押してみたくなるボタンってありますよね。細かい部分ですが、こういったボタンのデザインにもこだわっていきたいですね。そんな訳で、フォトショップで非常に簡単に思わず押してみたくなるボタンを作ってみましたので、その方法をメモしておきます。 思わず押してみたくなる、ボタンの作り方 角丸長方形ツールでボタンの大きさ・形を決めます レイヤーにドロップシャドウで効果をつけます まず、基準となる色を決めておきましょう。ここでは、青にしています。次にレイヤー様々な効果をつけていきます。まずはドロップシャドウから… 続いて、光彩(内側)で効果をつけます 続いて、グラデーションオーバーレイで効果をつけます 続いて、境界線で効果をつけます 色はボタンと同じような色にします。最後の仕上げ ポイントは2でしょうか!既に取っている選択範囲に、Altキーを押しながら新たに選択範囲を取ると、その部分の選択範囲が削除さ

  • jQueryでスクロールすると表示する系いろいろ

    Posted: 2012.03.08 / Category: javascript / Tag: jQuery, アニメーション 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-

    jQueryでスクロールすると表示する系いろいろ
  • メールアドレス存在・生存・死活確認ツール

    ツイート 指定したメールアドレスが存在するかどうかをこの場で確認・判定できるツールです。 下記のフォームにメールアドレスを入力して送信ボタンを押してください。 ※入力されたメールアドレスにメールが送信されたりすることはありません。 このツールは宛先に対してメールを送信しなくても、そのメールアドレスの存在・生存・死活を確認チェックできます。 「○○ちゃんにメールを送ったけど届かない~」なんてときに、自分が着信拒否をされているのか、それとも相手がメールアドレスを変更したのかを調べることができます。 OCNなどのインターネットプロバイダから与えられているメールアドレスの場合、このツールは正しい判定結果を返さない可能性があります。 ドコモ・ソフトバンク・AUなどの携帯メールアドレスに対しては正しい判定結果を返す場合が多いです。 このメアド確認ツールが欲しい人がいたら下記リンク先よりご連絡をください

  • 防衛省・自衛隊:防衛省ウェブサイトのHTTPSへの切り替えのお知らせ

    防衛省ウェブサイトのHTTPSへの切り替えのお知らせ 防衛省では、利用者の皆様に、より安全かつ安心にウェブサイトをご利用いただくため、ウェブサイトのHTTPS化を行いました。今後は、『https://www.mod.go.jp/』でのご利用をお願いいたします。あわせて、ブックマークやリンクなどのご確認をお願いいたします。 10秒後に自動的にHTTPSサイトを表示しますが、画面が切り替わらない場合は、お手数ですが、以下のURLをクリック下さい。 今後は、以下のとおり、冒頭に『https』を付記したURLからのアクセスをお願いいたします。 新しいURL

  • 面白法人カヤック

    面白法人カヤックの中途採用情報です。エンジニア、デザイナー、ディレクターなど募集職種ごとの求人、エントリーシートを掲載。転職活動中の皆さまに向けて、売上や事業などの会社情報や社員インタビューも。

    面白法人カヤック
    oka0810
    oka0810 2014/04/20
    ・見た目のインパクトの強さ ・グローバルナビの吹き出しドロップダウンと折りたたむエフェクト ・スクロールした時にバナーが動く ・マンガのコマ割りのようなデザイン
  • schoo(スクー)

    授業は双方向 授業は双方向ライブコミュニティ。ユーザーのコメントで授業が変化するので常にオリジナルです。コメントはしなくても大丈夫です。

    schoo(スクー)
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • jQueryでサムネイル付きスライドショーをシンプルに作成する方法|BLACKFLAG

    以前にここで「jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法」と題して、 jQueryでの画像切替ビューアーを紹介しましたが、 これを応用して、自動で画像エリアが切り替わる シンプルな画像スライドショーを作ってみたのでご紹介。 まずは動作のサンプルから。 ※全体構成は以前の記事の物と同じにしてあります。 jQuery SIMPLE SLIDESHOW【SAMPLE1】 4枚の画像が自動でクロスフェードしてスライドショーとして切り替わり、 下部に並べてあるサムネイルをクリックすることで 特定のビジュアルに切り替えることも出来ます。 全体構成についてHTMLから。 ◆HTML <div id="slideshow"> <div> <div><a href="#1"><img src="img/photo01.jpg" width="400" height="300" alt

    jQueryでサムネイル付きスライドショーをシンプルに作成する方法|BLACKFLAG
  • 社会人なのに間違ったスーツの奴大杉wwwww : ぶる速-VIP

    社会人なのに間違ったスーツの奴大杉wwwww 1: 名無しさん 2014/04/05(土)19:44:59 ID:7ra6701Tk ①スーツの袖丈はシャツのカフスが1.5cm程覗く長さか ②ラペル幅、タイ幅、ゴージラインの長さは同じか ③スーツのボタンの色、の色、鞄の色は揃えているか ④ジャケットの一番下のボタンとフラップとベントの位置は同じか ⑤スラックスはアジャスタータイプか ⑥は黒の内羽根式レースアップで革底か ⑦ストライプ(レジメンタルタイ)のネクタイはしていないか ⑧胸ポケットの無いドレスシャツを着ているか ⑨シャツの襟はスプレッドカラーか ⑩ソックスはロングホーズで足を組んだ際に見えていないか 他にもあるけど、お前らこのなかで何個ルール守れてる? 「俺スーツの一番下のボタン外すの知ってるぜw」程度の知識すら無い奴大杉なんだが 2: 名無しさん 2014/04/05(土)1

    社会人なのに間違ったスーツの奴大杉wwwww : ぶる速-VIP
  • レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ | 株式会社LIG

    どうも〜こんにちはぁ! 最近レスポンシブなサイトを作ることが多いライターの、のび太です。 モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。 レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は「これはぜったいに知っておきたいよね!」って感じた基的なことを7つご紹介させていただきたいと思います。 レスポンシブデザインを制作するときに意識しておきたい基項目7つ 1. 画像の代わりになるべくCSSで表現すべし レスポンシブデザインで画像を使うと、モバイル端末ではPCに比べて回線速度が遅いため、読み込み時間が余計にかかってしまいます。 そのため、画像ではなくCSSで表現可能なものはどんどん代替していったほうがいいと思います。 立体ボタンや矢印だ

    レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ | 株式会社LIG
  • 最近話題になったイケてるWebサービス・アプリ11選(2014年2月編)

    2月が終わり3月も始まったということで、2月中に話題になったWebサービスやアプリを11個ほどご紹介します。 Threes!(2/6) 2月6日に世界的に配信されはじめ、2月10日に米国有料アプリランキング1位にランクインしたパズルゲーム「Threes!」が注目されています。 ルールはシンプルで、4×4のグリッド上になったマスの上で、3の倍数になるように数字をスライドさせていくパズルゲームです。1度挑戦すると何度も挑戦してしまう中毒性を持っています。シンプルだけど面白いです。 姫騎士と最後の百竜戦争(2/07) 2月7日に正式リリースされ、Androidだけで2週間で40万ダウンロードされた姫百(ひめひゃく)というアプリ。 ディフェンスとアタックをタイミングよく押し、敵を倒していく新感覚のアプリです。ゲームを体験して思うことは、演出のレベルここまでいくともはや「家庭用ゲームと変わらない」く

    最近話題になったイケてるWebサービス・アプリ11選(2014年2月編)
  • 「何を勉強すればアプリを作れるようになりますか?」AppBank アプリ担当の仕事に興味がある方へ、私なりの回答。 - Gadget Girl

    最近、AppBank に入りたい!という声をたくさん聞くようになりました。ありがたいことに、まおさんのようにアプリを作る仕事をしてみたいです!というお声がけも少なくありません。 「何を勉強すればアプリを作れるようになりますか?」という質問をたくさんいただくのですが、一口にアプリを作るといっても、アプリが完成するまでには道のりがあります。その道のりの中で、何を担当するか?で勉強する内容は変わってきます。ですから「何を勉強すればアプリを作れるようになりますか?」に答えるため、AppBank アプリ担当が具体的にはどんな仕事内容なのかをまとめてみます。 ※他の会社のアプリ作りがどうなっているか、私も詳しくないのであくまでも AppBank の場合ととらえてください。 AppBank が出しているアプリたちはこちら(追記できていない新作がいくつかあります。。) AppBank アプリサポート 私は

    「何を勉強すればアプリを作れるようになりますか?」AppBank アプリ担当の仕事に興味がある方へ、私なりの回答。 - Gadget Girl