Setting a Google Map as the Background of your Web Site - blog | wadehammes
So the other day I was Googling ways to “set a Google map as the background of your site” with little luck at all on finding a good solution. So I decided to create one using CSS properties and utilizing the z-index/absolute positioning of elements. To get an idea of what I did, visit: http://wadehammes.com/dewey-beach/ Step 1 - Obtain a Google Maps API Key: First off, you will want to make sure y
【スマホ集中連載 第3回】 "iPhone・AndroidアプリのUI・挙動はどこが違う？" 〜LDNReaderで徹底検証 : LINE Corporation ディレクターブログ
こんにちは。スマートフォングループの石野です。 「ディレクターのためのスマートフォン講座」第3回目を担当します。 前回に引き続いて Android と iPhone の比較ですが、アプリについてもう少し突っ込んでみます。Android アプリを使ったことが無い方はぜひご覧ください。 はじめに / サンプル紹介 なるべく直感的に把握していけるよう、実際に iPhone / Android でアプリをリリースしている『LDNReader』を例に見ていきます。ニュースリーダー系アプリです。機能面はほぼ同一であり、比較しやすい対象です。 ※以下は iPhone / Android アプリを開発する上でのガイドラインではありませんのでご注意ください。あくまで『LDNReader』は一例にすぎず、Android の概念を学習するのが目的です。 ※実際にダウンロードする際は以下よりお願いします。 iPh
CSSでアイコンをデザイン
ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } 各アイコンになるa要素へのスタイルは以上のような単純なものがベースになる。icons-w.pngがアイコンの前景をつなげたスプライ
Pttrns — Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
Formalize CSS - Teach your forms some manners!
Break the cycle of inconsistent form defaults, style forms with impunity! Feel free to ping me on Twitter A Familiar Tale We've all been there. You are nearly done with a beautiful site design, only to arrive at the task we all dread – form styling. Depending on operating system and browser, default form elements can look okay or horribly disfigured. Cargo cult adherents say that styling form ele
The Camera Collection
A collection of camera iconsA collection of 100 pixelated camera illustrations for anybody to download and use in whatever way they see fit. The camera illustrations are under the Creative Commons Attribution 3.0 Unported License. This means you can do absolutely anything with them but you gotta give me (Billy Brown) credit somewhere.
スマホサイト制作：URLバーをページ読込み完了時に引っ込める方法 - Kaleidoscope
今回もあまりがっつり書ける時間が無いので、超小技のエントリー(￣▽￣;) たとえば、Yahooさんとかがやっているんですが、 「ページを読込んだときに、URLバーが引っ込む」という、ちょっとした気配りの動き。 Yahoo! JAPAN （スマートフォンサイト） （Yahooさんの手法とは違うかもしれませんが） その方法を紹介します。 僕の場合は、ページ読込みが完了した時に1ピクセルだけスクロールさせています。 そもそも、iOSのSafariやAndroidの「ブラウザ」は、 ページ読み込み完了時に、スクロール位置が1ピクセル以上あった場合、 URLバーが引っ込む仕様のようです。 （あくまで推測。ページ内リンクなどで、そうなるのが根拠です。） まぁ、これのなにがいいのかというと、 ページの表示範囲を少し広く見せられる。 ってところでしょうか。 やり方は簡単です。 JavaScriptでWin
50 More Beautifully Designed Tumblr Themes
Way back in 2009 we posted a collection of 30 Beautifully Designed Tumblr Themes. Back then the Tumblr library of themes was much smaller than it is today and in light of the huge growth in the platform as a whole we decided to bring you fifty more themes perfect for anyone with a designer’s eye. This time we’ve switched things up by not only featuring a ton of great free themes, but an additional
アパレルサイトを運営する会社調査 – アパレルサイトGRLは全身コーディネートを9999円以下で揃えられることが強みのECサイトです。そんなサイトを運営する会社の社内環境や取り組みなどについて徹底解説しちゃいます！
アパレルサイトを運営する会社調査 アパレルサイトGRLは全身コーディネートを9999円以下で揃えられることが強みのECサイトです。そんなサイトを運営する会社の社内環境や取り組みなどについて徹底解説しちゃいます！ 頭から足の先まで、全身に身に付ける衣服が全て揃って1万円を切ると聞くと、随分とお値打ちという気がしないでしょうか。毎日着る服ですが、コーディネートに困ってしまったり、新しく購入するにも値段が高いと感じる物があったりでファッションは難しいと感じている人もいるかもしれません。しかし、株式会社Gioが運営している女性向けのファストファッションブランド「GRL（グレイル）」なら、9999円以下で全身コーディネートができてしまうという、お得な買い物ができるのです。株式会社Gioがなぜこのようなブランドを展開しているのか、グレイルでは実際にどのような商品を扱っているのか紹介します。 女性向けの
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
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.
House of Buttons
A collection of great UI buttons spotted in the wild. Curated by MaxButtons. Submissions welcome.
Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト
タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) ＜前へ 次へ＞(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Helvetic Neue On The Web · MaisonBisson
Loading...
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
iPhoneデザインボックス
Up Stage App -
ZEN is a HTML5-CSS3 Audio Player. I’m really happy... | simurai
Little Big Details
Free simple icon by rachel1009 on DeviantArt