私たちのダイジェストは2012年4月13日からhabrahabr.ruで毎週公開されています。これまで読んでくれてありがとう:)
ウェブ開発 |
CSS |
Javascript |
ブラウザ |
設計 |
ニュース |
おもしろい |
ウェブ開発
- DevTips:Web開発者のヒント(49-64)
- Gulpを使用してWordPress開発を高速化する
- GitHubはSVGを支持してフォントアイコンを放棄しました
- Sassを知っていれば、ES2015を知っている 、とYuna Kravetsは言います (Sassを知っていれば、ES2015を知っています)
- IBMのフロントエンド開発者であり、Web活動家であり、一般的に賢い女の子であるYuna Kravetsへのインタビュー (Una Kravetsへのインタビュー)
- AMP用のWordPressのセットアップ ( AMP用のWordPressのセットアップ:Accelerated Mobile Pages)
- AMPはデフォルトでWordPressに実装されています
- 生産的コンテンツポリシー(CPP):AMPの標準化された代替
- 電話リンクの現状
- Webアクセシビリティを改善してみましょう( Webアクセシビリティを強化してみましょう)
- CodePenでのプリプロセッサの人気 。 かなり予期しない結果。
- むしゃむしゃか 何を選択し、なぜ飲み込むのですか? (GruntまたはGulp?どちらを選択し、なぜGulpですか?)
- プリロード:それは何に適していますか? (プリロード:それは何のためですか?)
- Atomでコードスニペットを使用する方法
- 壮大なウェブ:
CSS
- 「object-fit」および「object-position」の簡単な概要 。 css-live.ruコミュニティによる「object-fit」と「object-position」の概要の翻訳
- Flexboxの使用を開始する6つの理由
- CSS回帰テスト
- JavaScriptでのCSSの記述について (私のJavaScriptでCSSを取得しました)
- CSSカスタムプロパティの説明
- REM vs EM-すばらしいディスカッション (REM vs EM-グレートディベート)
- CSSCO -VSCOとCSSgramに触発されたCSS風の写真フィルター
- PostCSS.parts -PostCSSプラグインのあるディレクトリ
- Sass Mapsがデザイントークンにどのように使用され、開発者を喜ばせるか
- ミックスインはパフォーマンスよりも優れています(拡張よりも優れています) ( パフォーマンスが優れているミックスイン)
- 大きなアプリでのタイポグラフィの管理
- Flexboxリーディングリスト:テクニックとツール
- StylelintでSass / CSSを検証する方法 ( Stylelintで Sass / CSSを適切にリントする方法)
- 歪んだ視覚効果 (Squigglevision)
Javascript
- Javascript / Node.jsの微妙。 生産性を数十倍に高めます
- オブジェクト指向のJavaScript:継承
- ES6:
- ES6トレインにすべて乗車 (ES6 JavaScriptトレインにすべて乗車)
- ES6、ES7、および将来の展望
- BabelとGulpを使用したプロジェクトでのES6 / ES2015の使用(BabelとGulpを使用したプロジェクトでのES6 / ES2015の使用開始)
- フレームワーク
- 完璧なUIフレームワーク
- React.js Conf 2016のビデオ
- Instacart:Reactに変更した理由
- React Perfによる没入型デバッグ (React Perfデバッグの詳細)
- 新しい反応スキーム
- NFL + React
- Draft.js-React用のシンプルなテキストエディター
- AngularJSで$ウォッチをマスターする ( AngularJSで$ウォッチをマスターする)
- Angular-xeditable-プロジェクトの編集可能な要素を作成するための一連のディレクティブ
- Angular.jsアプリケーションで複数の依存関係を使用する
- 環境変数を使用してAngularJSアプリケーションを構成する方法
- Angular 2の変更の定義の説明 (Angular 2変更検出の説明)
- Emberの最初のLTSリリースを発表
- 最初のJavaScriptチャートを作成する方法
- OpenCV、Three.js、WebSocketsによるシンプルな拡張現実
- 優れたJavaScript開発者と良いJavaScript開発者と悪いJavaScript開発者の違い
- クイックヒント:JavaScriptで配列を作成および操作する方法
- RxJSを使用した関数型リアクティブプログラミングの概要
- JavaScriptのツーリングの誤解
- Node、PhantomJS、Horsemanを使用したWebクロール(Node、PhantomJS、Horsemanを使用したWebクロール)
- MobX-シンプルでスケーラブルな状態管理 (MobX-シンプルでスケーラブルな状態管理)
ブラウザ
- Opera Prestoがバージョン12.18に更新されました
- IE10、IE9、およびIE8のサポートを停止する理由
- Chrome DevToolsの新機能
- Operaは新しいデスクトップブラウザに取り組んでいます (Opera Working on New Desktop Browser Amid Company Sale)
- Chrome for VS CodeでのJSコードのデバッグ (VS Code用Chromeデバッグの紹介)
- Baidu Browserはユーザーをスパイします
- Google Chromeは有料リンクの購入をキャッチしました
興味深いデザインと機能を備えたサイト
- special.bose.eu-非標準のレイアウトとナビゲーションを備えたアニメーションプロモーションサイト
- nbafaceoff.com GO-クリエイティブバスケットボールサイト
- wonderlandindustry.com-デザインスタジオの創造的なウェブサイト
- 反転効果やその他のアニメーションを備えたクールなブルガリのウェブサイト
- airewestperth.com.au-共感的なスクロール効果のある1ページのサイト
- herdl.com-興味深いプロモーション効果のある別のサイト
- animalmade.com-印象的なアニメーションと楽しいイラストのサイト
- warof1996.com-キャンバス上のゲームサイト
設計
- 効率的なレスポンシブデザインプロセス
- インターネット上の新しいタイポグラフィ (新しいWebタイポグラフィ)
- テキストの特徴 ( テキストの未来)
- ロゴを承認する方法:8つの手順 (ロゴを承認する方法:デザインワークフローを改善するための8つの手順)
- Googleがリサイザーを導入-リサイザーを導入するオンラインテストツール
- フラットなデザインを取り除く (非フラット化デザイン)
- UI / UX:
- 14の簡単なステップでのUXデザイン。 パート1
- UI、UX:誰が何をしますか? 技術産業のデザイナーズガイド(UI、UX:誰が何をしますか?技術産業のデザイナーズガイド)
- UIデザインの基本原則
- 障害のあるユーザーにより良いUXを提供する5つの方法
- グラフィックエディター:
- Sketchを高速化するための5つのヒント
- Apple TVインターフェースのプロトタイプ作成のためのQuartz Composer、Facebook Origami、およびSketch
- スケッチでの共有スタイルとシンボルの使用( スケッチでの共有スタイルとシンボルの使用)
- スケッチのテキストを塗りつぶします(スケッチのテキスト塗りつぶし)
- SketchとPhotoshopでCraftプラグインを使用する ( SketchとPhotoshopで Crafty UIを作成する)
- Photoshop Light Effects(28の強力なPhotoshop照明効果)
- Adobe Illustratorでおいしいトーストアイコンを作成する方法
- Adobe Illustratorでレトロなポスターをデザインする方法
- スプレッドシートでさえ魅力的にすることができます (Spreadsheets Can Be Pretty、Too)
- 舞台裏:湾曲した設計プロセス
- ミイラ密集の創造の物語 (Wolff OlinsによるThe Metの新しいロゴとアイデンティティ)
- あなたは科学者ですか、それとも芸術家ですか? (あなたは科学者ですか、それともアーティストですか?)
- 写真操作スキルを向上させるためのヒント(写真操作スキルを向上させるための10のヒント)
- 2016年のWebデザインの7つの定義トレンド (2016年のWebデザインを定義する7つのトレンド)
- プロフェッショナルのようなユーザーエクスペリエンス調査の実施方法
- 初心者デザイナーへの公開書簡
- パンフレットの作成方法 ( パンフレットの作成方法)
- NodeJSの更新されたロゴ
無料のデザイナーCookieのセレクション
- ベクター形式の花
- デザインのスプリングパターン。
- Photoshop用のIceテクスチャ ( Photoshop用の 28以上の無料Iceテクスチャ)
- オートバイをテーマにしたベクトルグラフィックスとロゴを設定します (無料オートバイベクトルグラフィックス&ロゴテンプレートキット)
- Pexels- API付きストック写真(Pexels-API付き無料ストック写真)
- Foodshot:高品質の食品画像 (Foodshot:無料画像-よく-食品)
- アイコンセット:ショップ、製品 、科学、アバター、夏 (無料アイコンセット:Eコマース、食品、科学、アバター、夏)
- DryIconsフラットデザインアイコンコレクション (Freebie-DryIconsの素晴らしいアイコンのコレクション )
- 購入のデザインと配信をテーマにしたアイコン(AI、EPS、SVG、スケッチ、PSD、PNG) (景品:チェックアウト&配信アイコン(AI、EPS、SVG、スケッチ、PSD、PNG))
- 365cons-毎日新しいアイコン
- 525アイコン-アイコンフォント (525アイコン-無料のWebアイコンフォント)
- レトロなデザインに最適なビンテージフォント(レトロなスタイルDesign2に最適な30のビンテージフォント)
- 200以上のフォント (200以上のフリーフォント)
ニュース
- Google AMPがモバイル検索に登場
- Facebook:
- Facebookは、拡張「いいね」ボタンとして追加の「反応」を開始しました
- Facebookでのさまざまな感情反応が企業コミュニティに与える影響
- Facebookは超正確な人口密度マップを作成しました
- FacebookがAndroidでライブストリーミングを開始
- Facebookの新しい感情ボタンに対するロシアと外国のブランドの反応
- Facebookはソーシャルバーチャルリアリティを作成します
- Facebookはグローバルメッシュネットワークを作成します
- 「人生のすべてが好きになるわけではない 。 」 Facebookの製品デザインディレクターのJoff Tianは、彼のチームが感情を表現するためのボタンにどのように取り組んだかについて、Mediumにメモを書きました。
- 言語学者マキシム・クロンガウズ:「Facebookはエロチカ人食い人のレベルでどこかで止まった」
- Skype for Linuxの停滞による悲惨な状況
- 動くものを含むオブジェクトをぼかす機能がYouTubeに登場しました
- WSJ:Google、Microsoft、Twitter、FacebookがFBIに対する法廷でAppleをサポート
- ビル・ゲイツはアップルとの対立でFBIを擁護しなかった
- Googleは電話に住所を送信する機能を追加しました
- GoogleはニュースサイトがDDoS攻撃から身を守るのを支援します
- Googleドキュメントに音声入力を追加しました
おもしろい
- Web 1つの技術の歴史
- RedMonkプログラミング言語の評価:2016年1月 (RedMonkプログラミング言語のランキング:2016年1月)
- 悪い賭け:ヤフーの帝国がどのように転がったか
- MWC 2016のトップ5ベストアナウンス
- いいえ:Apple vs. Big Brother
- Googleのブレークスルーの秘toは何ですか? 自分のプロジェクトを殺す
- なぜFacebookのような選択肢があるのか
- サイバネティックス、線形計画法、社会学について
- 「著作権はすべきではありません」:有料の科学記事の戦争を手配したプログラマーへのインタビュー
- 2016年のIoTの主な傾向
- 正直なデジタル職業ガイド
- 今日の動画:歩く、歩く、着る©Atlas Robot
- ゲーム「スネーク」新世代
入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。
先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。