The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
Icons | Font Awesome
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
もはやこの業界ではかなり浸透しつつある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;
この本がスゴい！2012
人生は短く、読む本は多い。せめてスゴい本と出会えるよう、それを読んでる「あなた」を探す―――このブログの究極目的だ。ともすると似た本ばかり淫するわたしに、「それがスゴいならコレは？」とオススメしてくれる「あなた」は、とても貴重な存在だ。 ネットで呟いたり、オフ会で発表したり、集団でブックハントに勤しんだり。バーチャル・リアルを問わず、そんな「あなた」同士の交流の場で、加速度的にスゴい本に会ってきた。中でもここ一年で読んできたものから、選りすぐりを並べてみた。 実は、ここは既読本のご紹介の場なので、氷山一角だ。だから、一番アツいfacebook「スゴ本オフ」を覗いてみてほしい。読まずに死ねるか級がざくざくあるデ。 昨年までの探索結果は、以下の通り。 この本がスゴい！2011 この本がスゴい！2010 この本がスゴい！2009 この本がスゴい！2008 この本がスゴい！2007 この本がスゴい
デザインに便利なツール18選｜かずたか
Anycloud Inc.COO ex-SAGOJO Inc. COO マーケのコンサル→プログラミング独学して起業。 プログラミング、データ分析、デジタルマーケディングなどが得意。 学校講師、プロボクサーもたまに。
ユダヤ式記憶術 口コミについて調べているなら、こちらのサイトをよく見たほうがいいです。 そして「試験に受かるユダヤ式記憶術」を購入したいと考えているなら、上記のサイトで、「試験に受かるユダヤ式記憶術」を使うことで何ができるのか、きちんと理解してからお求めになることをオススメします。 また、口コミや評価が書いてあれば、それもしっかりと見ましょう。 以下の「試験に受かるユダヤ式記憶術」についての情報も役立つかもしれません。 商品名称：「試験に受かるユダヤ式記憶術」 商品紹介：新タイプの記憶術。 従来のイメージ式記憶術を覆す。東大（文Ⅰ）から東大大学院卒業、外国語を４０ヶ国以上マスターし、数多くの難関資格に一発合格してきた著者が指南。 大学受験高校受験難関資格試験の最強の武器になる記憶術。新タイプの記憶術。 従来のイメージ式記憶術を覆す、難関試験向けの論理記憶術。 商品価格：17800円 商品提
秘密結社THE GUILDも仲間が15人近くになり、僕の直轄チームも3人に増えた今日この頃。直轄チームのみんなには、できれば幹部になって欲しい。でも、翼を折って囲い込むのではなく、いつ独立しても恥ずかしくないように育てていきたい。っていうか、ここに書いたのできるまで、独立なんぞ許さんよ的メモ。新入社員は各自マスターしておくこと。 1: 収入の一定パーセントを貯蓄しなさい 収入の10%〜20%を、お給料日に自動振り込みで貯蓄しなさい。お金持ちになる唯一の方程式は「消費＜収入」。この方程式が強制的に維持される仕組みを作る。これが人生を安定させるために一番重要なことです。 2: 生活資金を半年分ためなさい まず無収入状態でも3〜6ヶ月生存できる貯金を作りなさい。生活費の安全バッファは大型案件や、お金にならないチャンス案件を手に入れる最低条件です。安全バッファがなければ、常に生活費のために自分を切
説得力を増し、相手に気持ちよく動いてもらうためには論理思考＋心理術が最強 〜本『ほんとうに使える論理思考の技術 』 - ライフハックブログKo's Style
論理思考を使いこなしてバリバリ仕事をする人は、なんだか冷たい印象があります。 コンサル会社の某マッ◯ンゼー出身の人達とか、なんだかそういうイメージです（偏見？）。 勝間和代さんにアンチが多いのは、そういう理由があるかもしれません。 あなたも、学んだ論理思考を使ってロジカルに語っているつもりでも、もしかしたらまわりの人は煙たがっているかもしれません。 そこで本『ほんとうに使える論理思考の技術 』の著者は上記のように、論理・心理の両輪で人を動かすことをすすめています。 ここではそのエッセンスをカンタンに紹介します。 1. 論理思考は主張１つに根拠3つ 論理思考、ロジカルシンキングというと、なにやら難しく考えてしまう人もいそうです。 本書で紹介されている、これだけでOK！という基本中の基本が、ピラミッド・ストラクチャです。 とても簡単なことで、 (1) 主張と根拠を分ける (2) 1つの主張につ
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-
Photoshop VIP ☞ 商用可、豊富すぎる711個のピクトグラムアイコンを無料公開している「Noun Project」
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
小さいころから占いに興味があって、色々と勉強しているうちにどんどん好きになり、皆さんにも占いの良さを知ってほしくて記事を書いています。 知り合いに占い師や霊能力者、お寺の住職がたくさんいるので、その方たちにインタビューして記事を書いています。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
layer8.sh
This domain may be for sale!
ウェブデザインのセンスを磨こう、素敵なUIデザインのまとめ
ウェブデザインのセンスを磨く方法の一つに、他人の作ったものを数多く見ることがあります。 2011年が終わる前に、チェックしておきたいUIデザインをdribbleから紹介します。
Webベースの日本語入力サービスです。海外からでもブラウザさえあれば日本語を入力す ることができます。 特別なソフトは必要ありません。 使い方 お使いのコンピュータの日本語入力を切りかえて直接入力にします。 Alt-o (Ctrl-9) で Ajax IMEモードに変更します。(ボタンで切り替えるかえることもできます) 適当な文をローマ字で入力します。 spaceを押して漢字に変換します。続けて押すことで候補選択を行います。 returnを押す、もしくは次の入力を開始することで入力を確定します。 F9で強制的にカタカナに、F8で強制的にアルファベットに変換します。 再度 Alt-o (Ctrl-9)で直接入力に戻ります 海外旅行先や留学先, 海外のネットカフェなど日本語入力環境が 無いパソコンからご使用ください。 Firefox と Internet Explorer で動作確認をしていま
Tumblrをはじめようかな？と思うんだけど、 ぜんぜんわからない！とか メモなの？とか twitterとどう違うの？とか いろんな質問をされるのですが、まずこの辺を読んでみるとなんとなくどんなものかがわかるかもしれない。 なぜ？Tumblrがまた注目されているか？ http://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fzen.seesaa.net%2Farticle%2F221943738.html http://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fmatome.naver.jp%2Fodai%2F2131331863351860401 ・有名なユーザが使い始めた事 ・WordPressよりサイトが多い事 ・もう無視ができないよっ！って事とか http://b.hatena.ne.jp/e
Background Image Maker
schoo（スクー）
授業は双方向 授業は双方向ライブコミュニティ。ユーザーのコメントで授業が変化するので常にオリジナルです。コメントはしなくても大丈夫です。
【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 | DX.univ
iOSアプリ開発担当の菅原です。 iPhoneやiPadのア[...]【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当の菅原です。 iPhoneやiPadのアプリ開発はすべて一人で販売するところまで持っていけるのが魅力の1つです。 アプリ開発作業を大きく分類しますと プログラム デザイン 販売 にわかれます。販売に関してはAppStoreがあるので、心配はありません。残りのプログラムとデザインですが、なかなか両方を得意にするというのが難しいと思います。僕はプログラムは出来るのですがデザインがからっきしダメです。 今日はそういったデザインが苦手なプログラマ向けに参考になるデザインリンク集をご紹介いたします。個人のアプリ開
YouTube人気急上昇
【ゆっくり解説】DQN家族らが強風の忠告を受けるも、BBQを続け付近を巻き込む大火災に…「八街市 BBQを続けたDQN 11軒全焼」
background: linear-gradient(); /* W3C, IE10+, FF16+, Chrome 26+, Opera 12+, Safari 7+ */
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
美しいWebデザインをタイプ別に！見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
炊飯器でつくる「豆腐チーズケーキ」が混ぜるだけで超簡単!
炊飯器でチーズケーキがつくれる! というのは既報の通り。今回は、生クリームやバターの代わりに豆腐を使い、ヘルシーに仕上げたチーズケーキを炊飯器でつくってみる。しかも、材料を混ぜて「炊飯」ボタンを押すだけの超簡単レシピ。レシピ考案は人気ブロガーのヤスナリオさんだ。 炊飯器でつくる豆腐チーズケーキ 材料(3合炊き1台分) クリームチーズ 200g / 絹ごし豆腐 100g / 卵 2個 / 砂糖 大さじ5 / 小麦粉 大さじ4 / レモン汁 大さじ2 / バニラエッセンス(なければ省いて可) 3～4滴 つくり方 クリームチーズは電子レンジ(600w)で20秒加熱し、やわらかくする。 ボウルに1と絹ごし豆腐、卵、砂糖、小麦粉、レモン汁、バニラエッセンスを入れ、泡立て器でなめらかになるまでよく混ぜる。 2を炊飯釜に流し込み、底をたたいて空気を抜いたら炊飯器にセットし、炊飯スイッチを押す。炊飯が終わ
2012年上半期、チェックしておきたいUIデザインをdribbbleから紹介します。 ほとんどのものがPSDファイルをダウンロードできるので、勉強になりますよ。
一眼レフやミラーレスは写真をボカしやすいという特徴がありますが、裏を返せばピンボケをしやすいという欠点にもなります。大事なのは狙った場所にしっかりとピントを合わせること。そこで今回は誰でも飛躍的にピント合わせが速くなる「親指AF」と呼ばれるテクニックについてご紹介します。 たぶん３倍はピント合わせが楽になるアマチュアカメラマンは５％しか使ってないけど、プロは９５％くらい使っているというくらい、便利なテクニックです。しかもぜんぜん難しくない。（＊当社比） 「親指AF」（おやゆびえーえふ）という方法、ある程度写真を続けている中級者以上の方ならご存知の方も多いかもしれませんが、写真を始めたばかりの初心者の方なら聞いたことすら無い人が大半かと思います。 というのも世の中のほぼ全てのカメラは買った時点では「親指AF」は出来ないから。メニューの中から自分で設定しないといけないのです。今回はそんな「親指
多くのソーシャルブックマークサービスにあなたのサイトを対応させたくありませんか？たくさんあるRSSリーダーの追加ボタンにうんざりしていませんか？ Add Clipsはソーシャルブックマーク追加ボタンやRSSリーダーへの追加ボタンを1つに統合して、どのソーシャルブックマーク/RSSリーダーを使っているユーザーにも対応できるオールインボタンを提供するサービスです。( → AddClipsの使い方をみる）
動くCSSのためのメモ。
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
＜遂に公開＞SEOの2倍のアクセスを稼ぐFacebook「OGP」活用術。皆が知らない「いいね！」ボタンの設定方法、超解説 : (旧)ガイアックスソーシャルメディア ラボのブログ
ところで皆さん、「超重要」なOGP(Open Graph Protocol)の設定は出来てますか？ これは、ラボの『わかっているようでわかってないFacebookの「いいね！」「シェア」を徹底解剖！』という記事の参照元の計測データです。アクセスを牽引しているのは、「はてなブックマーク」でも「twitter」でも「Google」でも無く、『Facebooｍk』です。
Preloaders.net - Loadin... / Iconizer.net | Free icon... / Ultimate CSS Gradient Ge...他...全6件
Webデザインをするときにいつも使っている Photoshop ... あまりに高機能なので、ツールパネルだけでもボタンがいっぱい。はじめて Photoshop に触れる人にとってはちょっと難解なインターフェイスかもしれません。Photoshop を始めたばかりの初心者さん向けの、ツールパネルのまとめです。 Webデザインするときに、いつも使っている Photoshop。でも本当にはじめて Photoshop を使い始めた人にとっては、Photoshop の画面に並んだ、たくさんあるボタン類からして意味がわからないんだと思います…。そー思ってツールパネルのボタンを端から見ていくと、自分でもコレなんだっけ？っていうのがいくつか …。 実は最近友達が Photoshop を使い始めました。全く Photoshop を使ったことのない彼女に使い方を教えてあげるって約束しちゃったので …。 そんな
リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた｜Tsutomu Sogitani
大阪の実家に帰った時、リビングのテレビの裏側を見たらAmazonのFire Stick TVが挿してありました。このFire Stick TVをテレビに繋ぐと、Amazonのプライムビデオを観ることができるようになります。 プライムビデオには、Amazonプライムの会員であれば、追加費用を払うことなく楽しめる映画やドラマ、アニメなどが豊富に揃っています。さらに個別に追加金額を払うとほとんどの映像コンテンツを観ることができるという、まさにTSUTAYAキラーなサービスです。 うちのおかんは月に2～3回は映画館に行くほどの映画好きなので、プライムビデオのメインターゲットといえるでしょう。本来ならプライムビデオで映画三昧の毎日を送っていてもいいはずです。 しかしながら、Fire Stick TVを挿しているにもかかわらず、プライムビデオを一度も使っていませんでした。初期設定をした私の弟が一通り使
パスワード認証
ラジック 気軽に楽しめるブログメディア「ラジック」は２ちゃんねるを中心にエンタメ情報をお届け！
いつぞやの飲み会で、 これだけウェブの技術が進化しているのだから、もっとオシャレなエロサイトがあってもいいんでないかい？ << という話になりまして。 だけどどうせ作るんならということで、Rails3 と jQuery を使って結構マジメにつくってみました。 （※大人の事情により、リンクはやむなく削除しました） 当初はエロにオシャレは必要ないのかなーと思ったときもありましたが、いざつくってみると、やっぱり選べるならオシャレなやつの方ががいいよね、という結論に落ち着きました。 今回つくったのは試験的なものなので 90日間限定でしか公開しないつもりですが、日本のエロサイトが今後もっとオシャレに発展していくきっかけになってくれたら嬉しいです。 以下、サイトのコンセプトや使っている技術についてまとめてみます。 **Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました 1
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
IDEA * IDEA
ドットインストール代表のライフハックブログ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
ユダヤ式記憶術 口コミについて調べているのなら・・・ ｜ 口コミ・レビュー投稿 E-BOOKデータベース
社員がフリーランスになる前に教えておきたいこと | fladdict
jQueryでスクロールすると表示する系いろいろ
時間の節約になるWeb制作関連ツール 12+1
電話占いで使われる占術をご紹介 | 当たる電話占いおすすめランキング～口コミで評判の当たる電話占いサイト紹介～
実践して結果を出す、コピーライティングの技法 | Webコンサルティング
Ajax IME: Web-based Japanese Input Method
Tumblrをこれから始める人へまず読んでおきたい記事１０選 | A!@attrip
Ultimate CSS Gradient Generator from ColorZilla
スマートフォンサイト制作時に覚えておきたいCSS 15
ウェブデザインのセンスを学ぼう、2012年上半期洗練されたディテールのUIデザインのまとめ
知ってた？ピント合わせが超高速になる親指AFの使い方と設定方法！
AddClips ソーシャルブックマーク＆RSSボタン統合サービス
http://www.designwalker.com/2010/06/jquery-forms.html
最近のWeb制作で必ず1度はお世話になる便利なジェネレーターまとめ5つ - W3Q
これからPhotoshopでWebデザインをしたい初心者さんのためのツールパネルとかいろいろ
Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました