ウェブ開発 |
CSS |
Javascript |
ブラウザ |
設計 |
ニュース |
おもしろい |
ウェブ開発
- FLIF-無料の画像圧縮形式
- 肥満部位の危機
- WordPress 4.5の新機能
- SVG:
- ネタバレ:SVGアイコンを1つの方法で挿入する
- SVGシンボルを使用してアイコンシステムを作成する方法
- エッジがギザギザになったSVGテキストクラウド (SVGでのスタッガードテキストと失神テキスト)
- SVGの基礎:XMLとバージョン管理
- Parallax Burns:SVGを使用して写真を2Dから3Dに変換する
- SEOの技術ガイド
- 2016年に知っておくべき5つの SEOトレンド( 2016年の SEOトレンド:今年知っておくべき5つのトレンド)
- WebのカラーフォントであるBixa Colorの作成
- Firefox DevToolsを使用したService Workerとプッシュのデバッグ
- Service Worker:Save-Dataヘッダーを使用してユーザー情報を保存します (Service Worker:Save-Dataヘッダーを使用してユーザーのデータを保存します)
- パフォーマンス監査m.imgur.com ([m.imgur.com]ページ読み込みパフォーマンス#1)
- GoogleのAMP:加速されたモバイルページの楽しくて使いやすいガイド
- スタイルガイドコンポーネントのプレイグラウンド
- ロゴを右クリックして、ファイルのダウンロードダイアログを表示します (ロゴのダウンロードオプションを表示するには、ロゴを右クリックします )
- エンジニアリングの海での設計
- メディア:
- Podcast Web Standards、Issue#6:フレックスボックス、タイポグラフィ、速度、ブルートゥース、BEMの批判
- Y. Subbotnik 2016のビデオレポート
- mitap Girls Not Bombs#6からのビデオ
- 壮大なウェブ:
- CSS / SVG / JS#28の美しいエフェクトの毎週の編集
- HTML5 CanvasのInstagramスタイルのフィルター(HTML5 CanvasのInstagramスタイルのフィルター)
- 画像読み込みぼかし効果のような中規模サイト
- リバウンドとキャンバスを備えた別のクリエイティブローダー (リバウンドとキャンバスを備えたスプリングローダー)
- レスポンシブピクセルアート
CSS
- モーションUIを使用してアニメーションとトランジションを作成する方法
- Sass:不純物を使用してコードのブロックを渡し、mixinとextendを選択します
- box-decoration-breakで壊れたテキストを修復 ( box-decoration-breakで壊れたテキストを修正)
- `rem`を使用してグローバルサイズを設定します。 `em`-ローカルを指定します (グローバルサイジングには` rem`を使用し、ローカルサイジングには `em`を使用します)
- ユーザーはブラウザのデフォルトの16pxフォントサイズを変更しません
- 知らなかった高度なCSSセレクター
- ブラウザーのサポートを待機しているレスポンシブイメージを使用した即興 ( ブラウザーサポートの待機:レスポンシブイメージの仮調整)
- CSSでピラミッドレイアウトを作成する方法
- クイックヒント:ホバー状態でのフォントウェイトの問題の修正
- CSSコードのクリーンアップ( CSSコードベースのクリーンアップ)
- 壊れた画像のスタイルの追加 (壊れた画像のスタイリング)
- 可視領域の寸法の相対単位に基づくタイポグラフィ(ビューポートユニットベースのタイポグラフィ)
- より意味のあるWebタイポグラフィのためのツールとリソース
- 「リビング」スタイルガイド-Pattern-Lab
- balloon.css-純粋なCSSで作られたシンプルなCSSツールチップ
- ecss.ioでオンラインの書籍「Enduring CSS」を読む
Javascript
- JSテスト。 Karmic Webpack
- GoogleがJavaScriptのインデックス作成ガイドラインを更新
- reduceメソッドの高度な使用
- メンテナンスしやすいJavaScriptコードを書くための5つのヒント
- JavaScriptネイティブ関数の学習とその使用方法
- Node.jsのシンプルなサイト-2016年版
- JavaScriptの創設者Brendan Eich:WebAssemblyはゲームチェンジャーです
- フレームワーク
- Reactを学ぶのに1週間しかかかりませんでしたが、何が悪いのでしょうか? 。 記事翻訳私はcss-live.ruコミュニティによるReactで1週間で生産性を 上げる 方法を学びました。
- React v15.0リリース候補React v15.0リリース候補リリース
- クイックヒント:Reactでビデオプレーヤーコンポーネントを構築する
- エンクレーブ -Reactアプリケーションのコンパイルが簡単に
- Reactでのホットリロード
- 流星の魔法の終わり
- EmberアプリのUIの作成 (Emberデータアプリの周りのUIの構築)
- 角度はデザインパターンです
- Angular 2での認証( Angular 2での認証)
- madewithangular -AngularJSを使用して作成されたサイトのコレクション
- react-mt-svg-lines -SVGのストロークを使用した線形アニメーションのコンポーネント
- react-key- handler-キーイベントを処理するReactコンポーネント
- ES6 / ES2015:
- ES6の詳細:スイッチ機能
- ES6 / ES2015の最も便利な機能( ES6 / ES2015の最も便利な機能)
- ES6でJSを改善する5つのヒント-Crater Conf Talk
- たぶん、JavaScriptのトーンを下げることができます
- 2016年のJavaScript :Beyond Harmony(2016年のJavaScript:Beyond Harmony)
- JavaScriptクラスの防衛
- SCSSからJavaScriptに変数を渡す方法
- JavaScriptを使用した3Dエンジンの作成 ( JavaScriptを使用した3Dエンジンの構築)
- JavaScript Toolkitからの緊張-手元にあるヘルプ (JavaScript Tooling Anxiety- 手元にあるヘルプ)
- JavaScriptユニットテストのパフォーマンス
- JSビット -概念的なJavaScriptスニペット
- freezeframe.js-アニメーションGIFを一時停止するスクリプト
- babylon -JavaScriptパーサー
ブラウザ
- Firefox 45リリース 、 Marat Tanalinのブログの開発者詳細
- Firefoxナイトリービルドが音声合成をサポート
- Operaは、広告ブロッカーが組み込まれたブラウザのプレビューバージョンをリリースしました
- Microsoftは、Internet Explorerのセキュリティ更新プログラムにWindows 10へのアップグレード用のバナーを追加しました
- Chrome 49:カスタムCSSプロパティ、バックグラウンド同期、データ保存クライアントのヒント
興味深いデザインと機能を備えたサイト
- クリエイティブサイト村上春樹
- tse - foundation.org-スクロール時に色が変化するサイト
- aaronporter.co-カスタムトランジションを持つデザイナーの創造的なウェブサイトポートフォリオ
- Publicis90-スムーズなスクロールアニメーションがすばらしいサイト
- 12dishes.com-非標準のナビゲーションと素晴らしい効果を備えた料理サイト
- 56.digital -3次元の背景要素とスクロール時の効果を持つ垂直スクロールサイト
- 2016年の最高のインタラクティブサイト
- 天気効果ウェブサイト
- I / O 16が来る
- 最高の新しいポートフォリオサイト、2016年3月(最高の新しいポートフォリオサイト、2016年3月)
設計
- フードデザインダイジェスト、2016年2月
- インターフェイスの状態:初期画面、ダウンロードプログレスバー、エラーメッセージ
- サービスの成長に対するインターフェイスの影響:Telegram iOS iOSアプリケーションの分析
- Sympliを使用して開発者と対話する
- 意味のあるデザイン
- グラフィックエディター:
- アートボードをPDFに簡単に変換するためのプラグイン
- animatemate-Sketchでアニメーションを作成するためのプラグイン
- Photoshopのビデオレイヤーの基本(Photoshop Video Layer Essentials)
- IllustratorでWeb用のSVGを保存するための5つのヒント
- Illustratorを60秒で:クリッピングマスクの使用方法
- Webに表示領域の境界線はありますか? (ウェブに折り目がありますか?)
- 会話型UIの未来はハイブリッドインターフェイスに属します (会話型UIの未来はハイブリッドインターフェイスに属します )
- UXデザインの神話 /製品デザイン/または今週の呼び名 (UXデザインの神話/製品デザイン/ 今週の呼び名 )
- Less Is More-シンプルでシンプルなWebデザイン
- Webインターフェイスで写真を使用するための7つのベスト戦略
- ある色または色相から別の色または色相への移行モードでシャドウを簡単に処理する方法(レイヤーブレンドモードで簡単にシェーディングする方法)
- 2016年のモバイルデザインのベストトレンド(2016年のブレイクアウトモバイルデザイントレンドのトップ5)
- 液体ブランド -有名ブランドの様式化
- インスタントロゴ検索
- インターコムでの高精度のコラボレーションと設計哲学 ( インターコムでの高忠実度のコラボレーションと設計哲学)
- ストライプのダッシュボード(ストライプダッシュボード)
- Typewolfによる2016年2月の Typewolfのタイポグラフィの詳細( 2016年2月の Typewolfのお気に入りのサイトの裏にあるタイポグラフィの詳細)
- 印象的なマテリアルデザインコンセプト(5つの信じられないほどのマテリアルデザインコンセプトの蒸留)
- 材料設計の紹介
- 素晴らしいフォントの組み合わせ
- アラブ諸国のパターンのイラスト(18 アラブ諸国のさまざまなイラストパターンを無料)
- インスピレーションを与える高品質のワイヤーフレーム
無料のデザイナーCookieのセレクション
- 写真操作のための雷の無料写真
- 無料のインクとインクの縞模様のテクスチャ
- 聖パトリックの日のチラシとポスターのテンプレート(景品:聖パトリックの日の5つの無料チラシ&ポスターテンプレート)
- Apple Watchモックアップ(20個の無料Apple Watchモックアップテンプレート)
- ロゴデザイン(PSD、AI、EPS)を示すためのエレガントなモックアップ(エレガントなロゴモックアップテンプレート-無料のPSD、AI、EPSダウンロード)
- 環境アイコンのセット(AI、SVG、PNG) (景品:環境アイコン(AI、SVG、PNG))
- 矢印の付いたアウトラインアイコンのセット (線矢印アイコン)
- 輸送および旅行のアイコン( 移動するためのアイコン)
- http://open-foundry.com/-無料のWebフォントを使用したサービス
- フォントのコレクション (フリーフォントと書体の種類)
- Olesia Romantic Calligraphic Font (無料ダウンロード:Olesia Font)
- 2016年2月のフォントコレクション (2016年2月から36の無料フォントを発見)
ニュース
- MITの開発により、Webページの読み込みが34%加速されます
- GoogleがGoogle Destinations Mobile Travel Planning Serviceを開始
- 匿名の4chanフォーラムの創設者は、Googleでストリーミングと写真サービスの仕事に就職しました
- FBI対Apple:米国大統領は、ハッキングからのスマートフォンの絶対的な保護に反対しました
- GoogleのAIはついにセドラに3回目の勝利を収め、外出を征服しました。 次の目標-スタークラフト
- GoogleがChrome Music Labプロジェクトを立ち上げ、ブラウザで直接音楽実験を作成
- 新しい世界地図は、国内ドメインの登録数を示します
- Eclipse Che IDEの最初のリリース 、 マイクロソフトがEclipse Foundationに参加
- Google SERPでは、19匹の動物の声を聞くことができます
- Googleはいくつかの方法でZikaウイルスと戦います
- Googleはブログを新しいドメインに移行します
おもしろい
- Facebookは貧弱です。 中国の農民とチリの鉱山労働者はソーシャルネットワークで何をするのか
- Mediumでのインタビューはどうですか
- アトラスの進化
- セルゲイ・ムラショフ(スラック):「私たちの資本は誇張されているかもしれませんが、それほど多くありません」
- ドメインの世界地図、すべてを逆さまにする
- Facebookから解雇されるとどう感じますか
- なぜマイクロソフトに低賃金の仕事を任せたのは、新鮮な空気の息吹だった
- ITの巨人が米国大統領候補のドナルドトランプとチームを組みました
- 世界で最も人気のあるプログラムが10億人のユーザーを獲得した速さ-インフォグラフィックス
- 新しいAndroid N機能の最も包括的な概要
- 上司がどこかに行ったときにプレイできる10のブラウザゲーム
- 広告ブロッカーの終わりのない物語(広告ブロッカーの終わりのない物語)
- Chrome Music Lab-音楽の生まれ方
入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。
先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。