WEBOPIXEL

  • HOME
  • ABOUT
  • CONTACT
  • Web Topics

2018年11月 webトピックス

2018年11月、個人的に気になった記事のまとめです。

  • 投稿日2018年12月03日
  • 更新日2018年12月03日

html / css

  • CSSの「calc()関数」を使うとすごく便利に!レスポンシブ対応のレイアウトで高さを最適化するテクニック
  • CSS transformのmatrix()を一瞬で 完 全 理 解 できるやつ作ったよ。
  • コードを最適化するためのフロントエンドフレームワーク10選
  • 1000万以上のWebページを AMPにした話
  • Googleの新ツールが便利すぎる!デザイナーやディレクター向けの新しいデザインツール -ProjectVisBug

JavaScript

  • noteをNuxt.jsで再構築した話というタイトルでお話してきました #vuefes
  • JavaScriptの { } を理解する
  • 新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(git/node.js/ES6/webpack4/babel7)

デザイン

  • スマートフォンのディスプレイ巨大化に伴う、UIデザインの潮流
  • フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと
  • アニメーションを使った効果的なモバイルなトランジション例
  • 2019年に流行するWebデザインの最新トレンド18個まとめ
  • デザイナーが押さえておきたい、2019年のウェブデザイントレンド10個まとめ【完全ガイド】

開発環境

  • インストールするだけでVSCodeをカッコよくする拡張4つ
  • VSCode+Vue.jsを使用するならインストールするべき拡張機能と設定
  • 開発が捗る Visual Studio Code 拡張機能
  • VSCode (Visual Studio Code)で簡単に履歴・バックアップが取れる拡張機能「Local History」が便利

その他

  • iMac/MacBook購入後に必ず設定したい設定項目
  • Google 検索エンジン最適化

ブログ更新状況

  • Laravel+Vue.js+VuexでフロントのCRUDを作成
  • 軽量の日付操作JavaScriptライブラリ「Day.js」
  • Vue.js + Vuexでストアの絞り込み検索(フィルター)
  • vuex-persistedstateでログイン認証の永続化
  • Vue.js + Element UI でフォームバリデーション

関連記事

  • Web Topics

2018年12月 webトピックス

2018年12月、個人的に気になった記事のまとめです。

  • 投稿日2019年01月07日
  • 更新日2019年01月07日
  • Web Topics

2017年12月 webトピックス

2017年12月、個人的に気になった記事のまとめです。

  • 投稿日2018年01月04日
  • 更新日2018年01月04日
  • Web Topics

2016年11月 webトピックス

2016年11月、個人的に気になった記事のまとめです。

  • 投稿日2016年12月01日
  • 更新日2016年12月01日
  • Web Topics

2019年7月 webトピックス

2019年7月、個人的に気になった記事のまとめです。

  • 投稿日2019年08月01日
  • 更新日2019年08月01日

# カテゴリー

  • ActionScript
  • CakePHP
  • Dreamweaver
  • Go
  • HTML&CSS
  • iOS
  • javascript
  • Mac
  • PHP
  • Python
  • SEO
  • Unity
  • Web Topics
  • WebDesign
  • Webサービス
  • WordPress
  • その他
  • データベース
  • 開発環境

# タグ

  • Ajax
  • Alpine.js
  • API
  • AS3.0
  • CSS3
  • Django
  • Docker
  • Git
  • GoogleAnalysis
  • Gutenberg
  • HTML5
  • IntelliJ
  • Ionic
  • jQuery
  • jQueryMobile
  • jQueryUI
  • json
  • Laravel
  • LESS
  • MacPorts
  • Next.js
  • Photoshop
  • Plugin
  • React
  • SASS
  • Sencha
  • SublimeText
  • SVG
  • Swift
  • Twitter
  • TypeScript
  • Vue
  • アニメーション
  • ギャラリー
  • ショートコード
  • テンプレートカスタマイズ
  • デザイン参考
  • フレームワーク
  • レスポンシブ
  • 正規表現
  • 管理画面

# アーカイブ

  • 2025年
  • 2024年
  • 2023年
  • 2022年
  • 2021年
  • 2020年
  • 2019年
  • 2018年
  • 2017年
  • 2016年
  • 2015年
  • 2014年
  • 2013年
  • 2012年
  • 2011年
  • 2010年

©webopixel