2012-02-01から1ヶ月間の記事一覧
JUNICHI TAKAHASHI Web Portfolio http://www.junichitakahashi.com/ 写真家 たかはしじゅんいち氏のポートフォリオサイト。 サイトデザインはもちろんのこと、コンテンツがとにかくスゴい! とくに、動画『 BEYOND THE BORDER 』は必見( GALLERY → MOVIE …
StopMotion Recorder 指パッチンや拍手でシャッターが切れるモードがあるので便利! アップルストアー価格:100円(←2014.3.23現在) http://bitween.co.kr/stopmotion/参考サイト: http://weekly.ascii.jp/elem/000/000/070/70596/
☆課題サイトのヘッダーのすぐ下に入れてみた。 Googleカスタム検索 http://www.google.com/cse/1. 検索エンジンの設定2. テスト3. コードの取得4. サイトにコードを貼る
参考1 2 3 4 5 6☆課題サイトのサイドバーに 入れてみた。
フォームのデータを受け取る フォームのデータを配列で受け取る POST送信されたデータを受け取る GET送信されたデータを受け取る リンクからデータを受け取る フォームのデータをまとめて処理する フォームのデータをまとめて変数にセットする データ入力時…
小さな観葉植物を扱うショップのスマートフォン用サイト。 jquery Mobileをフルカスタマイズしてスマホサイトを作る。 ピンチイン/ピンチアウト 下記のように、横幅を端末の画面幅に、初期の拡大率を100%に設定するとピンチイン/ピンチアウトの操作が可能…
フラワーショップのスマホ用通販サイト。 iPhoneに最適化。 ※スマホまたは Safari でご欄ください。Firefoxでは正常に表示されません。 CSS3のみでアニメーション 目的(効果) 注目してほしい部分に視線を誘導する 何かが起きたことを伝える このサイトで実…
Gumroad の日本語版をみつけたのでメモ。https://gumroad.com/ Gumroad は、昨日のブログで書いた、個人が世界に向けて作品(データ)を販売できるようにするサービス。
<meta name="format-detection" content="telephone=no"></meta>
記述 index.html <html lang="ja"> <head> <meta charset="utf-8"> <title>コウベデュカ</title> <meta name="viewport" content="width=device-width" /> <meta name="format-detection" content="telephone=no" /> <link rel="apple-touch-icon" href="img/home.png" /> </link></meta></meta></meta></head></html>
☆イラストレーターさん、写真家さん、ミュージシャン……クリエーターへ朗報!? Gumroad は、だれもがデータを販売できるようにするサービス。びっくりするような安い手数料(5%+30セント)で、自作のデータをクレジット販売できるのだそうです。詳細は YouTub…
☆スマートフォンサイトがある場合には自動的に誘導する。 Windows: 「編集」→「設定」→「詳細」→「メニューバーに " 開発 " メニューを表示」にチェック→☆ Mac: 「環境設定」→「詳細」→「メニューバーに " 開発 " メニューを表示」にチェック→☆ ☆「開発」→…
画像付きのリスト 各リスト項目内にimg要素を記述する img要素で指定した画像は80×80pxに自動的にリサイズされる <ul data-role="listview"> <li><a href="#page2"><img src="thumbnail1.jpg">Salmon</a></li> <li><a href="#page3"><img src="thumbnail2.jpg">Takuwan</a></li> <li><a href="#page4"><img src="thumbnail3.jpg">Kanpyou</a></li> <li><a href="#page5"><…</a></li></ul>
SHUGO TOKUMARU PORT ENTOROPY http://www.shugotokumaru.com/portentropy/portentropy.htmlギターや玩具ほか、あらゆるもので音楽を奏でるミュージシャン、トクマルシューゴさんのサイト。 メインのビジュアルは、"メロディーそのものを音符以外で図形化し…
TONOFON SHOP/SHUGO TOKUMARU オフィシャルショップ http://shop.tonofon.com/ トクマルシューゴさんのオフィシャルショップサイト。 手描き風のロゴと見出し。イラストの脱力感が心地よい。 検索のマークが虫眼鏡ではなくて灯台に、ショッピングカートがト…
2/10(金)の授業は、「就職支援」。 群馬県から、こられた先生が履歴書、職務経歴書、添え状、礼状の書き方など、きめ細やかなご指導をしてくださいました。その事例として挙げられていた「千代田茜さん」は、3歳の子供がいるというハンデキャップをクリア…
大きな地図で見る大きな地図で見る APIキー取得☆ローカルで使用する場合は、丸印のところを「http://localhost/」と入力。
キョーレツ!
THE NEW FORD KA http://www.itsclicktime.com/2008/fordka/website/ FORD社の小型車 「 KA 」 のサイト。 長い長い、ひたすら横に長い。ここまでやると、賛否両論だろう。GOOD DESIGN のカテゴリーにいれるべきか悩ましいところだが、人の記憶にまちがいな…
Webデザインの基本ルール -プロに学ぶ、一生枯れない永久不滅テクニック-[デザインラボ](Design Lab+ 1-3)作者: デザインラボ編集部出版社/メーカー: SBクリエイティブ発売日: 2009/03/27メディア: 大型本購入: 25人 クリック: 457回この商品を含むブログ (2…
jQuery Mobile スマートフォンサイト デザイン入門 (WEB PROFESSIONAL)作者: 西畑一馬,鍋坂理恵出版社/メーカー: アスキー・メディアワークス発売日: 2012/02/02メディア: 大型本購入: 7人 クリック: 185回この商品を含むブログ (11件) を見る
「jQuery Mobileでサイト構築をはじめる」 jQuery Mobileはタッチパネルに最適化されたUIウィジェットとAJAXによるアニメーション効果のついたスムーズなナビゲーションシステムを実装している。 ☆head 要素には meta 要素として viewport が設定されている…
「10分で分かるjQuery Mobileのキホン」 jQuery Mobileは、 HTMLのhead要素で、 jQueryのスクリプトファイル jQuery Mobileのスクリプトファイル jQuery MobileのCSSファイル 上記3つを読み込むだけで利用できる。 ☆jQuery Mobileを使ったWebページは、HTML5…
うちのハイポールは角だから。/SUNTORY http://www.suntory.co.jp/whisky/kakubin/ (36のつづき) とかなんとか言いながら、サントリーの角ハイのサイトをのぞいたら、こちらもいい感じ。 赤味が入った明るい黄色をベースに、ダークブラウンと黒のはっきり…
CHIVAS/グローバルサイト http://chivas-regal.jp/JP/ ペルノ・リカール・ジャパンの CHIVAS グローバルサイト。 ここでも、jQuery を多用している 。 「 HOME 」 「 シーバスの歩み 」 「 製品ラインナップ 」 と、大きく 3 つにカテゴリー分けしている。 …
CHIVAS18/キャンペーンサイト http://aromaoftokyo.jp/top/ 世界でいちばん美しい酒 ( あくまで主観 ) 「 ペルノー 」 でおなじみ、ペルノ・リカール・ジャパンが主催する 「 CHIVAS18 」 ( スコッチ・ウイスキー ) のキャンペーンサイト。 落ち着いたデ…
HTML <html lang="ja"> <head> <title>Little Boxes Menu with jQuery</title> <meta charset="UTF-8"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen,print"> <style> *{ margin:0; padding:0; } body{ background:#f7eead url(images/mugi.jpg) no-repeat top center; fon…</link></meta></head></html>
Photo by (c)Tomo.YunHTML <html lang="ja"> <head> <title>Rotating Image Slider with jQuery & CSS3</title> <meta charset="UTF-8" /> <link rel="stylesheet" type="text/css" href="css/reset.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> </link></link></meta></head></html>
Photo by (c)Tomo.Yun HTML <html lang="ja"> <head> <title>Beautiful Background Image Navigation with jQuery</title> <meta charset="UTF-8"> <link rel="stylesheet" href="css/style.css"> </link></meta></head></html>