WS|ページの読み込みスピード
「Webサイト制作のワークショップ」のメモです。 Webサイトの読み込みスピードは非常に重要な要素。PCのネット回線は高速化したが、スマホはまだまだ回線速度が貧弱。 ネットショップ…もっと読む
WS|SNSとの連携
「Webサイト制作のワークショップ」のメモです。 SNSとの連携というのは、WebサイトにSNSボタンを埋め込むという技術的なものだけではなく、マーケティング的な意味合いとしてWeb…もっと読む
WS|Macのおすすめアプリ
「Webサイト制作のワークショップ」のメモです。 必要最低限のアプリだけを入れているので、そのほとんどがスタンダードなものです。Web制作に使える便利アプリをいくつか紹介します。 …もっと読む
WS|セキュリティ意識とパスワード管理
「Webサイト制作のワークショップ」のメモです。 様々なアカウントを管理するために 1Password.app を使う。パスワードは、自分で覚えることができて手入力できるようなものは…もっと読む
WS|フラットデザイン
「Webサイト制作のワークショップ」のメモです。 リアルな世界に存在するボタンのメタファーをWebに取り入れることで、ボタンを押すとページが移動するという操作を直感的に行えるようにし…もっと読む
WS|Webブラウザ
「Webサイト制作のワークショップ」のメモです。 ブラウザによってWebサイトの表示が変わるというのは、昔ほどではないが今でも存在する。理由はブラウザに使われているレンダリングエンジ…もっと読む
WS|Webサイトの構造
「Webサイト制作のワークショップ」のメモです。 Webサイトはいつどんな状況で使われるか、そこで何を感じているか。無意識で使われることの多いWebサイトでは、SN比のチューニングが…もっと読む
WS|マルチデバイスへの対応とモバイルファースト
「Webサイト制作のワークショップ」のメモです。 あらゆるWebサイトへのアクセスが、PCよりもスマホからのアクセス数の方が多くなった。そういった背景にあわせてWebサイト制作の順番…もっと読む
WS|Webサイト制作の入り口
「Webサイト制作のワークショップ」のメモです。 Webの世界は動いて賑わっていて、常に過渡期。 enjoy! プロジェクトマネジメント(PM)について 膨大な作業工程(タ…もっと読む
WS|Webデザインのおすすめ本
「Webサイト制作のワークショップ」のメモです。 WebサイトのUI(ユーザーインターフェイス)デザインには、ビジュアルで感性に訴えかける「ビュー」と、ページ移動などのナビゲーション…もっと読む
WS|Webサイトのテキスト
「Webサイト制作のワークショップ」のメモです。 デバイスによって表示されるフォントは異なる。ゴシック系や明朝系という指定をするのが基本。ある程度デバイス共通フォントもでてきたが、ウ…もっと読む
WS|WordPressのインストール
「Webサイト制作のワークショップ」のメモです。 あらゆるWebサイトで CMS(コンテンツ・マネジメント・システム)が導入されており、その中でも WordPress が多くの割合を…もっと読む
WS|PhotoshopでWebデザイン
「Webサイト制作のワークショップ」のメモです。 Photoshop で Webデザインする場合、文字組みや画像配置など、Illustrator でグラフィックデザインをする操作…もっと読む
WS|コーディング 2
「Webサイト制作のワークショップ」のメモです。 サンプルデータを使ってスマホ対応(レスポンシブWebデザイン)を行う。スマホの仮想ウインドウサイズの横幅を取得して、CSSで表示…もっと読む
WS|コーディング 1
「Webサイト制作のワークショップ」のメモです。 頭で理解するよりも手で覚えることが大切。たとえば普段使っている Photoshop のショートカットを口で説明しようとすると、す…もっと読む
WS|Webサイト制作
Webサイト制作のワークショップを各所で行いたいと思います 都内某所でWebサイト制作のワークショップをやっています。他にも各所で開催していきたいと思うので、ご興味のある方はよろ…もっと読む