
ウェブ開発 |
CSS |
Javascript |
ブラウザ |
設計 |
ニュース |
おもしろい |
ウェブ開発
- 本当に重要なのは、重要なタスクに集中することです 。 本当に重要なこと:重要なタスクに焦点を当てる
- Browserifyを始めましょう 。 Browserifyの使用開始
ヘッドセクションに含めることができるすべてのリスト(ドキュメントのヘッドに含まれるすべてのリスト)
理想的なHTTPパフォーマンス
Webサイトの速度の最適化:Webサイトを高速化するための追加のヒント
Bootstrap 4 Cheat Sheet(ブートストラップ4チートシート)
PNGファイルサイズの縮小 (PNGファイルサイズの縮小)
Metalsmithで静的サイトを作成する方法
フロントエンド開発者向けのドキュメントとガイド(No. 8) (フロントエンド開発者向けの20以上のドキュメントとガイド(No. 8))
オンラインツールのコレクション:サイトのデザイナー、ロゴ、プロトタイプ、ロゴ、ページなど。
- SVG:
SVG:私の経験について少し
SVGフィルターを使用したテキストのスタイル設定
HTML5、CSS、JS、およびSVGを使用したラジアルコントロール
SVGアニメーションをGIFに変換( SVGアニメーションをGIFに変換)
SVGを使用したレスポンシブロゴの作成
Boxy SVG:高速、シンプル、無料のSVGエディター
- CSS / SVG / JS#34の美しいエフェクトの毎週の編集
CSS
ページをスクロールするときの低FPS。 バックグラウンド添付ファイルの解決:問題を修正
Houdini:あなたが聞いたことのない最も印象的なCSSプロジェクトの1つ
最後に、JavaScriptのCSS! CSSXに会います (最後に、JavaScriptのCSS!CSSXに会いましょう)
CSSフレームワークは必要ないかもしれません
「initial-letter」を使用した頭文字の改善 ( 「initial-letter」を使用した CSSドロップキャップの改善)
Alphasights:BEMを使用してモジュラーCSSを作成する方法
stylelintでCSSを分析する
フレックスボックスのケーススタディ
CSSフレームワークの1つの間違い。 あなたの場合でも (すべてのCSSフレームワークが間違っていることが1つ。あなたの場合でも。)
PostCSS入門:Sassユーザー向けクイックガイド
初期、継承、設定解除、および復帰
MaintainableCSS-モジュラー、スケーラブル、およびサポートされているCSSを記述するためのもう1つの方法
カーンアカデミーのインラインCSS:アフロディーテ
Cubic BezierでCSSアニメーションをレベルアップする
Flexboxパターン-Fexboxの例 (CSS flexboxで素晴らしいユーザーインターフェイスを構築します。例とソースコードが含まれています。)
CSSを使用してスティッキーナビゲーションを作成する方法
Multiple.js-CSSを使用してさまざまな要素の共通の背景を試す
Sassのデータ型
CSSモジュールとは何ですか? 視覚的導入 (CSSモジュールとは?視覚的導入。)
Javascript
JS Bootloader +テンプレートエンジンまたは次のストーリーは素晴らしい
正しいJavaScriptエラー処理
- NaNは「非数」ではありません
- JavaScriptモジュール:初心者向けガイド
最新のJavascriptの再考。 小さなライブラリがうまく機能していること-それは祝福ですか、それとも呪いですか? (最新のJavaScript開発の再考)
Javascriptテスト駆動開発の穏やかな紹介:パート1
Battle for JavaScript:4つの主要なフレームワーク (JavaScriptの戦い:パックをリードする4つのフレームワーク)
JavaScriptの未来:2016年以降(JavaScriptの未来:2016年以降)
なぜjQueryを使用すべきではないが、プレーンJS (なぜjQueryではなくプレーンJavaScriptを使用すべきなのか)
クイックヒント:関数式または関数宣言 (クイックヒント:関数式と関数宣言)
jQueryのイベントの包括的な外観
知らないノード:コア機能のクイックイントロ
JavaScriptを使用したCSVファイルの解析
フレームワークなしの小さなJSコンポーネントの開発。 バニラJSで書くこともできます! (フレームワークなしの小さなJavaScriptコンポーネントの開発)
LazyDOM-仮想DOMをブラウザーにネイティブにもたらす実験
- ES6 / ES7:
- ES6:内部からのプロキシトラップの詳細 。 css-live.ruコミュニティが翻訳したES6プロキシトラップの詳細記事
ES7およびBabelを使用してJavaScriptでモジュールを作成する
ES6 Ptで最高のJavaScript 。 II:クラスの詳細 、 Pt。 III:クールなコレクションとスリッカーストリングス
- フレームワーク
React Amsterdam 2016 。 Artyom Sapeginからの小さなレビュー
React Amsterdamで学んだ教訓(React Amsterdamで学んだ教訓)
React Native: 1年のレビュー
Babel React Optimize
角度2対 反応する
Angular 2 + React Native
Express JavaScriptフレームワークの信じられないほどの歴史
WebpackでAngularをビルド(Angularとwebpackをバンドル)
クイックスタートチュートリアル:サーバーサイドレンダリングを使用したUniversal React
Reactでのテスト:地面から降りる
コンポーネントとコンポーネントルーターを使用したFast Angular 2セットアップ
EmberConf 2016のビデオ
EmberConf 2016:ボーナスビデオ-Ember Revolutionの開始方法by Patrick O'Doherty
- プラグイン
Modaal-アクセシビリティをサポートするモジュラーウィンドウ用の新しいプラグインWCAG 2.0 Level AA
kewler-HEX形式の色を操作するためのライブラリ
Promise Runner-非同期スタイルの関数を操作するため (Promise Runner:関数の非同期実行が必要なときに通常の関数からPromiseを作成する単純なPromise Maker)
Excelスタイルのテキストフィールド (表形式の入力フィールド)
Scrollbear-画像をロードするときにスクロールバーの位置をタイムリーに更新し、「ジャンプ」テキストの影響を排除します
beautify- text-句読点と引用符の自動整列
search- index-ブラウザおよびNode.jsのフルテキスト検索エンジン
ブラウザ
- Operaは無料のVPNをブラウザに組み込みました
- YandexがBrowser Update Designerをリリース
- Google Chromeは、ソーシャルネットワークの先延ばしについて考えさせました
- Chromeブラウザのモバイルバージョンの視聴者は10億人を超えました
Microsoft Edgeの拡張機能の作成 ( Microsoft Edgeの拡張機能の構築)
F12 Edge開発者ツール
Microsoft EdgeでのWebM、VP9、およびOpusのサポート
設計
- レスポンシブウェブサイトのロゴデザイン
Webデザインにおける空白の重要性( Webデザインにおける空白の重要性)
タイポグラフィの未来
- AnimateMateプラグイン、Sketchでアニメーションを作成
- Sketch and FlintoでのiOSアプリのプロトタイプ作成:パート1
OOUX:インタラクションデザインの基盤
UXデザインでシンプルさはどのように見えますか? (UXデザインのシンプルさはどのように見えますか?)
- Webデザインのスペース
UIの設計中にさらに整理する方法
最新のWeb開発でのAtomic Designの使用
Epic UXが失敗します(そして、 これから学べることは何ですか) (Epic UXが失敗します(そして私たちが学べる教訓))
O Streetによる新しいロゴとアイデンティティ
iOS 10:願いとコンセプトビデオ(iOS 10:願いとコンセプトビデオ)
スターウォーズのイラストセットを作成するストーリー (遠く離れたギャラリーから| CS16ワークショップ)
Apple Watch「Break this Safe」 (Break this Safe) のゲーム作成のストーリー
デザインシステムの色(デザインシステムの色)
Airbnbの再設計方法 (構築方法:Airbnbデザイン)
テキストボックスでパスワードを開く方法 (パスワードのマスクを解除する方法)
マーケティング担当者およびデザイナー向けの選択されたリソース (Email Toolbox)
プロトタイピングはフレーマーで次のレベルに進みました
Spotifyのナビゲーションが壊れている理由
#SketchTip:アートボードをチームと共有する方法)
Webデザインを高速化する10のPhotoshopプラグイン(Webデザインを高速化する10のPhotoshopプラグイン)
最初のローマ字フォント
ニュースと面白い
- マイクロソフトとグーグルは、互いに対する規制手続を終了することに同意します
- AppleがMacBookとMacBook Airを更新
- Windows AppLockerをバイパスするチームが1つのツイートに収まる
- FBIはテロリストのiPhoneをハッキングするために100万ドル以上を支払った
- 2016年第1四半期の報告後、アルファベットのシェアは6%減少しました
- Googleはユーザーのコメントから迅速な応答を生成し始めました
- Googleは、ハッキングされたサイトの所有者を支援する戦略を開発しました
- 大きなeSportsに参加するには?
- 2015年末までにトップ5のスタートアップ
- 超薄型LEDにより、肌にウェアラブル電子デバイスを作成できます
- バイオテクノロジー:成長の法則
- 「Facebookは新しいインターネットになりたい」
- Googleでのインタビューに関する真実:Beyond the NDA
入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。
先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。