ウェブ開発 |
CSS |
Javascript |
ブラウザ |
設計 |
ニュース |
おもしろい |
ウェブ開発
- NPMの使用例:
- 1人の開発者がNPMパッケージマネージャーをほぼ「壊した」
- NPMと左パッド :プログラムの方法を忘れましたか?
- 悪意のあるワームモジュール攻撃に対するNPMの脆弱性
- この奇妙なトリックでインターネットを壊さない方法)
- 左パッドはJavaScriptエコシステムの脆弱性の指標ですか? (左パッドは壊れやすいJavaScriptエコシステムを示していますか?)
- npmブログ :kik、left-pad、およびnpm
- インターネットの破壊に関する議論
- Web標準ポッドキャスト、第8版:測定単位、サーボエンジン、Naked CSS、React Criticism
- レスポンシブ画像 :スイッチの解像度
- SEOへの技術的アプローチ(パート1)
- 進歩的な改善は私を混乱させます。 プログレッシブエンハンスメントの翻訳は悲しくなります
- Webサイトの画像を最適化してパフォーマンスとUXを改善する方法
- 8か月後の GoogleのMobileheaddonの余波 (GoogleのMobilegeddonの余波:より良いモバイルWebへの8か月)
- Google Totally Tooling Tearsブログの最新のWeb開発キット: 問題2:Electron.js、デスクトップのホーム画面に追加、サーバー側のレンダリングとエンバー、DevTools DimensionsおよびPWAロードショー
- フロントエンド開発メールリストでの定期的なメーリングの選択
- 開発を高速化するためのBrowserSyncの使用方法
- 最初のService Workerのスタイルガイドをコピーして貼り付けます。 (最初のService Workerへのコピー&ペーストガイド)
- Foundation for Emails 2リリース
- Canvas vs. SVG :適切なツールを選択します (Canvas vs. SVG:Choose the Right Tool for the Job)
- HTMLとCSSでのコメントはどれくらい良いですか? (HTMLとCSSのコメントはどれくらい良いですか?)
- フロントエンドのダーティトリック(クイックヒント:フロントエンドの暗いコーナーからのダーティトリック(スライド、PDF))
- Webアニメーションの過去、現在、未来
- 最速でロードするSPA (およびWebpackがどのように役立つか) (可能な限り最速の方法でSPAをロードする(およびWebpackがどのように役立つか))
- AppleはWebの将来にとって悪いニュースです
- 完全にツールのヒント: Gulp 4の概要
- ブラウザ
- Google DevToolsの新しいデバイスエミュレーションモード (モバイル第一世代の新しいデバイスモード)
- iOS 9.3上のSafariの開発者向けの詳細:レスポンシブ画像、iPhone SE、縮小フィット、その他の新しいAPI
- Chromeデベロッパーツール:最高の動画、コース、アドオン
- 壮大なウェブ:
- CSS / SVG / JS#30の美しいエフェクトの毎週の編集
- インク転移効果
- CSSおよびSVGのアニメーション動物
CSS
- REM対EM-大論争
- 人間の顔を持つBEM
- タイポグラフィでビューポートユニットを使用する
- CSSコードベースのクリア 。 CSSコードベースをクリーンアップする記事の翻訳
- 「ロードされていない画像の設計」-ユーザーのケア(いいえ)
- PiterCSS No. 2からの記録放送
- Houdiniプロジェクト :おそらく聞いたことのない最も刺激的なCSS開発(Houdini:たぶん聞いたことのないCSSで最も刺激的な開発)
- CSS HoudiniはWeb開発に革命をもたらしますか?
- Reactの状態とCSS
- CSSをAngular 2コンポーネントに追加するすべての方法
- CSSタイポグラフィ:カーニング、合字、ストローク、および資本 (CSSタイポグラフィ:カーニング、合字、スワッシュ、スモールキャップ)
- Normalize.css 4.0リリース
- font-faceでのフォントプロパティの宣言のニュアンスについて ( font-faceでのフォントプロパティの宣言とはどういう関係ですか?)
- CSSクリップパスを使用したダイナミックグラフィックノベルのイラスト(CSSクリップパスを使用したダイナミックグラフィックノベルイラスト)
- CSSとスケーラビリティ
- アクセシブルでシンプルなレスポンシブテーブル
- CSSプリプロセッサを使用しない理由
- オブジェクトフィットの画像装飾(オブジェクトフィットの画像装飾)
- 4つのPostCSS神話を破壊する (PostCSS神話破壊 :4つのPostCSS神話が破壊された )
- CSSグリッドとCSSリージョンを示すレイチェルアンドリューのビデオ
Javascript
- 「ES7」 -JavaScript開発計画の誤った名前
- ECMAScript 2016(ES7)に表示されるもののリスト
- 非同期の街へのJavaScriptの旅
- 公式: JavaScriptは世界で最も人気のあるプログラミング言語です。
- フレームワーク
- Reactを使用してSVGアイコンのシステムを作成します 。 Reactを使用したSVGアイコンシステムの作成
- reBEM :BEMに反応します。 ReactエコシステムBEMパッケージパッケージ
- Reactの完全な紹介 。 含まれるもの:反応、ウェブパック、バベル、反応ルーター、テスト 。 (Reactの完全な紹介)
- Reactでレベルアップ:コンテナコンポーネント
- 最初のコンポーネントはAngular 2のステップバイステップ学習です(Angular 2のステップバイステップ入門:1-最初のコンポーネント)
- 最初のAngular 2コンポーネントを作成する
- Angularテンプレートの利点
- Angular 2のテンプレート駆動型フォーム
- Express JSフレームワークの信じられないほどの歴史(Express JavaScriptフレームワークの信じられないほどの歴史)
- ChernihivJSからのいくつかのビデオ
- JavaScriptの学習 :25のJavaScriptエキスパートによるJavaScriptのベストプラクティスとリソース (JavaScriptの学習)
- JavaScript疲労の克服に関するEat Sleep CodeポッドキャストのTodd Motto。 (JavaScriptの疲労を克服する)
- Webアニメーションの約束
- Fluent Conf 2016:Jeremy Fairbank- 非同期JavaScriptの台頭 (Fluent Conf 2016:Jeremy Fairbank-非同期JavaScriptの台頭)
- いつTypeScriptを使用すべきですか? (TypeScriptはいつ使用する必要がありますか?)
- JavaScriptでテスト可能なコードを書く:簡単な概要
- Node Hero- Node.jsの開始 ( Node Hero- Node.jsの開始 )
- Google App EngineのNode.jsがベータ版になります (Google App EngineのNode.jsがベータ版になります)
- Immutable.jsと関数型プログラミングの概念の紹介
- Vanilla JavaScriptを使用してAtomパッケージを作成する方法
- パスワード表示ボタンを作成する方法
- JavaScript エミュレーター
- プラグインとライブラリ:
- StickyState-ネイティブ位置を実装するためのポリフィルプラグイン:ブラウザのstickyプロパティ(IE> = 9)
- MidiWriterJS -MIDIファイルジェネレーター(オーディオ)
- EventControl-複数のイベントをスクロールして同じ日付内に配置できる機能を備えたタイムライン (EventControl-イベントのスタックをサポートするjQueryタイムラインコントロール)
- match-JSONをテストするためのライブラリ (match-いくつかの便利な機能を備えたJSONをテストするためのJavaScriptライブラリ)
- snapback_cache- 「エンドレス」スクロールによるページのクライアント側キャッシュのためのjQueryライブラリ
設計
- Webに表示領域の境界線はありますか?
- Photoshopで常に望んでいたRetinaアセットワークフロー
- 魅力的 。 モバイルUIでのアニメーション検索
- ユーザーの適応は、適切なリンク先ページから始まります (ユーザーのオンボーディングは、適切なリンク先ページから始まります)
- ピクサーの22のストーリーテリングのルールでUXを改善する
- ハンバーガーアイコンに関する2つの異なる議論
- ダイアログ設計のための5つの基本的なUXルール
- アニメーションをUX戦略に合わせる方法 (アニメーションをUX戦略に合わせる )
- 画像がサイトを破壊する理由(画像がサイトを破壊する理由)
- iPadのTim Cookへのイラストレーターの手紙
- スマートデザインの通知を作成する
- フラッグストーリー
- 無知のベール
- 60秒でのPhotoshop :グラデーションツールの使用方法
- イラストレーターで漫画を描く ( イラストレーターで漫画を描く )
- 60秒でのIllustrator :Alignパネルの使用方法
- Adobe Illustratorでフラットデザインのイースターアイコンを作成する方法
- スケッチ:
- スケッチ:チームと作品を共有する方法(スケッチアプリ:チームとアートボードを共有する方法)
- スケッチのスタイルガイド (一貫性を保ってください!スケッチのスタイルガイド)
- Qordoba Sketch Layout Plugin
- Sketchでカラーパレットを作成する簡単で高速な方法
- Sketchで一般的なスタイルとキャラクターを使用する
無料のデザイナーCookieのセレクション
- GoogleはNik Collectionを無料で提供します-写真を編集するためのプラグインのセット
- UXに関する7つのスタンディングブック (無料のUX電子書籍7冊)
- Photoshop用アクション(Pure Photoshopアクションコレクション-無料ダウンロード)
- スニーカーのベクトルアウトライン画像。
- ビンテージフレームセット(景品:ビンテージベクトルフレームセット)
- 2つのスタイルの1,000を超えるフラットアイコン(2つのスタイルの 1000以上の無料BLOBフラットアイコン)
- 不動産をテーマにしたアイコンのセット(PNG、SVG、AI、ICO) (異なる不動産アイコンセット-無料PNG、SVG、AI、ICOダウンロード)
- SerifフォントVenice (無料ダウンロード:Venice Serifフォント)
- Peace Sans-Sans Serifフォント (Peace Sans | FREE FONT)
- RunedフォントPixe lute (Pixe lute Freeフォント)
- プロジェクトのフレッシュフォント (プロジェクトでの使用を検討する47のフレッシュフリーフォント)
ニュース
- アップル:
- Appleスペシャルイベントテキストブロードキャストログ
- iPhone SE、iOS 9.3、新しいiPad Pro:Apple Special Eventのニュース速報
- iPhone SE、CareKitプラットフォームなど、新しいApple製品に関するデザイナーと開発者の意見
- iPhone SE:舞台裏に残るすべて
- Apple Watchは2016年にスマートウォッチの市場の半分を占める
- GitHubが開発したAtom 1.6テキストエディターのリリース
- マイクロソフトが開発した人工知能は1日で人種差別を学んだ
- GoogleはCloud Machine Learningプラットフォームへのアクセスを開始しました
- プロジェクトARAは生命の非常に弱い兆候を示しています
- AMOLEDディスプレイは生産においてLCDより安くなります
- Red Hatの年間収益は20億ドルを超えました
- SoundCloudはSony Musicと合意に達しました
おもしろい
- CeBIT 2016:デジタル時代のドローンとバーチャルリアリティ
- Facebookはユーザーの職業の継承を研究しました
- 開発者へのインタビュー:マイクロソフト、グーグル、アマゾン、その他のIT企業に注目するもの
- 過度の率直さと従属-ミレニアル世代が企業を運営する方法に関するニューヨーク・タイムズ
- バイザーを下げた状態:仮想現実で現在何が起こっているのか
- Microsoftチャットボットガールが4chanのトロールに影響された理由
- Empire Dropbox
- Zuckerberg:ラップトップ、タブレット、スマートフォンの時代は終わりました
- IntelがeSportsのトレンドについて語る
- Google Apps Scriptを使用して実装できる最も便利なツールとコツ
- 仮想現実の成功がポルノに依存する理由
- StackOverflow 2016調査:顕微鏡下のITエコシステム
- Googleマップ。 経験は難しい間違いの息子ですか?
- インテルの開発者はムーアの法律に従うことを拒否しました
- 人工知能はどのように教えられますか?
- Microsoft Edgeブラウザーを最大限に活用してください。
入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。
先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。