
ウェブ開発 |
|
|
ブラウザ |
設計 |
無料のクッキー |
ニュース |
おもしろい |
ウェブ開発
2Mb Webページ-誰が責任を負うのか?
ファビコン、タッチアイコン、タイルアイコンなど
- CodeFest 2015でのBEM
- 5月4日のミンスクでのフロントMeetupの資料
- RadioJsポッドキャスト、問題24 。 アンドリュー・シトニク、PostCSSの著者、名誉講演者、邪悪な火星人のフロントエンド、が訪問しました。
- RadioJs Podcast、Issue 25 :JSCS、ユニットカバレッジ、BEViSの著者であるMarat Dulinが、彼のプロジェクトのストーリーを語り、彼の計画を共有します。
Bower-総合ガイド#1
SEOを妨害する可能性のある5つの罪のない慣行)
フィルター可能な製品グリッド
Phaserで最初のHTML5ゲームを作成する(Phaserで最初のHTML5ゲームを作成する)
thenetawardsによる2015年のベストWeb開発者トップ10
2015年のデザインポートフォリオのトップ10
SVG clipPathによるカード拡張効果
モバイルデバイスのフォームのテキストフィールドのすべての自動補完をオフにします( モバイルデバイスの HTML入力自動修正をオフにします)
ShinyText -Googleのテキストの異常な視覚効果
Chrome DevToolsを使用してjsconf.euサイトのプロファイルを作成する
レスポンシブ画像がUいとき
WebでSVGを使用するための実践ガイド ( Webでの SVG-実践ガイド)
ブートカード-Twitter、Google(Plus、Now)、Spotify、Pinterest、Amazonで使用される「カード」(カード)の概念に重点を置いたUIフレームワーク
HTMLを使用したメディアプレーヤーの作成 ( HTMLを使用したメディアプレーヤーの構築)
CSS
- CSSセレクターの将来の世代:レベル4
- レイアウト手法:BEM、AMCSS、OOCSS、Atomic CSS、OPOR、MCSS、SMACSS、FUN、DoCSSa(Elizaveta SelivanovaおよびIrina Levina)
Sassマップを使用したレスポンシブタイポグラフィ
今日は円錐形のグラデーション! -CSS Conic-gradient() Lea Verouによるポリフィル
CSSを使用したアクセス可能な脚注
PurifyCSSは、未使用のCSSを取り除くツールです。 JSスタイリングでも動作します
良いCSSを書く
5分でSass機能をテストする
すべてのWeb開発者がCSSについて知っておくべき5つのこと
プレゼンテーション「動きましょう!」 CSSConf Australia 2015によるBenjamin De Cock著
3つの最新ツールがFlexboxグリッドを使用する方法
Sass Frameworkのテストの作成
Envato Market Styleguide ( Envato Market Styleguideへようこそ)
GradifyCSS-画像内の原色を検出し、スケーラブルなCSSグラデーションを作成するモジュール
Javascript
- ES6(ECMAScript 2015):
ECMAScript 2015仕様が承認され 、 ECMAScript 2015公式リリース
ES6の探索:ES6の無料ダイブブック
JavaScript:ES6イントロ
ES6の詳細 :コレクション(ES6の詳細:コレクション)
JavaScript ES6 Destructuringの開始( JavaScript ES6 Destructuringの開始)
ECMAScript 2015の機能的不純物(ECMAScript 2015の機能的混合物)
- WebAssembly:
Google、Microsoft、Mozillaなどが協力して、Web用の新しいバイナリ形式であるWebAssemblyを立ち上げました
JavaScript作成者Eichの最新プロジェクト:KILL JAVASCRIPT
Brendan EichによるASM.JSからWebAssemblyへ( Brendan EichによるASM.JSからWebAssemblyへ)
WebAssembly: Web用のバイナリ形式
WebAssemblyとは何ですか? (WebAssemblyとは?)
プロトタイプはオブジェクトです(そしてそれが重要な理由)
JavaScriptの不変性
- FrontflipポッドキャストNo. 13 :Ember 2.0。 アンドレイ・リストチキン
- パターン「モジュール」
- Node.jsおよびio.jsはLinux Foundationと提携しました
プレゼンテーション:JavaScriptの知識レベルを上げる( JavaScriptでのレベルアップ)
javascript.com-学習ポータル
優れたJavaScript開発者になる方法
JSアニメーションの概要 (JavaScriptアニメーションの紹介 )
Node.jsおよびnode-mysql JavaScriptクライアントでMySQLを使用する
ユニバーサルJavaScript
AngularJSアプリケーションのユニットテスト
JSとGoogle Cartboardを使用したフィルター (JavaScriptとGoogle Cardboardによる現実のフィルタリング)
- プラグイン
Animate Plusは、CSSプロパティとSVG属性のアニメーション化に役立つ強力なJSライブラリです。
無限リスト -無限スクロールを実装していますか? 60fpsでの作業
ギターチューナー
Dokker.js -JSコードのドキュメント
Dynamics.js-アニメーションで「物理」を作成するためのライブラリ
KinWin.js -DOMを操作するための最小限のライブラリ
マーク[lib-選択をシリアル化するためのライブラリ
Verlet.jsの概要( Verlet.jsの概要)
Babylon.jsの新機能 (Babylon.jsの新機能?)
jQuery.profanityFilter-クライアントの冒fan的なフィルター
svg2d3 -SVGからd3.jsコードへのコンバーター
OzPlayer-最初の完全にアクセス可能なビデオプレーヤー
Quttons-質問のあるボタン
ブラウザ
html5accessibility.com-ブラウザでのアクセシビリティサポートの現在の状態
favicon-bug -1ギガバイトのファビコンWebサイトアイコンのバグ
- ChromeおよびFirefoxのファビコンの脆弱性
- Firefoxを最も安全なブラウザにする方法
- Mac向けChromeは最適化され、リソースをより効率的に使用するようになりました
- GoogleはChromiumに独自コードを導入しました
Safari 9:Web開発者が知る必要があるすべて
興味深いデザインと機能を備えたサイト
最小限のデザインのサイトの25の新鮮な例
水彩絵の具を使用したサイト
frontporch.io-インタラクティブな背景と興味深いホバー効果を囲む
paulineosmont.com-興味深いアニメーションの例のあるサイト
http://www.habib-fadel.com-非標準の視覚効果を持つサイト
huskditkryds.dk-概念設計を備えたインタラクティブなサイト
boscoalto.com-スライドページ間の移行がクールなサイト
scarlet.macaw.co-かわいい3Dアニメーション
spotify - tasterewind.com-同形効果
設計
8つの一般的な設計ミス(およびそれらを回避する方法)
マテリアルデザインとリファレンスアプリケーションの例の検索
- Kill Comic Sans:23のシンプルなデザインゲーム
- Photoshop CC 2015には、インターフェイス設計のモードが導入されています
- インターコム副社長:インターネット業界全体がカードインターフェイスに切り替えます
- フォントマンがQuoraロゴの再設計プロセスについて語る
- 悪いUXはいつ有効になりますか?
デザイナー向けゲーム
インターフェイスの最適なアニメーション時間はどれくらいですか? (アニメーションインターフェースの最適な持続時間は?)
Photoshopで高度なアニメーションを作成 (Photoshopで高度なアニメーションを作成 )
タイポグラフィは言葉以上に語る
7つのUXエキスパートが最も厄介なユーザビリティの間違いを共有(7 UXpertsは最も厄介なユーザビリティの間違いを共有)
UIデザインで可能なことと不可能なこと-Appleから (UI Design Dos and Dont's)
UXを忘れてください。 コンバージョン中心のデザインに焦点を当てる方法(UXを忘れてください。コンバージョン中心のデザインに焦点を当てる方法)
フォームテキストデザイントレンド(フォーム入力デザイントレンド)
NASAスタイルガイド
Googleはイスラム教徒向けのマテリアルデザインウェブサイトを立ち上げました)
ミーアキャットのデザインについて (内部デザイン:ミーアキャット)
設計モーメントを作成するプロセス (設計モーメント)
Apple Watchの設計に関する 11のヒント(Apple Watch向けアプリの設計に関する11のヒント)
今後の7つのWebデザインのトレンド
幾何学的設計:結び目と波 (幾何学的設計:結び目と織り)
Pixels Huhのシーンに没頭する ( Pixels Huhのシーンに没頭する)
アプリケーションのプロトタイプ作成:Facebook Origamiの開始(App Prototyping:Getting Started with Facebook Origami)
Pixatチュートリアル:プルして更新するスクロール方向に基づくアニメーション
Adobe Photoshopで詳細なイラストのシームレスパターンを作成する
Photoshopレイヤーカンプによるプロトタイピング( Photoshopレイヤーカンプによるプロトタイピング)
Photoshop CC 2015の改善(Photoshop CC 2015の改善)
Photoshopのエクスポートオプションの紹介Photoshop のエクスポート機能の新しいオプションの紹介
Photoshop CC 2015はSketchをコピーしていますが、それは良いことです)
データを使用した設計
Adobe IllustratorでチームAwesome Mascotをベクター化する方法
文字「M」を設計する77の方法
Muokkaaによるボリュームタイポグラフィ(Muokkaaによる次元タイポグラフィ)
無料のデザイナーCookieのセレクション
Adobe Illustrator用ブラシ付きセット(27+セットの無料Adobe Illustratorスプラッタブラシとベクター)
印刷効果のあるテクスチャ (10個の無料ハーフトーン&不良テクスチャパック)
インスピレーションのための 20以上のシームレステクスチャ ( インスピレーションのための 20以上の無料のシームレスな背景テクスチャ)
オンラインストアのアイコン (景品:40のeコマースベクトルアイコン)
Six Logo Badges(6 つのロゴバッジの景品)
オンラインストアのアイコン(Eコマースのアイコン(景品))
AI、CSH、PNG、PSD、スケッチ、SVG形式のアダプティブスポーツアイコン (景品:レスポンシブスポーツアイコンセット(40×4アイコン、AI、CSH、PNG、PSD、スケッチ、SVG))
ソーシャルメディアのアイコンを含む12個以上の手動選択パッケージ (14個の手摘み、無料のソーシャルアイコンパック)
ウェブサイトアイコンセット(FREEBIE:36 Free Website Icons)
ダウンロードする素晴らしい幾何学的フォント(ダウンロードする20の豪華な無料の幾何学的フォント)
シュミ-装飾的なサンセリフフォント (シュミフリーフォント)
Phage-Sans Serifフォント (Phage-フリーフォント)
ニュース
- GoogleがモバイルSERPの結果でラベルの読み込みが遅いことをテスト
- Skype for Webベータ版は誰でも利用可能
- AlibabaはNetflixを開始します
- YouTubeが目撃者の動画を宣伝するためにYouTubeチャンネルNewswireを開始
- Stephen Elopと他の多くのトップマネージャーがマイクロソフトを辞任
- Google、Mozilla、Microsoftは新しいインターネットに取り組んでおり、サイトは20倍高速に動作します(WebAssembly)
- MicrosoftはWindows 10を無料で入手する新しい方法を提案しました
- Amazonドローンは1年以内に出荷を開始
- Financial Timesによると、Arkady VolozhはヨーロッパのIT起業家のランキングで4位になりました。
- Redditはすべてのトラフィックを暗号化します
- Yandexはサードパーティの投資家を惹きつけ、トルコでのプロジェクトを開発します
おもしろい
- 木からオブジェクトを印刷するように教えられた3Dプリンター
- 7 AppleファンがApple Watchを放棄
- 指数関数的に50年:ムーアのトランジスタ革命
- Mac OSとWindowsのキーボードショートカットが異なる理由
- スティーブ・ジョブズが嫌な奴だった理由と若いCEOがそれをコピーする必要がない理由-元Apple従業員の告白
- トランジスタとマイクロプロセッサの寿命から見た8つの驚くべき数字
- Electronic Entertainment Expo 2015の結果:ゲーマーの楽園
入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。
先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。