
ホットセブン
![]() | オペラネクスト |

![]() | WordPressの10年 |
![]() | レイアウトフレームワーク |

![]() | 高度なJavaScript |
![]() | Webサービス |
![]() | Googleストリートビューでのペグマンのストーリー |
![]() | オンライントレンド2013 |
ウェブ開発
- Google Chromeコンソールを使用する
- Googleは色付きフォントの使用を発見しました
- Google I / O 2013でのWebRTC
- jQuery 2でWindowsストアアプリを構築する
- レスポンシブWebデザインの現状
- ビデオ :BlendでWindows 8用のクールなHTMLアプリケーションを作成する
- 新鮮な静的フレームワーク: Gumby 2 -SassとCompassのパワーを積極的に使用するフレームワーク、 topcoat- 「クリーンで高速なWebアプリケーション」のための静的フレームワーク、Brad Frostのpatternlab
- Nicolas Gallagher HTML5 Boilerplate Recording
- Pingendo-フロントエンドフレームワークの組み込みサポートを備えたIDE
- bookblock-ページング効果を作成するためのプラグイン
- WebサイトをRetinに変換する4つの方法
- Page Visibility APIを使用する
- 3Dボタン視差
- ポールは素晴らしさにアイルランド
- 彼らがそれをした方法: Flickrの再設計
- RWDに関する一般的な誤解
- プレイグラウンドの再設計の過程でベクターアニメーションを作成するストーリー
- HTML5でAtari Arcadeを動員する
- 知っておくべきHTML5機能
- Flashの原則をHTMLに適用する
- 「より高速なWebサイトの構築」 -Ilya Grigorikによるプレゼンテーション
- HTML5プリレンダリングを使用して複数ページの登録プロセスを高速化する
CSS
- 「フレックスボックス、今では明らか」-Vadim Makeevによるレポート
- Sassスタイルガイド
- purecss.ioは、任意のWebプロジェクトで使用できるYahooの小さなレスポンシブ CSSモジュールのコレクションです。 さらに、 説明付きの小さなスライドショー
- 高度なCSS3ホバー効果を作成する
- アイコン用のシンプルだがかわいいホバー効果
- CSS属性、コンテンツ、およびL10N
- css3.mikeplate-視覚的なCSS3プロパティジェネレーターオンライン
- emでの理想的なテキスト列幅
- 体の背景
- レスポンシブWebデザインイースターエッグ
Javascript
- JavaScriptモジュールパス
- Javascriptフレームワークの人気
- fadeIn、fadeOut、およびfadeToメソッドのJQuery機能
- d3.jsを使用したインタラクティブなSVGマップ
- Node.JSによるスクリーンキャスト
- Node.js BEM:モジュラーフロントエンド
- HTML / CSS / JS + Node.js + node-webkit =クロスアーキテクチャアプリケーション
- CoffeeScript パート1 、 パート2の味見
- Ember.js チュートリアルシリーズ
- WideArea-テキストエリアを拡張するための小さなプラグイン
- クロスブラウザーアダプティブタブ
- Reactユーザーインターフェイスライブラリ
- Cytoscape.js-グラフ化と視覚化(キャンバスでのレンダリング)のためのライブラリ
- vnc-over- gif-画面の更新をhttp上のアニメーションgifとして提供します
- JQuery 1.10.0および2.0.1
- マップを作成してサイトに追加するためのjQueryプラグイン
- JavaScriptの世界地図チュートリアル
- imagesLoaded- 「あなたの画像はもう完成しましたか?」、画像を読み込むプロセスを示すスクリプト
ブラウザ
- Opera Next:
- コンピューター向けOpera 15の最初のバージョン
- Operaの機能とリリース頻度
- Opera Nextブラウザレビュー 、および別のレビュー
- 「オタク向けブラウザ」の復活? Operaを守る言葉Next 15
- Operaに別れを告げます。このプログラムの新しいバージョンは「ブラウザ」という名前に値しません
- ブルース・ローソンのリリース投稿と多くの興味深いコメント
- Firefox 25では、アドオンの修正が必要になる可能性のある重要な変更が予定されています
- Caminoの無料のWebブラウザは存在しなくなりました
- Chromeブラウザには、 Googleウォレットを介した「組み込みの支払い」の可能性が組み込まれています
- まだコンポーネント化されていますか? -Chrome / Webkit for Web Componentsサポートの実装ステータス
- Net Applicationsによると、IEの総支配は減少する予定はありません...
ニュース
- Google:
- 新しいGmail受信トレイインターフェース
- GoogleはWi-Fiを搭載した飛行船をアフリカに送信します
- エリック・シュミットは、Googleから過激主義を取り除くことを拒否しました
- Googleは広告主向けのトレーニングプログラムを開始しましたGoogle Partners
- Googleマップはサイクリストに道を示しますが、まだすべての国ではありません
- WordPressが10になる 、 インフォグラフィック
- サムスンは、スマートフォン市場での収益でアップルを上回りました
- マイクロソフトはテレビ達成システムを導入するかもしれません
- MozillaとFoxconnはFirefox OSでデバイスを提示します
- Xbox One: オンライン接続のコンソール要件はイノベーションに貢献し、 独立した開発者は Xbox Oneの包括的なサポートを受け 、AMDとの協力はMicrosoftに30億ドル以上の費用がかかります
- ティム・クックは、アップルの新技術の出現を約束し、業界の力のバランスを変える
- 新しいスマートフォンApple iPhoneのディスプレイは、ピクセル数が2倍になります
- 提示されたWindows 8.1 :スタートボタン、またはそこと戻る
- Yandexが個人検索を更新
- Wall Street Journalはソーシャルネットワークを開始します
サービス
- デスクトップアプリケーションに代わる30以上のWebサービス
- screensiz.es-フィルターと人気の評価を備えた、人気のあるディスプレイ画面のサイズのサービス
- トップ10のリアルタイムWebアプリ
- IconVault-シンプルなフォントジェネレーター
- picksumipsum-元のプレースホルダーテキストジェネレーター
- APIステータスボード
- 1.5ダースの無料オンラインフォトエディター
デモ
- Roll It-新しいChrome実験
- CSS3電球
- リアクティブCSSトランジション
- fizzy-cam -webgl、three.js、カスタムwebglシェーダー、WebRTCおよびheadtrackrを使用したテクニカルメッシュ。
- スクロール効果とチェスゲーム (動物やInternet Explorerでテストされていない)
- Kosmos-ブラウザの宇宙の一部(できればFirefox)
興味深いデザインと機能を備えたサイト
- GlacierWorksとMicrosoftがインタラクティブなエベレストサイトをセットアップ
- brandongenerator.com-最新のブラウザー(特にIE9)の機能を示すプロモーションサイト
- bjork.com-歌手自身と同じくらい奇妙なビョークのサイト
- ピアノサイト
- ユニバース -キャンバスを使用したオブジェクト間の視覚的接続によるカスタムナビゲーション
- familyoffish-心地よい視差効果のあるサイト
- findandform.com-高度なWebスタジオサイト
- discovershadow.com-興味深い垂直効果のあるサイト
- leedsbuildingsociety.co.uk/resources/kick-my-habits/-悪い習慣とその予算に特化したインタラクティブなアニメーションを備えた楽しいサイト
設計
- リンク先ページのデザイン(例)
- IllustratorとPhotoshopを使用して幾何学的な図を作成する
- ホテルのサイトの例
- 2013年のロゴデザインの動向
- フラットデザインの原則
- 3ピクセルのインデントについて
- 見る価値のあるフラットWebデザインの新しい例 + よりシンプルな「フラット」サイト
- 「オーガニック」なデザインの美しいサイト
- ロゴ:
自動車のロゴデザイン
ロゴデザインにネガティブスペースを使用した素晴らしい例 、 シンプルで効果的なロゴ 、 定型化されたレモンのロゴ!
- Photoshopチュートリアル: テキスト効果を作成する方法
無料のデザイナーCookieのセレクション
- チャートとグラフ:無料のpsdソース
- UIコンポーネント、テクスチャ、アイコンの セット、アイコンを含む小さなセット、UIキット、ブートストラップテーマ
- PSDソース: 30個のレイアウト、ここにはワインとiOSデバイスのボトル、カバー、ポスター、名刺 、 ベクター テンプレート、ナビゲーションバーテンプレート を含む40個以上の テンプレート
- テスト: マルチカラーの汚れのある紙 、 写真テクスチャの髪
- フォント: 面白いパフィーフォント:Kingthings BlooneからOvermuch TrueTypeまで 、 Rispa Regular- 装飾的なsans-serifフォント 、 刻まれたsans-serif MNSTR 、 様式化されたレトロなVolantene Script フォント 、 素敵なQubo sans-serifフォント
- ベクトル: 2ダースセット、主にアイコン付き
- アイコン: 優れたアイコンを備えた4ダースセット -ライセンス、 フラットアイコンを備えたダースセット 、ソーシャルアイコンの小さな セット、Cosmo miniのセット 、アウトラインで示されたアイコンのパックに注意してください
- Photoshopのブラシ : レトロスタイルの ブラシ 、 スクラッチで背景を作成するブラシ
おもしろい
- Googleストリートビューでのペグマンのストーリー
- Yandex:Yandex Islands :技術面とAPI、およびYandexがマイクから音楽を認識する方法 。 Yandexへの子供の質問 、マーケティングに関するさらに別の会議からのレポートの録音
- Google:
6 Google検索の「イースターエッグ」 、
ラボでは、Google Xは浮上とテレポーテーションに取り組み 、
Googleの従業員を困らせる5つのこと
Google Chromebook Pixel Chromebookレビュー
- オープンスペースのオフィスは生産性を低下させます
- Mary Meeker(KPCB)による2013年のインターネットトレンド
- 未来の兵士 :変装と電子機器
- 米国では、ウイルスを使用してオンライン海賊と戦うことを提案しています
- Twitterはスパマー対策の最初のラウンドを獲得しました
- Syrian Electronic ArmyがAndroid用のSkyチャネルアプリをハッキング
- レゴとソニーが制御玩具で実験
- テスラはバジェット電気自動車を発売します
先週のダイジェスト 。
ダースモールとアレクスコロビンが作成した資料