jQueryサンプル集 | DesignWalker
背景画像をブラウザの枠いっぱいに表示するテクニックの考察
最近のトレンドの一つでもある背景画像をブラウザの枠いっぱいに表示する実装方法はたくさんあります。その中から、理にかなった最新のテクニックや、より多くのブラウザに対応させるテクニックを紹介します。 Perfect Full Page Background Image [ad#ad-2] 下記は各ポイントを意訳したものです。 各デモはページ下部のDownload Files」で、まとめてダウンロードできます。 背景画像をブラウザの枠いっぱいに表示するテクニックとは CSS3を使ったテクニック CSSだけで実装するテクニック：その1 CSSだけで実装するテクニック：その2 jQueryを使ったテクニック 背景画像をブラウザの枠いっぱいに表示するテクニックとは 前提として、下記のポイントが挙げられます。 画像でページをいっぱいにします。 空きは無いようにします。 画像のサイズは必要があれば調整しま
日本生まれのクラウドノート「KYBER」がすごい理由 (1/3)
オーリッドという日本のIT企業が注目を集めている。売上高は40億円規模。法人向けWebサービスを提供していたが、昨年から個人向けサービス「KYBER」を開始した。16日に発売した「KYBER Smartnote」（写真、3冊1500円）は、そのサービスの目玉だ。 見た目はごく普通のノート。メモをしたり、議事録をとったり、普通のノートとして使える。ノートをiPhone付属のカメラで撮影し、KYBERのWebサイトにアップロードすると、画像のデータがクラウドサーバー上で管理される（Androidには10月対応予定）。そこまではこれまでのクラウドサービスにもあったもの。「Evernote」を思い浮かべる人もいるだろう。 だが、話はここからだ。 しばらくすると、手書きのメモが文字データになって送られてくる。いわゆるOCR（画像からの文字起こし）だが、その精度は異様に高い。ほぼ完璧だ。納品までも最速
Facebookページの顔、「Welcomeページ」のとことん簡単な作り方 - IT戦記
はじめに みなさんこんにちはヽ(´ー｀)ノ 本日、Facebook ページにウェルカムページを簡単に追加できるサービス「ウェルカムページメーカー」をリリースいたしました！ どんなサービスなの？ Facebook ページを持っている人なら、誰でも「とことん簡単に」ウェルカムページを作れるサービスです！ 今までも、このようなサービスはあったのですが「とことん簡単に」というところを追求したのがこのサービスです。 ウェルカムページって何？ ウェルカムページとは、 Facebook ページのトップページとなるページで簡単なメッセージや、「いいね！」を促す文言を載せたりすることができます。 有名なウェルカムページとしては レッドブルの Facebook ページ などがあります。 ついつい、「いいね！」をクリックしてしまいそうです！ なんで、「いいね！」されるが重要なの？ 「いいね！」されることで、ユー
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.
無料レタッチツール「GIMP」を使いこなす最強リンク集 :教えて君.net
画像編集ソフト「GIMP」に搭載された強力な機能を活用すれば、写真を面白おかしく改造するのも、イケメン写真を捏造するのもお手の物だ。「なにやらズゴイらしいけど、使い方を覚えるのが大変そう」などとＧＩＭＰの導入に二の足を踏んでいた人も、この記事を参考にして、ぜひコラ画像作成に挑戦しよう。 GIMP 徹底活用ガイド 2009 (インプレスムック エムディエヌ・ムック)(MdN) ￥1,575 マーケットプレイス 新品最安値：￥1,575(+送料) (価格は2009/02/04 18:37時点のものです) ダウンロード＆インストール まずはGIMPをダウンロードしよう。現在の最新バージョンは2.6.4だ。リンク先ではインストールの手順を説明している。 詳細はこちら→市販ソフト顔負けの高機能フォトレタッチソフト GIMP for Windows 基礎:GIMPで写真に落書きをする／人物を切り抜
画面いっぱいの背景画像をスライドショウするjQueryプラグイン
2010年4月10日 画面サイズにフィットして伸縮する背景画像を、スライドショウするjQueryプラグインの紹介。 フルFlashサイトなどで見かける、画面サイズに合わせて画面いっぱいに画像が表示されるアレ。それにスライドショウ機能が付いたjQueryプラグインを、自分のサイトで使ってみました。 動作サンプル www.daichifive.com 自分のサイトで使ってみました。なんか、いいカンジでしょ？ちなみに、使用している写真は、足成さんでダウンロードしました。 追記 上記で紹介している僕のサイトのソースコードをまるまる流用する人が増えています。分からないからといって、CSSファイルやデザインまで全部パクるのはやめましょう。head内のアクセス解析用コードまでそのまま使う人が多いのもホント焦る。僕のGoogleAnalyticsの結果に知らないタイトルのページがたくさん入ってきてます。
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
CSS/HTMLのテクニックをクロスブラウザ対応（特にIE）にする方法のまとめ
17 CSS/HTML Effects with Cross-Browsing Alternatives サポートしないブラウザへの対応方法はJavaScriptを利用するなどいろいろありますが、その中の一つとして紹介します。 [ad#ad-2] 下記は各ポイントを意訳したものです。 幅の最小値・最大値 (IE included) RGBa (IE included) 不透明度 (IE included) 画像の回転・拡大縮小 (IE included) 背景をブラウザいっぱいに表示 (IE included) 画像無しのビュレット テキストのシャドウ (IE included) 複数のボーダー (IE included) ボックスシャドウ (IE included) 角丸 スクリーンリーダー用のコンテンツ ネガティブ値で指定したtext-indent Clearfix (IE inclu
デジタル一眼レフカメラのそれぞれの設定が何をするのかを教えてくれるデジタル一眼レフシミュレーター「CameraSim」 | ライフハッカー・ジャパン
デジタル一眼レフが欲しいと思っているけれど、どのような対応をしたら良いのかがいまいち分からない...という方にぴったりのシミュレーションツールをご紹介。一眼レフがどのように機能するのかを教えてくれる友達がいなくても、「CameraSim」を使えば、デジタル一眼レフの扱い方をウェブブラウザ越しに学習できます。 デジタル一眼レフを最も効果的に使うには、シャッター速度、露出、ISO（露光指数）がどのように画像に現れるのかを理解する必要があります。 何をすればどうなるのか？ を文章で読むことはいくらでもできますが、実際にやってみるまではなかなか感覚として理解するのは難しいかと思います。CameraSimでは、何をどう調節すると撮影される画像がどのように影響を受けるのかを確かめることが可能。フレーム内に回転するピンホイールが用意されているので、シャッター速度を変更してみることができ、動作によるブレを
Google Arts & Culture
When the Kobe Fashion Museum opened in 1997, it was Japan's first dedicated fashion museum. Its collection comprises more than 9,000 Western costumes from the 18th-20th century, and folk costumes from over 70 countries. Additionally, the museum holds, 1500 fashion plates, 2000 fashion photos, and over 4500 movie posters. Its library holds more than 40000 books, magazines, and movies, allowing visi
Picture Street
Pic.st Please read and comply with the following conditions before you continue: This website contains information, links and images of sexually explicit material. If you are under the age of 21, if such material offends you or if it's illegal to view such material in your community please do not continue. I am at least 21 years of age and I believe that as an adult it is my inalienable right to r
この図書館ヤバすぎ:ハムスター速報
この図書館ヤバすぎ カテゴリ画像系 関連記事：図書館の画像ください 1： 京急くん(チベット自治区)：2011/01/19(水) 22:08:44.42ID:9eHqEFdt0 このメキシコにある図書館Vasconcelos Libraryは、Alberto Kalach氏が設計。 ここで本読んだら、お話の世界にどっぷり浸かれそうですね。 http://www.gizmodo.jp/2011/01/post_8289.html 2： 北海道米キャラクター(山形県)：2011/01/19(水) 22:09:41.03ID:ZesxJWEa0 近未来 32： さいにち君(神奈川県)：2011/01/19(水) 22:21:25.40ID:0vrNqXKI0 アマゾンの配送センターかと思った 3： ベーコロン(東京都)：2011/01/19(水) 22:11:20.26ID:LIFHPPA
もう戦争やめようぜっていう写真貼って、世界に平和をもたらしてけ : まめ速
1：以下、名無しにかわりましてVIPがお送りします：2011/01/19(水) 16:19:09.56ID:GcTvpdHY0 貼ってこうぜ 3：以下、名無しにかわりましてVIPがお送りします：2011/01/19(水) 16:20:42.86ID:/OpdAAXn0 4：以下、名無しにかわりましてVIPがお送りします：2011/01/19(水) 16:21:06.65ID:2vRttvYo0 5：以下、名無しにかわりましてVIPがお送りします：2011/01/19(水) 16:21:56.77ID:aruZSTp20 7：以下、名無しにかわりましてVIPがお送りします：2011/01/19(水) 16:23:23.56ID:aruZSTp20 8：以下、名無しにかわりましてVIPがお送りします：2011/01/19(水) 16:24:21.74ID:Ks+vJDpE0 10：以下、名無し
スタジオグラフィックス プロが教える デジタルカメラの撮影＆レタッチテクニック
運営会社情報 株式会社スタジオグラフィックス 〒164-0012 東京都中野区本町2-51-10 中野坂上OKビル801 TEL 03-6300-5987 / FAX 03-6300-5988
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初心者スノーボード
Photoshop VIP ☞ Photoshopマジック、すごすぎる写真加工、レタッチ術チュートリアル20個まとめ
not found
YouTube人気急上昇
初見で吹いた画像