From Seed to Series C: 19 Startup Pitch Deck Examples
Raised $600k | 2009 | airbnb.com Investor(s): Sequoia Capital "On June 26, 2008, our friend Michael Seibel introduced us to seven prominent investors in Silicon Valley. We were attempting to raise $150,000 at a $1.5M valuation. That means for $150,000 you could have bought 10% of Airbnb. Below you will see 5 rejections. The other 2 did not reply." Brian Chesky CEO, Airbnb Brian Chesky shared his r
Animate transition
AnimateTransition({ container: container, blockIn: blockIn, blockOut: blockOut, animation: 'slide-in', onTransitionStart: function (blockIn, blockOut, container, event) { }, onTransitionEnd: function (blockIn, blockOut, container, event) { } }); AnimateTransition({ container: container, blockIn: blockIn, blockOut: blockOut, animation: 'slide-in', onTransitionStart: function (blockIn, blockOut, con
[JS]Webサイトの使いやすさ・かっこよさを向上させる、チェックしておきたいスクリプトのまとめ
コンテンツの邪魔にならず操作も快適な画像拡大、スクロールすると一旦ヘッダが隠れるけど上にスクロールすると出現、サーチアイコンをクリックするとにょい～ん伸びて検索ボックスになるなど、ユーザビリティ・アクセシビリティに配慮され、タッチデバイスやレスポンシブ対応にも一役買う優れもののスクリプトを紹介します。
![[JS]Webサイトの使いやすさ・かっこよさを向上させる、チェックしておきたいスクリプトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/0bc338c3b019bd35cf84848dd648330728cc081c/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015082406.png)
2015年総まとめ、jQueryのプラグインとスクリプト100選
毎年恒例のjQueryのプラグインとスクリプトの総まとめを紹介します。「100選」の名称は恒例なので、実際は100以上あります。 今年目立ったのは、ランディングページなどの縦長ページ系、スクロールエフェクト系・CSSやSVGのアニメーションでしょうか。あとレスポンシブ周りも単にサイズ変化に対応させるだけでなく、ユーザビリティを向上させるものが充実していました。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 ソーシャル関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェクト関連 テキスト関連 タブ・アコーディオン関連 テーブル・リスト・チャート関連 フォーム関連 パネル・ボックス関連 モーダル
Illustrator新機能で簡単にシームレスパターン
こんにちは。デザイナーの白浜です。桜もそろそろ散り始めるころでしょうか？ 今回は春っぽく桜のモチーフを使ったシームレスなパターンの作り方をご紹介します。IllustratorCS6からの機能「パターン作成」を使えば作成も編集もあっちゅうまなのです。 モチーフを準備する まず、モチーフを準備しましょう。春らしく桜のオブジェクトを用意しました。 次になんとなくこんな感じの柄にしようかな～と思ったイメージでオブジェクトを配置していきます。 ちょっと色も替えたりすると華やかですね！ 「パターン作成」を使う シームレスパターンにしたいオブジェクトをすべて選択して「オブジェクト」→「パターン」→「作成」を選択します。 すると… 先ほど選択したオブジェクトがスウォッチに追加され、同時にパターン編集画面が表示されます。 周りにパターンを適用した際のプレビューが表示されているので、わかりやすいですね！ パタ
Javascript · Bootstrap
JavaScript Bring Bootstrap's components to life—now with 13 custom jQuery plugins. Heads up! These docs are for v2.3.2, which is no longer officially supported. Check out the latest version of Bootstrap! Individual or compiled Plugins can be included individually (though some have required dependencies), or all at once. Both bootstrap.js and bootstrap.min.js contain all plugins in a single file. D
MACでiphoneが使える！「iOSシミュレーター」 | スマートフォンサイト制作会社ブログ
以前の記事でsafariによるユーザーエージェントの偽装でのスマートフォンサイト開発を紹介しました。 今回は前回にも少しだけ触れたiOSシミュレーターを紹介します。 Xcodeをダウンロード えっ？iOSシミュレーターをダウンロードするんじゃないの？ と思われた方はご心配なく、Xcodeとはソフトウェアを開発するためのアップルの統合開発環境 (IDE) で、その中にiOSシミュレーターが入っている、というわけです。 なので残念ながらMAC専用です。 windows、LINUXの方ごめんなさい。 iOS SDK と iPhone シミュレーターのインストール ↑こちらのブログでダウンロード方法が分かりやすく解説されてます。 ちなみに現在の最新版のXcode4.3は有料なので、Xcode 3.2.6 and iOS SDK 4.3をダウンロードしましょう。 iOSシミュレーターはど
Fireworksユーザーに朗報？海外で話題の新しいWeb制作ツールSketch.app | Goodpatch Blog
Web制作ツールといえばAdobeのPhotoshopやFireworksですが、AdobeはFireworksの開発停止を発表してしまいましたね。そんな最中、海外のWeb/ UIデザイナーたちが使い始めている新しいWeb制作ツールを見つけました。それがSketchです。BOHEMIAN CODINGという会社がリリースしているアプリで、他にも有名なフォント管理アプリFontcaseもリリースしています。 （Sketchを使い始めている海外のデザイナーたち→「Sketch App vs Photoshop」、Dribbbleにsketchで描いた作品をアップしている人も→[.Sketch] Wireframe UI kit） アイコンやWebサイトのデザインもきれいで、Goodpatch社内でも最も話題になっているアプリ。Sketchも使ってみようと盛り上がっています。ただSketchにつ
コード作成やデータ編集作業など、マイナーだけどすこぶる便利なChromeアプリを一挙まとめ | ライフハッカー・ジャパン
最近、めまぐるしい成長っぷりを見せているChromeアプリストアの「オフラインアプリ」たちですが、残念なことにその多くが知名度を得られていない状態になっています。そこで今回は、米Lifehackerお気に入りの知られざるアプリたちをいくつか紹介してみたいと思います。 Googleはここ最近、Chromeウェブストアにオフラインアプリを数多く投入してきています。オフラインアプリとは、PCにインストールしたアプリさながらに、Chormeブラウザ内で使えるアプリのこと。Chromeブラウザがインストールされているパソコンであれば使えるので、借り物のノートPCや容量が少ないPCで作業する際にもかなり便利です。 全てのアプリがオフライン作業に対応しているわけではありませんが、オフライン使用が可能なものも段々と増えてきています。つまり、大量の容量を必要とするデスクトップソフトウェアの代替として、オフラ
更新ファイルを抽出して書き出すアプリCowsee。これは便利すぎて酒が進む。
Download Cowsee now. This application requires Adobe® AIR™ to be installed for Mac OS or Windows. WEBサイト制作の仕事をしていて、よく「何月何日よりあとに変更のあったファイルのみ納品」ということがあります。 それらの作業がしやすくなるように、指定したディレクトリの中から指定した日時以降に更新のあったファイルのみを抽出して、別のディレクトリにコピーして書き出すアプリを作りました。階層構造も保ちますので、書き出されたディレクトリをそのままアップロードしたり、zipに固めて納品したりできます。 あ、あと下↓にスクリーンショットがありますんで、変なおっさんの写真（私です）とか出てるのはこのページだけで、アプリはそんなことないんで、いたってまじめなんで、よろしくおねがいします。 フリーソフト！ 便利な
Internet Explorerでのブラウザチェックにおすすめのツール｜Webクリエイターネット
Category Other Web制作をしている方なら｢Internet Explorerでのブラウザチェックが大変...｣｢バージョンによってCSSの解釈が違い過ぎる...｣｢CSSハックを使うのはIEくらい...｣というようなことを思ったことはないでしょうか？私は度々あります...。 他にもFirefox・Safari・Chrome・Operaなどブラウザはたくさんあり、スマートフォンでの表示チェックもしないといけない中、やっぱり一番チェックに時間がかかるのがInternet Explorerだと思います。 Internet Explorerのバージョン毎の表示をチェックできるツールにはいろいろあります。 "IETester"や"Utilu IE Collection"を使っておられる方が多いのではないのでしょうか？ 私の場合、IETesterはポップアップ等がうまく機能しなかったり
レスポンシブ用に3案必要？ クライアントとロス無く進める便利ツール -Style Tiles
Style Tilesはウェブサイトを制作する際、そのブランドの本質を伝えるフォント、カラー、エレメントなどをクライアントと打ち合わせをして、ビジュアルのコンセプトを決めるツールです。 レスポンシブデザイン用に3つのモックアップが必要ですか？ このツールを利用することでそういったことはなくなります。 Style Tiles 下記は各ポイントを意訳したものです。 Style Tilesとは Style Tilesの使い方 レスポンシブデザインとSytle Tiles Style Tilesとは Style Tilesはレイアウトを明確せずに、実際のインターフェイスのエレメントを検証し策定します。クライアントとブランドについて確立し、それをウェブに落とし込んでいきます。 Style Tilesを使うタイミングは、ムードボードでクライアントからヒアリングを行った後がよいでしょう。 Style T
ホームページ - Gaforum
テクノロジーを学ぶなら「Gaforum」で！ Gaforumでは、常にクリエイティブなコンテンツを配信するように心がけています。イラストレーション、クリエイティブなデザイン、そして世界中の人々を魅了するプラットフォームを作る努力をしています。 より優先順位の高いサイトや企業からグローバルな情報を収集し、配信しています。そして、社会のために専門知識を共有し、閲覧者が楽しみ、学べる環境を整えています。世界の主要な技術ニュースに焦点を当てた、未来の技術を身につけましょう。 Gaforumの違い Gaforumでは、記事を配信するにあたり適切な調査を行い、専門家に依頼し、その知識を人々のために有用な形でまとめあげる努力をしています。ですので、記事に書かれている全ては時間がかけられて検証され、徹底的に研究された真実です。 誰もが読みやすい、見やすいと思うコンテンツを発信していることが他の企業との違い
gooモバイル - 携帯サイトビューワ
２０２２年６月３０日（木）モバイルgooの終了に伴い、サイトビューワの提供を終了いたします。 長年のご愛顧、誠にありがとうございました。 上記期間後はご利用ができなくなりますので、ご注意ください。 URLを入力して表示
もうFLASH不要かも? HTML5アニメ作成ソフト｢Hype｣登場 iOSにも対応! 【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:1分] ウェブコンテンツに魅力的な動きを付与できるFLASH。しかし、Adobe社の公式オーサリングツールは高額で、デザイナーじゃないと手が届きにくかった。その対抗馬として注目を浴びている次期ウェブ標準仕様のHTML5をベースに、手軽にアニメやスライドを作成できるツール「Hype」が米時間の5月20日にお目見えした。 Mac OS X用ソフトとして既にApp Storeで販売中。価格はUSストアでは29ドルで、日本だと3500円と割高だが日本語ローカライズ版が入手できる。 ツールは、FLASHオーサリングツールなどを使用したことがある人なら、数分もあれば使い始められるだろう。始めてこの手の作品を手がける人は少し手まどうかもしれないが、チュートリアル動画があるので、これを一通り見れば見よう見まねでスタートできるだろう。また、今回のバージョンでどのようなことができるのかは、ギャラリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Why Facebook Is Blue
Sliiide
Free Archives
Free Deals - MightyDeals
Speed and Performance Optimization
