ウェブ開発 |
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が作成した資料。