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