ウェブ開発 |
|
|
ブラウザ |
設計 |
無料のクッキー |
ニュース |
おもしろい |
ウェブ開発
- BEMを愛することを学ぶ
- SVG:
- 例付きのSVG形状の輪郭のアニメーション。 stroke-dasharrayとstroke-dashoffsetを使用した「描画」の効果。
- ReactでSVGアイコンを作成 ( ReactでSVGアイコンを構築)
- px2svg-ラスターイメージをSVGに変換するためのツール
- SVGアニメーションの現状
- SVGの仕組みに関する簡単なガイド
- GSAPを使用したアニメーションSVG
- Webサイト用のクールなモバイルメニューの作成 (Webサイト用の優れたモバイルメニューの構築)
- Webデザイナーと開発者向けの無料の本50冊
- 子供向けWeb開発 :Tuts + Townへようこそ(子供向けWeb Design:Tuts + Townへようこそ!)
- 12の時間節約ブートストラップの例(12の時間節約ブートストラップの例)
- 10の最も一般的なブートストラップの間違いエラー
- メディアクエリを使用しないレスポンシブメールの作成( メディアクエリを使用しない未来対応のレスポンシブメールの作成)
- レスポンシブ画像101、パート8:CSS画像(レスポンシブ画像101、パート8:CSS画像)
- HTML5クリップボードサポート(HTML5クリップボードサポート)
- Webでのコピーと貼り付け(Copy&Paste&The Web)
- CSSフィルターとVibrant.jsを使用した色抽出効果
- アクセシビリティに関するチートシート
- Web開発者がCSSに対抗するための呼び出し(Web開発者がCSSを非推奨にするための呼び出し)
- 流星の開発の改善 (足場と自動フォーム生成で流星の開発を高速化する方法)
- Power Surge-Firefox Developer Editionを使用してこのHTML5ゲームのJavaScriptを最適化します (Power Surge-Firefox Developer Editionを使用してこのHTML5ゲームのJavaScriptを最適化します)
- Vitaliy Fridman のレポート「Improving Web Fonts Performance」のスライド
- 「ページ読み込みの過給」 -ジャックアーチボルドがGoogle Developersで、Service Workerがどのようにページ読み込み速度を最適化するのかを説明します
CSS
- フレックスボックスが全能ではない場合、またはCSSのダークサイドを驚かす
- あなたの知識をテストするための15の CSS質問
- FlexboxでWebサイトを作成 (Flexbox Webサイトの構築)
- CSSを使用してすべてのツールチップを作成する (すべてのCSSツールチップを実装する)
- 最高のCSSリセットスタイルシート
- ウィンドウ効果でのCSSのみの雨滴
- content-boxとborder-boxの違いを説明するCodePenの面白いツール。
- 古いブラウザで最新のCSSを使用する4つの方法
- ミットロムニーWebフォントの問題
- 知っておくべき新しいCSSのトリックとスニペット
- 「断片」の作成:CSSクリップパスを使用したインタラクティブな展示の設計(CSSクリップパスの使用 )
- Silon-純粋なCSS論理ゲートとコンバイナ
- Sassマップの色( Sassマップの色)
- Sass MixとMedia Merging(Sass MixinとMedia Merging)
- Bootstrap Sassのインストールと設定 (Bootstrap Sassのインストールとカスタマイズ)
Javascript
- jQueryは有害と見なされます
- 完璧なJavaScriptフレームワークを見つける
- AngularJS vs Backbone.js vs Ember.js
- ポッドキャストradioJS、問題23:野菜を食べる、マトリョーシカに書く
- 機能的アプローチによるJS最適化
- V8 JavaScriptエンジンがV8と呼ばれるのはなぜですか?
- ES6の詳細:矢印機能
- EaselJSでWebゲームを開発する方法
- なぜAngular 2が操縦するのですか? (Angular 2 Rockを使用する理由)
- フロントエンド開発者がMeteorを学ぼうとする理由
- チョーク付きJavaScriptコード (JavaScript Code Smells)
- 7つのコアJS関数 (7つの必須JavaScript関数)
- ES6 Promisesの概要- コールバック地獄を回避するために必要な4つの機能 ( コールバック地獄を回避するために必要な4つの機能 )
- De Stijl:var、let、およびconstはどのくらい必要ですか? (De Stijl:var、let、およびconstはどのくらい必要ですか?)
- BabelとBrowserifyを使用してES6でプロジェクトを設定する(BabelとBrowserifyを使用してES6プロジェクトを設定する)
- なぜバベルが重要(なぜバベルが重要)
- JavaScript ES7の関数バインド構文(JavaScript ES7関数バインド構文)
- JSON API 1.0
- 今後12か月間のJavaScriptの予測
- ブラウザで音楽を作成する-Web MIDI API
- ReactJSは非常に高速ですか? (ReactJSは本当に高速ですか?)
- Ember.jsの概要( Ember.jsの概要)
- 8つの最も一般的なEmber.js開発者の間違い
- スプレッドシートとシンプルなデータテーブルを実装するためのオープンソースプラグイン (JavaScriptオープンソーススプレッドシートとデータグリッド)
- Angular.jsアプリを拡張する15のディレクティブ
- 縮小不可能な角度コードの検出
- Angular.jsでのPolymer Webコンポーネントの使用( Angular.jsでの Polymer WebComponentsの使用)
- J2C -CSSのJSオブジェクトのコンパイラ
- console.message-フォーマットのサポートとスタイルの使用により、コンソールの機能を拡張します
- Project EON-リアルタイムのデータ更新を備えたダッシュボード
- Vectoriousの紹介( Vectoriousの紹介)
- Knwl.js-自然言語用のJSパーサー
- TransloadItの開始方法-重要な概念
ブラウザ
- Operaブラウザー、そのモードおよびエンジン
- Firefox Developer Edition 40の新しいパフォーマンスツール(Firefox Developer Edition 40の新しいパフォーマンスツール)
- ブラウザの動向2015年6月:2位争い
- Chromeはサイト上の「過剰な」Flashコンテンツをスマートにブロックすることを教えました
- リーダーモードとPocketサービスをサポートするFirefox 38.0.5リリース
- Google Chrome v44は、ユーザーアクションの詳細を調査します
- Google Chromeはガジェットを保存することを学びました
- GoogleがChromeでNow On Tapコンテキストテストを開始
- Web開発者向けの25の便利なChrome拡張機能
- ビデオ:エッジレンダリングエンジンがWebを機能させる
- ビデオ:ITプロフェッショナル向けのMicrosoft EdgeおよびIE11
- なぜエッジなのか?
興味深いデザインと機能を備えたサイト
- theboat-嵐の中のインタラクティブなサイト
- andtonandirene.com-デザイナーの楽しくスタイリッシュなポートフォリオ
- onthegrid.city-グリッドと動的列
- brand.uber.com-背景ビデオ、アニメーション、カスタムレイアウトをシームレスに組み合わせたモダンなウェブサイト
- antonandirene.com-楽しいデザインと興味深い効果のある垂直スクロールサイト
- winshipwealth.com-興味深いアニメーションの別の垂直サイト
- carsandcoffee.it-素敵なアニメーションコンテンツのアップロードが可能な自動車サイト
- 舞台デザイン+テレビ
- feedmusic.com-アニメーションの背景があり、ページの奥にスクロールするサイト
- スクロールアニメーションがたくさんあるスクータープレゼンテーションサイト
- neiouma.com/versailles-興味深いスクロールアニメーションのある別のサイト
- デニスインタラクティブミュージックビデオ
- クールな水平スクロールサイト
設計
- MicrosoftはWindows 10でアイコンを更新しました
- 汚れのテクスチャを使用してPhotoshopのブラシを作成する
- 雑誌のタイポグラフィのクールな例
- フォントライブラリ -Googleフォントのタグ
- あなたのデザインはモバイル機器にどれくらい優しいですか? これへの12のヒント (デザインはモバイルフレンドリーか?12のヒントに従う)
- Googleが最終的にデザインを手に入れた方法(Googleが最終的にデザインを手に入れた方法)
- Material DesignはAppleにとって致命的な打撃になりましたか? (マテリアルデザインはAppleのデスブローですか?)
- マテリアルデザイン:フローティングアクションボタンが悪いUXデザインである理由
- 鏡像パートI (鏡像パートI)
- Awesomeチームのキャラクターをデザインして描く(Team Awesomeのマスコットをデザインして描く)
- 最新のスプラッシュページを使用したWebデザインの例 ( 最新のスプラッシュページを使用したWebデザインのショーケース)
- 3つのプロトタイピングツールの比較: Invision、Marvel、およびJustinmind (3つのプロトタイピングツールの比較:Invision、Marvel、およびJustinmind)
- 優れたWebデザインに50ドルの費用がかからない理由
- フレーマーによるプロトタイピング
- UXはUI (UXはUI)
- アーキテクチャの視覚化
- (Re)design Hype ( (Re)design Hype)
- 基調アニメーション実験 (KEYNOTE MOTION GRAPHIC EXPERIMENT)
- Chrome for Androidの再設計。 パート1 (Chrome for Androidの再設計。 パート1 )
- 読書よりも認識のためのUIを作成する
- 新しいTwitterプロファイルの設計
- ユーザーがアクションバーに配置されたフォームボタンを見逃す理由
- インターフェイスのテキスト:人間向けコード (インターフェイスの作成:人間向けコード)
- 光学アライメントなしの再生ボタン (PLAYボタンは光学アライメントではありません)
- 最新のデザインツール:アダプティブレイアウト
- デジタルドローイングとデジタルペインティング:違いとは何か、なぜそれを知っておくべきか
- モバイルでの履歴のナビゲート
- Adobe Photoshopで破壊された都市の写実的なシーンを作成します( Adobe Photoshopで都市破壊シーンの写真操作を作成します)
- Adobe Illustratorでカラフルな木製アーティストのパレットを作成する
- ポールランド 7 ステップロゴテスト (7ステップポールランドロゴテスト)
- ロサンゼルスでの2024年オリンピックの新しいロゴとアイデンティティ (REによるLA 2024オリンピック入札都市の新しいロゴとアイデンティティ:We Bid you Farewell)
- 効果的なロゴデザイン、パート1:シンボル、メタファー、直観力
- 2015年5月のTypewolfのお気に入りのサイトの背景の表記上の詳細
無料のデザイナーCookieのセレクション
- 無料の夏のアイコン
- One Hundred and One Best Font (101最高の無料ロゴフォント)
- 10個のスケッチプラグイン(デザイナーと開発者向けの10個の無料スケッチアプリプラグイン)
- 金属と錆のテクスチャと画像 (無料の高解像度の金属と錆の背景テクスチャと画像)
- PhotoshopおよびSketch用のDO UIキット (無料ダウンロード:250以上のコンポーネントを含むDO UIキット)
- PSD形式のダッシュボードUIテンプレート(20以上の無料のダッシュボードUI PSDテンプレート)
- フリーライティングアイコン )
- 2015年5月の 22個のフリーフォント(22個の素晴らしいフリーフォント-2015年5月版)
ニュース
- Computex 2015:
- Computex 2015で発表された最高のハードウェア
- Computex 2015の新しいクレイジーコンピューター
- Tom's HardwareによるComputexで最高
- Computex2015。BestChoise Awards 2015-最高のガジェットを備えたスタンドからのビデオ
- 展示会の一部の企業: OCZ 、 AMD 、 Asus 、 Acer 、 Transcend 、 Genius 、 MSI
- 最大300 MB / sの読み取り速度の512 GB microSDメモリカード
- Yandexは音楽サービスRadioを開始しました
- Windows 10の最終バージョンは7月29日に世界を見る
- Satya Nadellaは最も影響力のあるITリーダーとして認められています
- YandexはストリーミングサービスRadioを開始しました
- Pinterestが購入ピンを発売
- GoogleはMicro-Momentsプロジェクトを開始し、 ユーザーデータのプライバシーとセキュリティを制御する新しいツールもリリースしました
- Snapchatの価値は160億ドル
- Yahooは6月末にカードを閉鎖する
- YouTubeはアーティストに最も愛されている場所とコンサートの場所を伝え始めました
- マイクロソフト、Wunderlist Task Manager Developerを買収-WSJ
- 11月にゲーム機SteamをリリースするValve
おもしろい
- Google ATAP-最もクレイジーな部門の新機能
- Magic Leap-仮想現実デバイスの別の見方
- Windows 10は世界のPC市場の成長を助けません
- Google Project Loon:自動開始システムとWebトラフィックを送信するための新しいスキーム
- Googleとリーバイスはチームを組んでインタラクティブな衣服を作成しました
- Google I / O 2015:トレイルホット
- ウェアラブル電子機器。 5月の最も興味深い新商品
- エジプトのGoogleが地元の冷蔵庫の売り手が誤ってリード
入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。
先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。