パララックスサイトの作り方の初歩
最近パララックス（視差効果）を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かもしれません。 パララックス効果のjQueryプラグインまとめ あと動作はこの記事時点でのFirefoxの最新版でしか確認はしていません。 スクロール量を取得する まずはスクロールすると動くので、スクロール量を取得します。ちなみにjQueryを使ってます。 $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("スクロール量：" + y);//表示用 }); }); サンプルペー
2013年予定のjQuery 2.0、IE8以下はサポート廃止の方針
2013年初頭にリリースを予定しているjQuery 2.0では、Internet Explorer 6/7/8のサポートをしないという方針が、jQueryのブログ「jQuery Blog » jQuery Core: Version 1.9 and Beyond」で明らかにされました。 jQueryは現在1.7が最新バージョンで、先週1.8β1が公開されたばかり。ブログによると、この先のロードマップは次のように説明されています。 jQuery 1.9 (early 2013) 1.8で使用されなくなったインターフェイスの多くを削除。そのうちのいくつかはプラグインか代替APIでサポートされる。 jQuery 1.9.x (ongoing in 2013 and beyond) 継続してバグフィクスを行う。 jQuery 2.0 (early 2013, not long after 1.9)
わかりやすい見積書の書き方 / Maka-Veli .com
最近流行り(？)の「見積額」じゃないです。見積書自体の書き方。 ディレクターやってるとこういうのが気になってしょうがないのです・・・ sample.pdf 最下部にデータ置いておくんで、好きに使ってください。リンクも名前....MOREわかりやすい見積書の書き方 is a post from: Maka-veli.com
UIが美しすぎる15の次世代モバイルアプリデザイン ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
世界的なスマホの急速な普及とそれに伴う様々なアプリの登場と共に、モバイルデバイス向けのUIデザインも様々な試行錯誤と進化を続けているようです。今回は、デザインにはこだわりのある人気ITメディアThe Next Webのスタッフが選んだ次世代のモバイルアプリを担う15のUIデザインを紹介します。 — SEO Japan コードを学ぶのと同じように、デザイナーとして上達する一番の方法は、習うより慣れることだ。それでもやはり、優れた作品を称賛して模倣すること（という名の練習）が驚くべき効果を発揮しないというわけではない。何よりも、他のデザイナーが過去にしたことを見ることは、相当な時間の節約になる。なぜならデザインには歴史があり、誰もが有効なものと有効でないものから学ぶべきだからだ。 今回の記事では、あなたのデザインのインスピレーションのなるような、15の見事なユーザーインターフェース（UI）のリ
ロゴ入りのクールなQRコードが作れる「Unitag」:phpspot開発日誌
Unitag QR Generator- Create fancy QR Codes for free - Check out Premium access - Unitag - Connect to the world ロゴ入りのクールなQRコードが作れる「Unitag」。 WEBブラウザ上でサイトのロゴが入ったQRコードなどを簡単に作れるツールです サンプル例。なんかかっこいい。 ロゴ入り。こんなのでも読めるんですね ちょっとデザインされた感じのもの デザイナーの方はこういうところもデザインしたいということで、１つのツールとして試してみてもよさそう 関連エントリ Google Chart APIを使ったQRコードを超簡単に描画してくれるjQueryプラグイン「MyQRCode」
あなたのデザイン力をアップする、仕事で使える高品質なPhotoshopの素材がパックになった -PsDefaults
ブラシもぼけ以外に多数 PsDefaultsは有料の素材セットですが、無料のミニキットもダウンロードできます。 無料版の中身は下記の通りです。 Photoshop用のスタイル ボタンなど Photoshop用のシェイプ アイコン、アローなど Photoshop用のパターン モザイク、タータン柄、木、ノイズなど Photoshop用のアクション ヴィンテージ、セピア、レトロ、ロモ、モノクロなど Photoshop用のブラシ ぼけ、グランジ、スワールなど Photoshop用のグラデーション 鮮やかなカラーやパルテルなど 素材の利用にあたっては個人でも商用でも無料で、ウェブサイト・アプリケーション・紙などに使用できる、とのことです。詳しくはダウンロードファイルの「License.txt」をご覧ください。 無料版のダウンロードはトップページの「Get Updates」にメールアドレスを登録し、そ
Javascriptで扱えるカッコイイグラフのまとめ - Qiita
結論:Highchart ccchart(canvasChart)と悩みましたが、Highchartを選んだ理由は、下記の通りです。 1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている 2.複合グラフのアニメーションがかっこいい 商用ライセンスなので、無料にこだわる方は、ccchart(canvasChart)がおすすめです。 Highchart 表現力、完成度の点でいちばんだと思います。商用なのでお金さえあればこれがイチオシ。 ccchart(canvasChart) 私のイチオシは canvasChart です ライセンスは PUBLIC DOMAIN! raphael.js qiitaのプロフィールの円グラフで使われているjQueryプラグイン 美しめなグラフを作成することができる。 raphael.jsのプラグインのelycharts.js http://el
惰性から抜け出す15の方法、「パートナー選びを妥協してはダメ」、「時に勇気を持って手放そう」など - IRORIO（イロリオ）
第一次南極越冬隊隊長、西堀栄三郎氏は「人にとって最も恐ろしいのは、惰性で日を送ることである。」と語ったという。 人気ライフハックブログ「Marc and Angel Hack Life」で2012年上半期に最も話題になった記事「15 Ways to Live, and Not Merely Exist」のコメント欄には、読者から「ステキ！（I love it！）」との言葉が今年最も数多く寄せられている。 何となく過ぎ去る日々から決別し、主体的に人生を楽しむヒントとなるので紹介したい。 1. 素晴らしい人々や出来事に感謝しよう 誰しも失って初めて気づくことがある。失って悲しみにくれる前に行動しよう。あなたを愛してくれている人、あなたを気遣ってくれる人へ感謝の気持ちを忘れれはいけない。あなたにとってどれほど大切な存在であるか、いなくなって初めて理解する。周囲の人たちへの感謝の気持ちを忘れなけれ
高学歴女子の知的すぎる性の目覚め | 日刊SPA!
男子の性の目覚めのきっかけと言えば「父親の部屋にあったエロ本を発見」や「道端に落ちていた湿ったエロ漫画を回し読み」などが王道だ。 だが、女子の場合、特に高学歴女子の場合は性の目覚めもなかなか複雑なよう。その知的すぎる例を集めてみた。 「中学生のときに読んでいた筒井康隆の小説が目覚めだったと思う。なかでも好きだったのは、テレビの前の大勢の視聴者男性と毎夜バーチャルなセックスをする処女が主人公の『20000トンの精液』。もうひとつは様々な快感が17時間遅れてやってくる病気になってしまったせいで、人前でセックスの快感が訪れてしまう『信仰性遅感症』。皆は気付いてないけど、私にはいま17時間遅れで昨夜のセックスの快感が訪れていて、我慢するのが大変！ていう設定で中学の授業を過ごしたりしていました。もちろん処女でしたけど。筒井康隆を読んでいるませた私！というプライドも満たせたし、エロ本とは違って人目をは
Zen-Coding、0.7のすすめ
Zen-Coding、0.7のすすめ 2012-07-01 / 2013-02-27 HTML/CSSのコーディング速度が3倍上がる、といわれるZen-Coding。 使いこなしてコーディング速度が3倍になっていますか？ SassとかLessとか流行ってる中、あえてZen-Codingを紹介します。 (Zen-Codingの現在のバージョンは0.7です。 古いバージョンを使用している方はアップデートをお勧めします。) 追記 Zen-Codingとは Zen-Codingは様々なエディタに対応しており、Webデザイナーでも導入が容易なのが魅力です。 エディタのサポートは、3つの分類に分かれます。 公式サポート Aptana/Zend Studio/Eclipse (Win/Mac/Linux) TextMate (Mac) Coda (Mac) Espresso (Mac) Komodo E
アナログから自然現象までハイクオリティなphotoshopブラシセット集「40 Awesome Photoshop Brushes for Designers」
作り込まれたPhotoshopブラシはデザインのクオリティを上げるには非常に便利。アナログ感をプラスしたり、光の線や煙などphotoshopならではのリアルな描写が簡単に利用できます。今日紹介するのは、様々なブラシセットをまとめたエントリー「40 Awesome Photoshop Brushes for Designers」です。 Painted Strokes Brushes アナログから自然現象までジャンルを問わずハイクオリティなphotoshopブラシセットが公開されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Serenity brushes 光のラインを描けるphotoshopブラシ。 Sketch book Scribbles アナログ感たっぷりのかわいい線画をセットにしたphotoshopブラシ。 Complete
次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめてみた
レスポンシブWebデザインを実装する際、画像の扱いは一つの課題として残っています。現在、PHPを使用した「Adaptive Images」やJavaScriptを使った「Responsive-Images」などが現実的な対応策としてありますが、どちらもApacheの設定を必要とします。レスポンシブWebデザインが広まって標準的な実装方法の一つになろうとしている今、サーバサイド技術に依存しない解決策が早急に求められています。 そんな中、HTMLの仕様策定の一端を担うWHATWG（Web Hypertext Application Technology Working Group – ワットダブルジーと読む）で、新たな仕様が検討されています。 では、どんな議論がされていて、今どんな状況なのか？ なかなか複雑なことになっているようなので、調べてまとめてみました。 ※この記事は、レスポンシブWeb
これでメインブラウザに！ 無料ランキング1位ブラウザ『Chrome』を使い倒す3つの小技を紹介します - アップス!!!-iPhoneの小技やiOS系ニュースを配信
これでメインブラウザに！ 無料ランキング1位ブラウザ『Chrome』を使い倒す3つの小技を紹介します 2012年06月30日 21:30 カテゴリ:iphoneの小技ユーティリティーapp ツイート Chrome カテゴリ: ユーティリティ 価格: 無料 どうも@kuroji1987です。 先日リリースされてから瞬く間に無料ランキング1位となったブラウザアプリ『Chrome』。 今回はこの『Chrome』をガッツリ使い倒すために便利な3つの小技をご紹介したいと思います。これでメインブラウザに昇格できるかもしれませんよ！ 1.ブックマークレットを使う まず1つ目は『Chrome』でブックマークレットを使用する方法です。 リリース時の記事でも書きましたが、『Chrome』でブックマークからブックマークレットを起動するとうまく動かすことができません。 アドレスバーに直接入力することで起動させられ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
なぜあのヒラ社員には情報が集まるか （プレジデント） - Yahoo!ニュース
同じ会社の同じ階層にいても、まだ発表されていない人事情報やプロジェクトの概要など、重要な社内情報の集まる人とそうでない人がいます。両者の違いの背景には社内人脈があり、そのベースになるのは相手との信頼関係です。 私たちはよく「信頼残高」という言葉を使っています。信頼には残高があり、画期的な仕事や期待を上回る行動をすると残高が増え、遅刻などつまらないことでも期待を裏切れば減少します。信頼残高が低いのに、重要な情報を教えてもらえることはありません。 頼んでいないのに情報を与えられる場合もあります。「この人に教えたほうが得だ」と相手に思わせることに成功しているからです。「得」というと具体的な見返りを想起するかもしれませんが、ここでは心理的な得も含みます。 情報提供者は、相手から感謝の気持ちを表してもらうと気分がよくなります。一方、情報をもらう側は、感謝の気持ちを表すことによって自分の信頼残高
南鳥島海底に大量のレアアース NHKニュース
ハイテク製品に欠かせず、現在、中国が独占的に供給している、希少な金属「レアアース」が、日本の排他的経済水域にある南鳥島近くの海底に多く存在していることが、東京大学の調査で分かりました。 日本の経済水域でまとまった量のレアアースが確認されたのは初めてで、埋蔵量は国内の消費量の２２０年分余りに上るとみられています。 東京大学の加藤泰浩教授の研究グループは、海底の火山活動で放出される熱水がレアアースを吸着しやすいことに注目し、太平洋の海底で採取された泥の分析を４年前から進めてきました。 その結果、日本の排他的経済水域にある南鳥島近くの水深５６００メートルの海底の泥に、ハイブリッド車のモーターに使われる「ジスプロシウム」や、液晶テレビに使われる「テルビウム」などのレアアースが高い濃度で含まれていることが分かりました。 研究グループによりますと、こうした泥は少なくとも１０００平方キロメートルの範囲に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ja.wpbooster.net/
僕が購読している全ブログ145個公開！これだけ読めば君もApple通になれるよ！ | 僕ノート