デイリーWebテク

技術評論社http://gihyo.jp で「週刊Webテク通信」連載中。Webテク（…

デイリーWebテク

技術評論社http://gihyo.jp で「週刊Webテク通信」連載中。Webテク（テクニック／テクノロジー）情報を発信します。

  • デイリーWebテク

    ウェブデザインやサイト構築に役立つブログ記事やニュース、ツールなどをセレクトして、ほぼデイリーでお届けします。 WebテクはWebテクニック・Webテクノロジーの略です。

デイリーWebテク2018-05-28

デザイン■Getting Started With CSS Layout — Smashing Magazine CSSレイアウト入門。float、position、flex、gridでのレイアウト方法を解説しています。長い記事です。 ・・・ ■Building a Design System for 500,000+ users at Ryte RyteというサービスのUXデザイナーがデザインシステムをどう作ったかの解説。 ツール■Browser Extensio

デイリーWebテク

    • デイリーWebテク2018-05-25

      ニュース■MacRabbit is ending CSSEdit、Slicy、EspressoといったMac用ウェブデザイナー用ツールを提供していたMacRabbitが終了するとのこと。Espresso、CSSEditはWarewolfという会社が引き継ぎ、Espressoの開発は続けられるようです。 ・・・ ■Alexaが夫婦の会話を勝手に録音して部下に転送　非常に珍しいが対処するとAmazon - ITmedia NEWS 会話の中に「メッセージを送信」「ユーザー

      デイリーWebテク

      • デイリーWebテク2018-05-24

        ツール■Cool Backgrounds グラデーションやローポリゴンなどの背景画像を作れるツール。用意されたカラースキームから色を変えられます。 ・・・ ■6 Instagram Stories Design Tools for Marketers インスタグラムのストーリー用の画像や動画を作るためのデザインツールを6つ紹介。 ニュース■Google Payが「Suica」「WAON」に対応 - ITmedia NEWS 「Google Payアプリに電子マネー

        デイリーWebテク

        • デイリーWebテク2018-05-23

          ツール オンラインコラボレーションツールをまとめています。Slackだけでなくいろいろな選択肢があるよといったラインナップで、それぞれ良い点・悪い点が完結にまとめてあります。 ・・・ ウェブページやモバイルアプリのユーザーの導線を図にしたフロー図（とか流れ図とか呼ばれる図）を作るのに特化したツール「Overflow」がパブリックベータになったとのこと。この記事では使い方を紹介しており、もちろんダウンロード先へのリンクもあります。 Overflowの紹介動画です。便利そう

          デイリーWebテク

        デイリーWebテク2018-05-28

        デイリーWebテク

        マガジン

        • デイリーWebテク
          7本

        記事

          デイリーWebテク2018-05-22

          ニュース星形ボタンは「お気に入り」、ハート型ボタンは「いいね！」とのこと。 ・・・ Alexaを「Windows 10」搭載機器に組み込む動きが進行しているそうです。 デザインデザインシステムの実例、関連記事、ツールなどをまとめています。 ・・・ アイコンフォントとCSSツールキット。Font Awesomeのような感じで使えます。 ・・・ WordPressのテーマを8つのデザイントレンドとともに紹介。 ツール一日は1440分なので、10分ごとの144のブロ

          デイリーWebテク

          デイリーWebテク2018-05-22

          デイリーWebテク

          デイリーWebテク2018-05-21

          デザインランディングページのテンプレートを数多く紹介しています。 ・・・ ラジオボタンとドロップダウンメニューの使い分けを解説。 ・・・ デザインのいろいろな局面で必要となるSketchのプラグインや素材を紹介しています。 ・・・ タイポグラフィのトレンドを7つ紹介。 ツール■CSS Grid Layout Interface Builder | LayoutIt! https://www.layoutit.com/grid グリッドレイアウトのビルダーです。

          デイリーWebテク

          デイリーWebテク2018-05-21

          デイリーWebテク

          デイリーWebテク2018-05-20

          ニュースInstagramの投稿をストーリーにアップする方法。飛行機マークのシェアボタンから簡単にできる…らしいのですがiOSでは近日アップデート予定とのこと。 自分の投稿を簡単にストーリーで紹介できて便利ですが、人の投稿を紹介するためという意味合いが強そうです。つまり、今までシェア機能がなかったInstagramにシェア機能が付いたという大きな意味のある新機能だと思います。 WebデザインECサイトの商品一覧ページのUIデザイン制作をステップごとに紹介。 各ポイントでS

          デイリーWebテク

          デイリーWebテク2018-05-20

          デイリーWebテク