ウェブ開発
テクノパークの講義。 1学期。 ウェブ技術 - ゲームワールドWebGLまたはThree.jsとBabylon.js
- HTML6またはHTML.nextのアイデア
- HTMLインポートの概要
- ブラウザベースの開発者ツールの秘密（パート1）
- CSSまたはJavaScriptで真にレスポンシブな画像を作成できないのはなぜですか
「今日学んだこと」 -著者は最近学んだ新しいことすべてを共有します - 完全なSVGガイド
- SVGの基本-線形コマンドを使用して線分を作成する
- 計量SVGアニメーションテクニック
- モバイルWeb用のアニメーション （Yelp Webサイトの最適化の一部として）
- レスポンシブデザインのためのダイナミックフォントのアイデア
- Gulp.jsでタスクを自動化する
- Webツール
- SVG画像最適化サービス
- 便利なSVGO [最適化]ツール
- Yellow Lab Tools-パフォーマンスと重量の観点からウェブページを分析するためのサービス
CSS
- 2014 CSSレポート：フィールドでのCSS使用のテスト
- CSS監査の実施：スタイルシートはひどいものであってはなりません
- 行の高さをお楽しみください！
- 1行のCSSで画像を中央に配置してトリミングする
- 順序付き<ol>リストの行番号（番号）のスタイル設定
- CSSのブレンドとブレンド
- 行の高さを楽しむ
- 将来のCSSレベル4セレクター
- Sassのテキストの動的なカラーストレッチ機能
- criticalCSS-ユーザーの可視性ゾーンにある要素のCSSを見つけ、このコードを別のファイルに配置します
- 十字架のハンバーガーアイコンのアニメーションのオプション
- スタイルへのリンクを持つ1つのタグリンクから作成されたサイト
- 純粋なCSSのテーブル内の行と列の単純な強調表示
- Sassの基本：関数ディレクティブ
- マテリアライズは、マテリアルデザインの原則に基づいた最新のレスポンシブ静的フレームワークです。
- spaceBase -Sassに基づくレスポンシブCSSフレームワーク
- extractCSS -HTMLからクラス、識別子、インラインスタイルを抽出
Javascript
- Aurelia- 新しいモダンなJSフレームワーク 、 Aurelia.io -ES6、WebComponents、Object.observeなどを備えた新世代のJavaScriptフレームワーク
- AngularJSで2048ゲームを作成する
- React JSクイックスタートガイド
- Fakerを使用してJavaScriptアプリケーションの偽データを生成する
- ベジェデカステリョ曲線。 Canvas HTML5
- 愚かな人々のためのReactJS
- 愚かな人々のためのフラックス
- RadioJSのポッドキャスト ：Sergeyは、Yandexの検索インターフェイス開発部門の責任者であるBerezhnoyに、彼のプロジェクトについて話し、知恵を共有し、キャリアが始まった場所を思い出します。 Yandex、io.js、およびEcmaScript 6（ES2015）のプロセスについて説明します。
- コンストラクターでこの問題に対処する
- PhantomJS 2.0リリース
- ECMAScript 6：
- ECMAScript 6のパラメーターの分解と処理
- io.jsのES6
- CoffeeScriptをES6に置き換える
- ECMAScript 6の新しい文字列処理
- ES6を使用してAngularJSでアプリケーションを作成する
- ES3 enterprayzaの世界ではJavaScriptの新しいピースを使用しています
- 新しい要素を作成する最良の方法。
- JavaScriptで同期関数と非同期関数を作成する
- MIDIデバイスをサポートするブラウザーベースのオーディオアプリケーションの作成
- JavaScriptタッチイベント処理
- webrtc-ips -JSおよびSTUN Mozillaサーバーを使用したIP決定
- Mozilla-Canvas 2D：新しいドキュメント、Path2Dオブジェクト、クリック領域
- 7分でアプリを反応させる
- Meteor.jsを使い始める
- ほとんどすべてのプロジェクトのMeteor上のアプリケーションに役立つ6つのパッケージ
- Hjsonヒューマンjson
Googleマップでアプリを構築する - プリロード画面を作成するためのチュートリアルとプラグイン
- Map / Reduceから機能的なJavaScriptへ
- texgen.js-プロシージャルテクスチャジェネレーター
ブラウザ
- ヴィヴァルディ：
- Vivaldi Browser-最初のテストバージョン
- 新しいVivaldiブラウザに関するJon Technerへのインタビュー
- Vivaldi-新しいブラウザの機能は何ですか
- Vivaldi Browser-最新のニュースとお知らせ
- スパルタン：
- 「Project Spartan」用のMicrosoftの新しいレンダリングエンジンの詳細
- 新しいSpartanブラウザーのEdgeHTMLエンジンでは、多くのプロパティでmsプレフィックスのサポートが削除されました
- Microsoft SpartanとInternet Explorerの未来
- Microsoft SpartanはGoogle Chrome拡張機能をサポートする可能性があります
- IE11で新しいレンダリングエンジンを有効にする
- Internet Explorerよりも優れたProject Spartan Browserテスト
- Firefoxのナイトリービルドに追加された3DヘルメットヘルメットとNPAPIプラグインの分離
- ネットワークに接続せずにGoogle Chromeでサイトを閲覧する方法
- Windows 10のDeveloper Panel Update（F12）1月のテクニカルプレビュー
興味深いデザインと機能を備えたサイト
- hellomonday.com-美しいアニメーション
- Trippeo-スクロール効果のある1ページのサイトの放射状メニュー
- 単語マップ -世界のさまざまな言語の単語の音声およびビデオによる視覚化
- beta.rallyinteractive.com-スクロール効果とメニュー変換のカスタム実装
- hexagone - paris.fr-視差効果のある水平スクロールサイト
- boda.sensors.jp-未来的な3Dインターフェイスを備えた日本のウェブサイト
- thiswasmybest.com-興味深い遷移効果を持つ垂直サイト
設計
- ウェブデザインのポジショニング
- デザイナーのための14のヒント：レイアウトのレイアウトを準備する方法
- マテリアルデザインとは
- 気分を伝えることができる10人のイラストレーター
- Webデザインの多角形ボリューム
- 成功するWebデザイナーになるには？
- 認証ウィンドウにパスワードを表示する
- インタラクティブなモバイルアプリの設計
- Guardianベータ版の紹介 -レスポンシブデザインとスクロール効果への新しいアプローチ
- 明日のデザイン：教育プログラム物理学など
- 大学でデザイナーとして訓練されたい
- ブラウザーでいつ、なぜ、どのように設計するか
- Adobe Photoshopで雨滴にリアルな反射を作成する方法
- CorelDRAWで接続線を使用してインフォグラフィックを描画する方法
- Adobe Illustrator用の5つのプラグインにより生産性が向上
- TypeHunting-高品質のタイポグラフィサンプルを含む写真のコレクション
- Googleマテリアルデザイナー向けの15の無料リソース
無料のデザイナーCookieのセレクション
- キュートでロマンチックなデザインのための無料のベクターリソース
- 無料のクリップアート：ベクトルカード
- 木製の表面と壁の写真テクスチャ
- 12列のPSDオンラインストアテンプレート
- PSDの10個の名刺モックアップテンプレート
- 名刺デザイン、2015年版を紹介する20個のモックアップ
- スマートな時計モーションキャプチャベクトル
- バレンタインデーに捧げられた十数個のベクトル画像
- AI、ABR形式のビンテージロゴの6つの空白
- バレンタインデーのアイコンを設定
- アイコン、フラット、輪郭、長い影のあるデザインの3ダースセット。
- キッチン専用の100個のアイコン
- D Hanna Soft Free Regular -sans-serifフォント
- Kontanter-装飾的なモノワイドヘッダーフォント
ニュース
- YouTubeはデフォルトでHTML5を支持してFlashを放棄します
- Facebookは、他のサイトでの承認の数に関してリーダーシップを強化します
- Torサイトの展開を試みているMozillaプロジェクト
- Appleは、スマートウォッチApple Watchの販売開始を発表しました
- Windows 10の発表にもかかわらず、Microsoftの株価は下落
- マイクロソフトにゼロのWindows RTを掛けた
- 4月、ソニーはDSD品質のコンサートの最初のオンライン放送をホストします
- アップル株は過去最高
- 代替のAndroidシステムCyanogenの開発者は、マイクロソフトおよびその他の投資家から7000万ドルを引き付ける
- Google：Glassプロジェクトを再起動する必要があります
- AppleはSamsungを追い抜き、世界最大のスマートフォンベンダーになります
おもしろい
- 閉ざされた国のインターネット：北朝鮮の経験
- Microsoft HoloLensメガネは火星の研究に使用されます
- Surface HubがHoloLensよりも興味深い理由
- Google Labの科学者：「数年で、同時翻訳用のチップを耳に組み込むことができます」
- Windows 10 Technical Previewの新バージョンについて
- 離陸するかどうか：元インテル従業員は、スタートアップの成功を予測するアルゴリズムを開発しました
- ビル・ゲイツの新しい啓示：スマートロボットへの恐怖、言語の知識の欠如、睡眠不足など
- Facebookで働かない15の理由
- 建設、3Dプリント、クリノパンクについて
- Depthy-写真にボリュームを追加します
- キャンバスの視覚効果
入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。
先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。