ウェブ開発
- 50以上のベストブートストラップアドオン
- 最初に例とリンクを含むHTML6を見てください
- アクセシビリティ 障害のある人がYandexにアクセスできるようにする方法と、それを重要と考える理由
- SVG要素の変換 。 css-live.ruコミュニティによる SVG要素の変換の 記事の翻訳
- Yandexは、拡張機能を備えたSchema.orgの別バージョンを起動します
- ブラッドフロスト:アクセシビリティに関心がある理由
- SVG最適化の理解と手動による改善
- キャンバスを使用してInternet ExplorerのSVGスケーリングを修正する)
- アイコン化コンテンツ
- SVG 101-簡単な例を使用してテクノロジーの機能を示すSVGデモの選択
- viewBox属性を使用してSVG画像を演出するアート:How-To、Notes、Tips、およびCSSでviewBoxプロパティが必要な理由
- WordPressプラグインボイラープレートで開発をスピードアップ
- Vagrantの概要
- 静的サイトジェネレーターの概要
- フロントエンドフレームワーク:Bootstrapの開始
- Chromeがページを翻訳しないようにします
- ビジュアルレスポンシブレイアウトの自動テスト
- パフォーマンスのコスト
- ポリマー要素のメンバー関数にアクセスする方法
- Smashing Magazineの共同設立者および編集者であるVitaly Friedmanへのインタビュー
CSS
- 電子メールのレイアウトでのメディアクエリの使用:長所と短所
- 純粋なCSSで、汚れたHTMLなし
- ブレンディングモードを備えたシンプルなクロスブラウザテキストマスク 。 css-live.ruコミュニティによる ブレンドモード 翻訳を使用した 簡単なクロスブラウザーテキストマスク
- 改訂:訪問済み (再訪:訪問済み)
- CSSを使用して必須フィールドにスターを追加する
- グローバルCSSの終わり
- CSSカウンターとその使用例について
- Flexboxでナックルを作る (Flexboxで精巧になります)
- CSS mix-blend-modeプロパティの詳細(CSS mix-blend-modeプロパティの詳細)
- ビデオ:CSSのスケーラブルな背景
- 古いブラウザ用のSassユーティリティ ( 古いブラウザ用の Sassヘルパー)
- 2つの構文:Sass対SCSS (ビデオ:Sassの2つの構文 )
- フレックスボックスの実践ガイド:フレックスシュリンクを忘れないでください
- HTML5 Meterの使用とスタイル設定( HTML5 Meterの使用とスタイル設定)
- 好きなCSSアニメーションの例
- CodePenのCSSアニメーションの15の刺激的な例
- アニメーション化されたページ遷移
- 魔法のCSSビューポートユニットでスタイルシートを簡素化CSSビューポートユニットでスタイルシートを簡素化
- 知らないかもしれないCSSハック(知らないかもしれないCSSハック)
- 純粋なCSSコンテンツフィルター
- outlinecss-別のシンプルでクリーンな静的フレームワーク
- スタイルの拡張
Javascript
- ES6:
- ES6の詳細:イテレーターとfor-ofループ
- 今すぐES6モジュールを選択してください! (今日ES6モジュールを選択してください!)
- Mozillaの記事: ES6の詳細記事(ES6の詳細記事)
- CoffeeScriptからES6への移行( CoffeeScriptからES6への移行)
- JavaScriptの終わり?
- JavaScriptの真のハッシュマップ
- Spider:JSのエキサイティングな代替 (JavaScriptのエキサイティングな代替)
- JavaScriptアクセシビリティの失敗した実験からの教訓失敗したアクセシビリティの実験からの教訓
- T3-最小限のJSフレームワーク
- JavaScriptの「this」キーワードをマスターするための最終ステップ
- jQueryなしで強力なアプリケーションを作成するためのJavaScriptユーティリティ (JavaScript関数とヘルパー)
- JS依存関係:神話を破る進歩的な拡張機能の破壊(JavaScript依存関係の反発:神話を破る進歩的な拡張機能)
- 約束に問題があります
- Google CardboardとThree.jsを使用してWeb上で仮想現実を作成する ( Google CardboardとThree.jsを使用してVRをWebに持ち込む)
- Backbone.jsを使用する理由 (なぜBackbone.jsですか?)
- AngularJSテストのヒント:ディレクティブのテスト(AngularJSテストのヒント:ディレクティブのテスト)
- JSXは憎悪のように見える
- 心配を止めてReactに恋した方法(心配を止めてReactを愛することを学んだ方法)
- Max Harris:React + Meteorで2週間 (Max Harris:React + Meteorで2週間-Devshop SF March 2015)
- d-Threeact: Sift Science Consoleチームがどのようにしてd3を作成し、React the Best of Friendsにしたか
- Microsoft Edgeで優れたJSパフォーマンスを提供 ( Microsoft Edgeで高速JavaScriptパフォーマンスを提供)
- Webを壊すことのない高度なJavaScript
- グラフライブラリの比較 (JavaScript Grpahs)
- プラグイン
- conate.js-クールなアニメーションによるアイコン変換
- Viewport.js-高度なセクションスクロール用のライブラリ
- Animate Plusは、CSSのプロパティとSVGの属性をアニメーション化するのに役立つ強力なJSライブラリです。
- basicContext-サイトの使いやすいコンテキストメニュー
- PreViewTube :YouTubeサムネイルをアニメーション化するための小さなjQueryプラグイン
- 有名なエンジン -アニメーションおよびインターフェイス用の高性能JSライブラリ(WebGLを使用)
ブラウザ
- Chrome 43 Webブラウザーリリース
- Google Chromeに音声経由でリンクを送信するためのトーン拡張機能が導入されました
- Adblock PlusがAndroidモバイルブラウザを起動
- Firefoxは、閲覧履歴に基づいてブラウザユーザーにパートナーサイトを提供します
- Yandexの最小限のブラウザはベータテストに移行し、匿名のサーフィンモードになります
- Google Chromeを完全に放棄することにした理由
- Firefoxで44%の追跡保護が追加され、ページの読み込み時間が短縮されます
- Windows 10全体でアプリケーションをスクリプト化するためのChakraの使用
- Firefox 38の新機能 ( Firefox 38の新機能)
- Firefox Developer Edition 40の新機能:ネットワークアクティビティの監視、CSSルールのフィルタリングなど
興味深いデザインと機能を備えたサイト
- ウクライナの携帯電話会社のサイトの調査 (ネタバレ:すべてが悪い)
- ESPNは2009年以来初めてサイトを再設計しました—ここに4つのポイントがあります
- http://www.greenman.net/-手描きアニメーションの面白いテーマサイト
- lamourfou.be-滑らかな視差アニメーションを備えたサイト
- futuramo.com-アイコン専用の同じスタイルのウェブサイトサービス
- Less is More-非常に最小限のウェブサイトデザイン
設計
- 宇宙ミッションのために地球の旗を準備しました
- Facebookデザイナーが会社の仕事文化について語る
- Chrome向けGoogleハングアウトがマテリアルデザインを取得
- Adobe Illustratorのカスタムテキスト
- タイポグラフィのための特別な場所
- Creative Scene Image Generator (オンラインでの最初のScene Creator)
- ポリゴンWebデザインのモダンなタッチ
- すべてのデザイナーが知っておく必要がある3つの新しい画像形式
- 惑星地球の国際旗
- イラストレーター・ミシェル・ロモへのインタビュー(要点:ミシェル・ロモへのインタビュー)
- 「コンテキストは新しいジャンルです」
- 「モバイルファースト」がすでに時代遅れのアプローチである理由(「モバイルファースト」がすでに時代遅れである理由)
- Makerbook-クリエイティブな人々に役立つリソースの管理されたカタログ
- フォレストガンプとダムとシンプルの違い
- 光学調整
- Webデザインへの情熱を再燃させる方法
- アップルモーメント
- 最高のビンテージデザイン (レトロとビンテージデザイン-ベスト)
- 絶対タイムスタンプと相対タイムスタンプ:どちらを使用するか
- PhotoshopでRetinaを設計する最良の方法 (PhotoshopでRetinaを設計するより良い方法)
- electronicitems-アニメーションイラスト
- ハンバーガーアイコン:これら3行がどのように多くの人を混乱させるか
- アイコンデザインのワークフロー
- 古くからのハードドライブアイコン
- フォントは何かが真実であると私たちを納得させることができますか? (フォントは何かを真実と信じさせることができますか?)
- 視覚化コンセプトギャラリー
無料のデザイナーCookieのセレクション
- 海岸の無料写真
- 夏のデザインのクリップアートセット
- 無料のOfficeテーマのアイコンセット
- ウッドテクスチャ(3ベクトルウッドテクスチャ)
- マテリアルデザインスタイルのPSDテンプレートとUI (トップ10無料マテリアルデザインPSDテンプレートとUIキット)
- Samurai Vector Logo(サムライフリーロゴ)
- Uisurfの面白いカラフルなアイコン ( Uisurfによる 40の無料の幸せそうなアイコンをダウンロード)
- 水泳とプールのアイコン(50無料のプールアイコン)
- FiraCode-ソフトウェア合字を含む等幅フォント
ニュース
- Googleは「モノのインターネット」向けのBrilloプラットフォームを開発しています 。 ファーウェイも 。 そしてIntel
- ファーウェイは、接続されたデバイス用に10キロバイトのオペレーティングシステムをリリースしました
- 今年の初めから、モノのインターネットセクターは148億ドルの投資を集めています。
- YouTubeは、ライブブロードキャスト用に60フレーム/秒でHTML5およびビデオのサポートを実装しました
- Yandexは登録なしでモバイル決済サービスを開始しました
- YandexがWebmasterサービスの新しいバージョンを開始
- NASAはフリーソフトウェアカタログをリリースしました
- Googleは音声を使用してリンクを交換することを許可しました
- Microsoftは、コードWCFライブラリ(Windows Communication Foundation)を開きました
- Mozilla Firefox OSデバイス認定イニシアチブ
- Meizu MX4 Ubuntu Editionは290ドルの値札を受けて発売されました
おもしろい
- 人工知能を定義する8つの明白な方法
- 映画の人工知能:10の鮮やかな例
- 最初のYouTubeビデオは何でしたか
- 最初のサンクトペテルブルクomicon
- フェスティバルComic Con Saint Petersburg 2015のフォトレポート
- イーロン・マスクは、火星に生命を吹き込みたい
- 中程度のベスト:生産性のヒントを使ってみる
- 「私はこれを決して要求しませんでした」:手の人工装具は思考の力によって制御され、Deus Exから脱出したように見えます
入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。
先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。