ウェブ開発
- HTML5での進行状況バーの作成とスタイル設定
- カテゴリ別のCMSの概要と分類(2013)
- レスポンシブWebデザイン:
- レスポンシブデザイン開発を改善する7つの方法
- レスポンシブWebサイトの設計 :4つのSEO要因
- AngularJSを使用したレスポンシブWebサイト
- 複雑なサイトでの適応ナビゲーション
- RESSは、サーバー側フォークを備えた次世代のレスポンシブWebデザインです
- レスポンシブ画像を操作する
- Web Performance 2.0 -RWDサイトの現在のパフォーマンスの問題について
- QtはWebKitからBlinkブラウザーエンジンとChromiumテクノロジーに移行します
- Dungeons and Developers :Web開発者向けのRPGスタイルのタレントツリー
- HTML5ゲーム開発の概要 、 phaserは、デスクトップおよびモバイル向けのHTML5ゲームを作成するためのフレームワークです
- uibox :HTML、CSS、JSコンポーネントによる便利な検索を備えたライブラリ
- セマンティック UI-ブートストラップのほぼ代替
- フロントエンド開発のトピックに関する膨大なリンク集
- PhpStormのライブ編集デモ
- WebRTCはまだ準備ができていますか?
- ユーザーエージェントの検出、履歴、チェックリスト
- Gitを初めて使用する場合に役立つ7つのヒント
- Chromeデベロッパーツール:ウェブデベロッパーのベストフレンド
- HTML / CSS / JSを使用したiOS7 UIのクローニング
- 人間の健康とサイトの健康の類似点
- モバイルでのHTML5ビデオ - 簡単な紹介
CSS
- 文字のレイアウト、スニペットのセット
- シェード:トレンディなフラットCSSデザインの長い影
- CSSマスキングとシェイプモジュール、または将来のコンテンツデザインの革命を理解する
- スマートセレクターを使用したセマンティックCSS
- レイヤーからCSSをコピー| CC、CS6
- CSSサイズの説明
- CSSクリーンアップツールキット
- CSSの固定位置とモバイルズーム
- プレゼンテーション{position:sticky}
- CSSを使用した垂直テキストについて:text-combine-horizontal
- 純粋なCSSのLumia 800
- モジュール式でスケーラブルなCSSを作成する4つの方法
- CSS3の視差効果を備えたゴム製スライダー
- CSSクライアント側のテキスト検索(ほぼ)
- カスタムラジオボタンスタイル
- インタラクティブなCSSクリップパス
Javascript
- GruntJSの経験
- JavaScriptの速度に不満がありますか? -1年半待ってください。
- 重いサイトの開設を「加速」する
- JQuery基礎テスト
- Javascriptをコーディングしましょう! 100以上のJSビデオチュートリアル
- postMessageを使用したクロスドメインメッセージング
- History APIの使用を開始する
- three.jsの初心者向けの紹介
- ECMAScript 6の=>演算子について
- peerCDN™は、サイトを劇的に高速化し、帯域幅を90%向上させることを約束するJSです。
- 正しいAndroid画面サイズを取得する方法
- Social-cms-backend -REST APIとAngular.jsを使用してソーシャルネットワークを作成する
- Perimeter.js-オプションのストロークと調整可能なサイズでアクティブ状態のホバー状態の要素を追加するためのライブラリ
- jQueryプラグイン:
- SMINT v2.0-ナビゲーション付きのスティッキーメニュー。1ページの高さのサイトに最適
- Audero Smoke Effect -jQueryを使用して煙効果を追加する
- animo-js -CSSアニメーションを操作するためのツール
- animatescroll-ページのスクロールをアニメーション化するjqueryプラグイン
- jInvertScroll-水平レイアウトと視差効果を持つサイトを作成するためのライブラリ
- QuestionMark.jsによるホットキー情報の追加
- Notify Better.js -FaviconとTitleを使用した動的操作用のjsプラグイン
- jQuery Mapael-動的ベクトルマップを作成するためのjQueryプラグイン
- velge-タグ管理ウィジェット
ブラウザ
- 新しいCoast Browserの紹介
- 新世代のChromeアプリケーション
- Chromeは誰に対しても反対です:GoogleブラウザはMicrosoftとApple OSに取って代わりますか?
- IE11でIEG JPG画像の読み込みが45%高速化
Webツール
- Webのカラーパレット -サイトのカラーパレットを分析するためのサービス
- cloudconvert-任意の形式のファイルコンバータをオンラインで
- Bootstrap Magic -Bootstrap 3に基づいて独自のテーマを作成(Angular.jsを使用して実行)
- WPの生成 -WordPress開発者向けツール
ニュース
- アップル:
- AppleはiPhone 5S、iPhone 5C、iOS 7リリースを発表しました 別のレビュー 小さなビデオレビュー
- iPhone 5cと5sのプレゼンテーションからの考えと観察 、新しいiPhone 5についての考え
- Appleプレゼンテーション:初めて、すべての期待に応えます
- 他のメーカーのフラッグシップとの比較
- 新しいiPhoneの発表後、Appleは245億ドルの価格下落
- iPhone 5Cでお世辞になったNokia
- Google+の投稿をどのサイトにも埋め込むことができるようになりました
- サムスンはスマートフォンに64ビットプロセッサを装備します
- Samsungが18分間、Note 3とGearの主要な機能について語ります
- YandexはPicturesで視覚検索の機能を開始しました
- Googleマップのガラパゴス諸島
- Steamファミリー共有サービス-家族全員で遊ぶ機会
- Yandexでは、アップロードされた画像に検索が表示されました
- マイクロソフトは9月23日に次世代のMicrosoft Surfaceタブレットを発表します
- マイクロソフトとアドビは、2013年9月に製品の更新をリリース
- MSDNおよびTechNetサブスクライバーが利用できるWindows 8.1 RTM
- VKontakteの1日の視聴者は5,000万人を超えました
- 半年間、5000万人の新しいユーザーがInstagramに来ました
デモ
- キャンバス雨効果
- ホバー画像のピクセル化
- スライダーの矢印の概念
- インタラクティブなクリップがFacebookのプロフィールを鳥に変えます
- ただのReflektorは、最新のウェブ技術の仕事を実証するためにGoogleのサポートで作成されたVincent Morissetのインタラクティブなクリップです。
興味深いデザインと機能を備えたサイト
- 最前線のオタク-HTML5テクノロジを使用したナビゲーションでの珍しいデザインの動きの実装、およびプロジェクト作成の技術的な詳細
- pacorabanne.com/invictus/-視差効果、光沢、タイムライン、ドラッグアンドドロップ、キーボードサポート
- whatsmynvme.com-スタイリッシュなホバー効果とタイルのデザイン
- speed - motion.com.ua-収集構造の印象的なスクロール効果
- abbyputinski.com/-アニメーションイラスト付きのウェブサイト
- house.pl/kampania-サイトレイアウトへの非標準的なアプローチ
- mindworks.gr-視差効果とカスタムジオメトリ
- kircher - burkhardt.com-新世代の企業サイトのサイト
- startsmall.eu-視差、アニメーション、素敵なイラストを含む創造的なウェブサイト
- nouvelleoctavia.fr-没入型ウェブサイト
- 乗車中の薬物の効果の視覚的デモンストレーション
- alchemy - digital.co.uk-タイトルスライダーの創造的な実装
- Smooth Parallax Effectsを使用したサイトの選択
設計
- ワコムにできることを示す
- スカイウェブデザイン
- Photoshop:
- Photoshopで子供向けの素晴らしいイラストを作成する
- Photoshop CC用Adobe Generatorの公式紹介
- Phothshop 14.1レビュー
- Adobeはジェネレーターの可能性を使用してPhotoshopを宣伝しました
- 今後のiOS7の3つのWebデザインプラクティス
- 新鮮な素材のレビュー、2013年7月〜8月
- Phonebloks-ブロックから組み立てられた電話の概念
- モバイルデザインテンプレートの例
- Webアプリケーションをインストールするためにさまざまなモバイルデバイスで実行する必要がある手順
- iOSデザインに関するチートシート7
- RWDは画面サイズだけではありません
- すべての開発者が知っておくべき10の設計コンセプト
- Webデザインの花の解剖学:白雪姫
- Googleもフラットになっています
- 新しいYahooロゴのクールさに関するデザインの疑い
- Type Night-手描きのタイポグラフィのコレクション
- 高品質のGIFアニメーション
- 写真処理-LightroomとPhotoshopを使用した露出の調整
- Collective PSD:チームでPSDを操作する方法
- スタイリッシュなオンラインストアのデザイン例
- standin.io-作業用プロトタイプの設計と機能をモバイルデバイスに直接エクスポートできる概念的なプラグイン
- クールなキャラクターイラストを作成するための基本原則
無料のデザイナーCookieのセレクション
- 3Dモデルを備えた最高のサイト
- 岩のテクスチャ
- スクラッチ付きPhotoshopブラシコレクション
- 出典: iPhone 5S Psd Vector 、 3-4 iPhone 5S Psd Vector 、 Piatoto -PSDのランディングページ、PSD形式のGustoレターテンプレート、 ボケ効果を使用したWebデザインのPSDテンプレート
- フォント: スコアボード上の数字を模倣したピクセルとフォント 、nhanced Dot Digital-7からFixed_v01まで、 コーデュロイスラブ -ヘッダーslaf-serifフォント、Born-セリフフォント
- アイコン:iOS形式のPNG形式の800以上の アイコンのセット 、オンラインストアのアイコンセット 、Brainy アイコン -教育アイコン、アイコンセット
おもしろい
- デニス・クリチコフが「ハブラハブル」を作成、販売、購入した方法
- 人とOculus Riftの高解像度3Dスキャンによるゲーム業界の未来
- Dropboxについて知っておくべき10の便利なこと
- すべてのITスペシャリストが推測しているものの、自分自身に何を認めることを恐れているか
- IFA 2013:ソニーはWindows 8でオリジナルのハイブリッドタブレットとラップトップを提供しています
- クールなスタートアップの創設者からの101の引用
- Google Chromecast Review 、およびその他
- 電気自動車:昨日、今日、明日
- 英国のintelligence報機関がハッカーコンテストを発表
- 中国では、彼らはインターネット上の嘘のために植えます
- モールス信号について
- Like a Rounded Corner-前回のSmashing Conference 2013でのWeb開発者の歌
先週のダイジェスト 。
ダースモールとアレクスコロビンが作成した資料