WEBデザイン

1/6ページ

【Sublime Text】Sublime Text導入メモ

  • 2020.10.12

ダウンロード先 https://www.sublimetext.com/ 日本語化 Package Controlを開く。(Shift+Ctrl+P) 「Japanize」と入力して出てきた「Japanize」をインストールする。 「Sublime Text 3\Data\Packages」に「Default」フォルダを作成する。 「Sublime Text 3\Data\Package\Japa […]

Webデザイン分析 その17 「鎌倉紅谷」

  • 2020.09.08

「鎌倉紅谷」は鎌倉にある老舗のお菓子メーカーです。 サイト分析 トップはスライドショーで商品画像を、また製造工程の画像から信頼感を伝えています。 追随するヘッダーで各リンクにアクセスしやすくなっています。背景ベタのカートアイコンも目立ちます。 SNSへのリンクが多めに設置されており、積極的に情報発信に活用しています。 ハンバーガーメニュー(三本線)を開いた時の背景を、グラデーションでスタイリッシュ […]

【PHP】WordPressのテンプレートタグメモ

  • 2020.07.30

WordPressのテンプレートタグの自分用のメモです。 language_attributes WordPressの言語情報を取得する。 bloginfo ブログの情報を表示する。引数で項目を指定する。 name Webサイトのタイトル description Webサイトの説明 wp_head タイトルやリンクなど出力、必ず書く。<head>の直前 wp_body_open Jav […]

【Sass】Node.js、Gulp導入手順メモ

  • 2020.06.15

Sassの導入手順の自分用のメモです。 後述の参照ページの要約。 毎回手順を忘れているのでメモメモ……(- -) 手順 Node.jsを公式サイトからインストールする コマンドプロンプトを起動する(Windowsキー+R) [node -v]と入力しインストールされているか確認(コマンドはNode.jsのバージョン確認) プロジェクトフォルダーを作成し、そこに移動する。移動するにはコマンドを打つか […]

Webデザイン 分析 その16 「KURASHITO」

  • 2020.03.20

「KURASHITO」は仙台で不動産事業を展開している、株式会社KURASHITOのWebサイトです。 サイト分析 ファーストビューのスライドショーは画像と一緒に詳細情報も見せています。また、次の画像を少し見せていることでユーザーを留め、アクティブビュー率を上げています。 物件は画像を大きく見せ、必要最小限の情報のみで構成されています。タグを付けることで特徴を伝えています。 コラムは周りに大きく余 […]

1 6