
ウェブ開発 |
CSS |
Javascript |
ブラウザ |
設計 |
ニュース |
おもしろい |
ウェブ開発
JavaScriptに移行するWordPressについて知っておくべき6つのこと
Flash、Animate CC、およびWeb標準の「死」に関するいくつかの言葉
- テクニカルSEO 2015:サイトをオーガニック検索に適合させます
- 静的速度の動的サイト:サイトをキャッシュする技術
- サイトのリソースのロードを高速化します:preconnect、prefetch、prerender、preloading ...
- Sketch and Atomic Designを使用したサイトレイアウト
今日のWebでできること (Webでできること)
ビデオ: HTML5の世界でドキュメントの概要を記憶する
Flash、HTML5 、およびオープンWeb標準
メタデータマークアップ
「メーター」 (パスワード強度) メーターでパスワードの強度を表示する
2016年のフロントエンド会議のガイド
Service Workerによる重大な障害点保険 (Service Workerを使用した単一障害点の削減)
フォームのネイティブスライダーのスタイルとスクリプト (スタイリングとスクリプトスライダー)
WebPageTestを使用してChromeのパフォーマンスに取り組む
視覚回帰テストを自動化する方法
HTML5マスター:スコーピングルール
tq -CSSセレクターを使用してHTML要素を選択するためのコマンドラインユーティリティ
- SVG:
- クロスブラウザーSVGアイコンを実装する方法
SVGの崩壊と台頭
SVGフォント選択プロパティ
Adobe Illustrator CCはSVGエクスポートを完全に更新し、Webおよびモバイルデバイス向けに最適化しました
- 壮大なウェブ:
このUIコンセプトをコーディングできますか? (このUIコンセプトをコーディングできますか?)
- CSS / SVG / JS#15の美しいエフェクトの毎週の選択
HTML5 / WebGLに基づいたGoo Engineのインタラクティブデモ
CSS
CSSアニメーションを使用したハードウェアアクセラレーションの概要
真剣に、アイコンのフォントを使用してください。 (真剣に、アイコンフォントを使用します)。 真剣に、アイコンフォントを使用しないで 、最近の記事に返信します。
Flexbox Froggy-楽しいコンセプトでフレックスボックスモデルを探索するためのインタラクティブなゲーム
Webpackを使用したSASSビルドの高速化 (Webpackを使用したSASSビルドの高速化)
SGridビュー:スタイラスとFlexboxベースのメッシュ(sGridの紹介:スタイラスベースのFlexboxグリッドシステム)
ブランドをアニメーション化する
calcを始めよう() (CSS calcを始めよう())
ソリッド -BuzzFeedのCSSスタイルガイド
Visual StudioによるCSS前処理
Flexbox上のグリッドの繊細さ (Flexbox Grid Finesse)
Chrome Canaryで使用可能なCSSフォント表示プロパティ
JavaScriptなしで製品画像領域を拡大するためのCSS (CSS製品倍率-JavaScriptなし)
SCSSおよびJadeによるホバー拡大効果
Javascript
JavaScriptのデスクトップアプリケーション。 パート1
JavaScriptの機能パフォーマンス測定
- RadioJsポッドキャスト、問題33 :逆さまのデータベース
簡略化された用語JS Jargon
最新のJSツールとその背後にあるストーリー
依存関係のないJavaScriptでのオブジェクトのディープクローニング
2015年のWebを超えたJavaScript
人間が読むことができるコードを書くことの重要性(人間が読むことができるコードを書くことの重要性)
Babel 6の構成( Babel 6の構成)
JavaScriptでバックグラウンドタスクをスケジュールする方法
Battery Status APIを使用して開発を最適化する
Anders Ramsayから最初のMeteorアプリを構築するためのヒント ( 最初のMeteorアプリを構築するためのヒント -Anders Ramsay)
IrssiからのWebプッシュ通知 ( Irssiからの Webプッシュ通知)
ClojureScriptの概要
- ES6:
- フレームワーク
ユニバーサル反応
React、Redux、およびImmutable.jsを使用してTodoアプリを構築する方法(React、Redux、およびImmutable.jsを使用してTodoアプリを構築する方法)
React Progress 2 -YouTubeスタイルのReact Progress Indicator
BugsnagのフロントエンドをReactに移動(BugsnagのフロントエンドをReactに移動)
試薬 -Reactコンポーネントをテストするためのユーティリティ
Angular2シリーズ-テンプレートの構文
通常のスケーラブルなAngularアプリケーションの作成は簡単ではありませんが、可能です。 PayPal Checkoutの使用中に学んだ教訓。 (健全でスケーラブルなAngularアプリはトリッキーですが、不可能ではありません。PayPalCheckoutから学んだ教訓。)
- プラグイン
Lea Verouの新しいBlissライブラリ。VanillaJSの執筆ファンを喜ばせます。
Labella.js-タグは美しくなければなりません
Split.js-共有パネルを作成するためのユーティリティ
Jump.js-非常にスムーズなスクロール
AutoAnimations -CSSアニメーションを持たない、挿入および削除されたすべてのDOM要素の自動アニメーション
HighwayJS-依存関係のないローミング用のライブラリ
dreamjs-軽量JSONデータジェネレーター
booking.js-数分で素敵な予約ウィジェットを作成
ブラウザ
- MicrosoftはJavaScriptブラウザーエンジンEdgeのオープンを発表しました
- Chrome for Androidでトラフィックを節約すると、70%に達することができます
- マルチプロセスFirefox Electrolysisは今年リリースされません
- MozillaはFirefoxのスタートページに広告を表示しなくなります
- Chrome Webブラウザリリース47
Chrome 47の WebRTCの機能強化(Chrome 47には、いくつかの重要なWebRTCの機能強化と更新が含まれています)
12個の Chrome拡張機能で新しいタブごとに動機付け
ブラウザトレンド2015年12月:Firefoxの未来への闘い(ブラウザトレンド2015年12月:Firefoxの未来のための戦い)
- サンフランシスコの開発者が過去20年間にWeb Surf Emulatorを作成しました
設計
EコマースWebデザインの新機能 (EコマースWebデザインの最新情報)
- Webデザインの非定型レイアウトの例
クールなブランディング製品の準備 (優れたブランディング配信の作成)
Refinery29.comのアプリケーションの設計方法 ( Refinery29.comの適用方法)
Pantoneは2016年の2つの色を発表します
2015年の10の大きなWebデザイントレンド( 2015年の10の大きなWebデザイントレンド)
iPadで実際のデザイン作業を行う
100Spher.es-仮想現実の実験
- Webデザイナーツール:
Flash Professionalの新時代であるAdobe Animate CCを歓迎します
AdobeはPhtotoshop 2015.1のアップデートをリリースしました(AdobeはPhotoshopの最大のアップデートをリリースします)
- Adobe Creative Cloudがシミュレーションアプリを導入
- SketchがMac App Storeを離れるのはなぜですか?
- シルバー:Sketch 3の軽量モバイルプロトタイピング
Sync Sketchプラグイン -チーム作業中の同期用プラグイン
- Sketch、Webアプリケーション、Android StudioプラグインにSympliプラグインを使用する方法
最適なプロトタイピングツールの選択
- タイポグラフィ:
なぜプロキシマノヴァはどこにでもあるのですか? (なぜプロキシマノヴァはどこにでもある)
タイポグラフィで表現力を高める
人々はタイポグラフィを使用する必要がある:非ラテン系タイプデザイナーのエリン・マクラフリンとのインタビュー
- UI / UX:
2016年のUXの状態 ( 2016年のUXの状態)
UIデザインの色とコントラスト(ユーザーインターフェイスデザインの色とコントラスト)
SketchがUIデザイナーの親友である理由
UXデザイナーの成功から決して聞くことのない4つのこと
インタビュー:Urooj Qureshi、UX Designerおよび123ContactFormの所有者 (インタビュー:Urooj Qureshi、UX Designer&Product Owner at 123ContactForm)
- 教訓:
- Pixateでフィットネスアプリのプロトタイプを作成します
- Adobe Illustratorで丸いグリッドでフクロウを描く
Adobe Illustratorでウィンターハウスのイラストを作成する
60秒後のPhotoshop:スマートオブジェクト (60秒後のPhotoshop:スマートオブジェクト)
MarvelとSketchを使用したプロトタイピング:パート1/2 (MarvelとSketchを使用したプロトタイピング:パート1/2)
無料のデザイナーCookieのセレクション
- ベクトルの年賀状
- ベクトルのクリスマス飾り
新しい年の16のカレンダーモックアップテンプレート
音楽をテーマにしたベクターグラフィックキット (22+最高の無料の音楽ベクターグラフィックデザイン)
金曜日の景品-クリスマス版
マテリアルデザインのモックアップアプリ (無料のマテリアルデザインアプリモックアップPSDを入手)
クリスマス&冬のアイコンセット(AI、EPS、SVG&PNG)(無料のクリスマス&冬のアイコンセット(AI、EPS、SVG&PNG))
200を超える美しいアイコンセット (200以上のすばらしい無料アイコンセット)
デザイナー向けの35以上のフォント ( デザイナー向けの35以上の便利な無料グリッドフォント)
ニュース
- アドビはFlashではなくHTML5のサポートに焦点を合わせました
- ロシアのユーザーはRutracker.orgにアクセスできません:ブロックからの「市民防衛演習」が開始されました
- YouTubeは、人気の映画やテレビ番組の放送を開始する場合があります
- MozillaはThunderbirdの開発を放棄したい
- メディアは、ヤフーの経営陣が同社のインターネット事業を売却する計画について報道した。
- WSJ:YouTubeは人気の映画やテレビ番組を放映します
- Google画像は今後の表示用に画像を保存できるようになりました
- Windows 10の市場シェアは9%に達しました
- ビル・ゲイツはグリーンエネルギーに数十億ドルを投資できます
- AppleはSwift言語のソースコードを公開しました
- PHP 7.0プログラミング言語リリース
- マーク・ザッカーバーグは、450億ドル相当のFacebookシェアの99%を慈善団体に譲渡すると約束した
おもしろい
- Dreamhack Winterの結果、サイバーテレビチャンネルの開始、eスポーツウィークのその他のニュース
- 57の無料12月オンラインプログラミング、設計、および管理コース
- OLEDスクリーン。 昨日、今日、明日
- ガジェットに本当の割引はありますか、AliExpressは何をもたらしますか?
- USBの簡単な歴史:前任者と競合する敗者
- Microsoft、Facebook、LinkedIn、Amazonなどの創設者はクリーンエネルギーに投資しています。
- ITISH FELLERSは経験を共有します
- マーク・ザッカーバーグは、Facebookの共有の99%がどこに向けられるかを説明しました
- 仕事に集中する15の方法。その有効性は科学研究によって証明されています
Googleはサンタクロースを追跡します (Googleはサンタの技術を借りてそりを追跡します)
入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。
先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。