![](https://habrastorage.org/files/e0f/c26/dcd/e0fc26dcd6b94409924f38399465d349.png)
ウェブ開発 |
CSS |
Javascript |
ブラウザ |
ニュースと面白い |
ウェブ開発
- Podcast Web Standards、Issue No. 20 :Firefox、Chromium、jQueryのリリース、実用的なCSS、SVGのタイポグラフィ、オープンWebの酷使、Adobeの状況はDmitry Baranovskyに語っています。
- Frontflipポッドキャストリリース18 。 「ReduxをMobXに変更するように説得してください。」 ピーター・ミャジン
- Google:AMPページにロゴを追加する際のよくある間違い
- SVGスプライトの使用方法
2016年のWebの行き先(2016年のWebの行き先)
ただコードを書くことを学ぶことはできません (単にコードを学ぶことはありません)
ファッキングオープンウェブ
オンラインコードサンドボックスのレビュー (オンラインコードプレイグラウンドのまとめ)
HTMLおよびCSSを使用した UXフォーム検証( HTMLおよびCSSのフォーム検証UX)
Tuts +でメールを送信するための新しいテンプレートの作成方法の詳細(作成方法:新しいTuts +メールテンプレートの構築)
PNGからWebP-圧縮サイズの比較
Web Rebels 2016のビデオ録画
Webパフォーマンス予算の設定と計算
リンク先ページの最適化:ラジオボタンとドロップダウン
絵文字でコードを改善する方法—真剣に
Google Fonts Webサイトの再設計と新機能
Atomic Docsによるスタイルガイド駆動開発
メガボイラープレート -プロジェクトを迅速に開始するためのインタラクティブジェネレーターの形式の技術の開始セット
フロントエンドプロジェクトの品質を自動的に改善する(フロントエンドプロジェクトの品質を自動的に改善する!パート1-HTML)
- 壮大なウェブ
Web Audio APIを使用したインタラクティブプレーヤー
本のページをめくるSVGアニメーション (SVG:Multiples Make A 3d Flip Book)
feColorMatrixとJadeを使用した動的な2色SVG画像 ( feColorMatrixとJadeを使用した動的なダブルトーンSVG画像)
- 液体の物理的特性のエミュレーションを備えたCanvasデモ
- CSS / SVG / JS#42の美しいエフェクトの毎週の編集
CSS
CSSクラスを呼び出す方法
- CSSを使用したSVGの<use>コンテンツのスタイル設定
- CSSマジック。 第4章色
- Webフォントのダウンロードパターン
- フレックスボックスでのZ-Indexと自動インデントの仕組み
- BEMとの戦い:10の最も一般的な問題とその解決方法(パート2)
PiterCSS#5からのビデオ
FacebookのCSSコードの品質を改善する方法についてのYuri Zaitsev (Facebookおよびそれ以降でのCSS品質の改善)
ピクセル密度の露出(ピクセル密度、分かりやすい)
最高のCSSプリプロセッサーとポストプロセッサーの比較 (最高のCSSプリプロセッサー/ポストプロセッサーとは?)
PostCSSを簡単にする7つのPostCSSプラグイン(PostCSSを簡単にする7つのPostCSSプラグイン)
Google Chromeブラウザーのデフォルトスタイル(HTMLのレンダリングに使用されるデフォルトスタイルシート)
React CSSコンポーネント
フロート、図、領域、グリッドの反射
Snapper:CSSスナップポイントカルーセル
Stylelintを開発プロセスに統合してCSSを改善します (より良いCSSを実現するために Stylelintをワークフローに統合します )
ポインターイベントの使用について (マウス、いくつかのタッチ、あらゆる種類のポインター)
動作中のCriticalCSS
CSSでベースラインリズムを実装する
Javascript
Frontend Conf 2016のビデオ:ずっと夢見てきたコンポーネントのUIライブラリ
- JavaScriptをクリーンにする
- 関数型JavaScriptの概要:パート2
- JavaScriptの2つの柱
JSConf Budapest 2016のビデオレポート
- フレームワーク
Reduxガイド
React Amsterdam 2016 Conference録画ビデオ
JavaScriptフレームワークの選択( JavaScriptフレームワークの選択-Rob Eisenberg)
JasmineとKarmaでAngularJSをテストする(パート1)
ReactおよびReduxアプリケーションの構造(ReactおよびReduxアプリケーションの構造化)
Reactを使用するための最低限
React.setStateの使用を停止した3つの理由)
React:ES5(createClass)またはES6(class)? (React:ES5(createClass)またはES6(class)?)
Egghead Courses Review:React、Reactive Programming、およびオープンソース
角度コンポーネントの構文
利用可能なAngular 2.0 RC2 (RC2が利用可能になりました)
Angular 2のルーティングの改訂 ( Angular 2のルーティングの再検討)
Preact-同じES6 APIを使用したReactの代替 (Preact)
- ES2015、ES2016:
#ES2016(別名#ES7)仕様が公開されました。
ECMAScript 2016が承認されました
- ES6:内部番号オブジェクトの改善
JavaScript Promises、Ptを理解する I:背景と基本
約束に基づく世界観
gulp-swwは、WebアプリケーションまたはWebサイトがServiceWorkerWareおよびAppCacheを使用してオフラインで作業できるようにするgulpプラグインです。
ESLintスタディ (ESLintパート1:調査)
10,000行のレガシーJavaScriptコードベースのTypeScriptへの移行)
JavaScriptでの関数型プログラミング
JavaScript開発者向けの機能概念:カリー化
JavaScriptカリー関数
3つのドットがJavaScriptをどのように変更したか
同形JavaScriptはさらに単純です。 (同形Javascript、簡単にしましょう。)
コードの記述方法を変更する 1つの奇妙なトリック:JavaScript TDD (永久にコーディングする方法を変更する1つの奇妙なトリック:JavaScript TDD)
JavaScriptモジュールローダーの歴史と背景
庭で野菜を育てて D3.jsの基本を学ぶ(野菜の庭を植えることでD3.jsの基本を学ぶ)
Ramda.jsによる実用的な関数型プログラミング ( Ramda.jsによる実践的な関数型プログラミング )
PQ:人間が読めるPromise Chain Query Compiler
Kakapo.js- Javascriptの次世代モックフレームワーク
fetch-sync-バックグラウンド同期APIを介したプロキシフェッチリクエスト
ブラウザ
- Google Chromeでの仮想現実の実験的サポート
- Opera広告ブロッカーがすべてのモバイルプラットフォームで利用可能になりました。
Safariの新機能
GoogleはChrome 53の大きな最適化を準備しています
Blisk:次のWeb開発ブラウザーですか? (Blisk:次のWeb開発ブラウザー?)
ニュースと面白い
- 開発者は、世界初の1000コアプロセッサを示しました
- GitHubは、他のサイトから取得したパスワードを使用した攻撃について警告しました
- Appleのコピー時代は終わりに近づいています
- サムスンがジョイエントを買収
- YandexがClickHouseのソースコードを開きます
- MicrosoftがLinkedInを262億ドルで買収
- マイクロソフトがLinkedInを購入した理由
- IT専門家とソーシャルメディアユーザーがMicrosoftとLinkedInの間の取引にどのように反応したか
NASAが最小限のエラーで数百万行のコードを記述できるようにする10のルール
10分のWWDC'16:iOS 10、macOS Sierra、およびwatchOS 3
- 監視技術:プライバシーなし
- 過去のE3の最高のトレーラー
- 「誰もが苦しむ」:「Googleに対する税金」の導入がロシアのIT市場に与える影響
- お金はどこにあるのか:世界でトップ10の最も寛大なスタートアップアクセラレータ
- ソーシャルネットワーク:過去と現在
- 誰もが試すべき7つのガジェット
- 最も高価なブランドのランキングでトップ5のIT企業
- GoogleがProject Loonのアイデアを盗んだと非難
入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。
先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。