記事一覧
PLATEAU XR & デジタルツインハッカソン2024に参加した話
PLATEAU XR & デジタルツインハッカソン20242024年10月6日〜10月13日まで大阪・福岡・鹿児島・出雲の4都市でオフライン同時開催のハッカソンイベント。
今回のテーマはPLATEAU XRとデジタルツイン。
イベントページ: https://osaka-driven-dev.connpass.com/event/320755/
はじめに: ハッカソンの概要と参加動機参加を決め
ブロックテーマ構築 〜ヘッダーとフッターを作成〜 【WordPress】
前回のブロックテーマ構築 〜theme.jsonを設定しよう〜から引き続き、このセクションではいよいよサイト構築の初期段階であるヘッダーとフッターを作成していきます。
まず、外観→エディター→パターン→テンプレートパーツを開きましょう。
テンプレートパーツ作成ヘッダー作成
まずはドキュメントの概観(以降便宜上レイヤーと呼ぶ)を開きます。
基本このレイヤーを開きながらサイト構築すると、DOM構
ブロックテーマ構築 〜theme.jsonを設定しよう〜 【WordPress】
前回のブロックテーマ構築 〜ファイル確認編〜 に引き続きこのセクションではtheme.jsonを設定していきます。このtheme.jsonの設計がブロックテーマの肝となってくる作業になります。
エディターを開くまずWordPressの外観→エディター→テンプレートからインデックスページを開きましょう。
次に右上のスタイルマークに切り替えます。
主にsettingsオブジェクト内に設定したものが
ブロックテーマ構築 〜ファイル確認編〜 【WordPress】
以前、ブロックテーマ構築 〜環境準備編〜の続きで、ダウンロードしてきたファイルを確認していきましょう。
ファイル構成fonts
cssで読み込むフォントです。ブロックテーマで読み込む際は管理画面から読み込むのであってもなくても問題ありません。(独自ファイル)
functions.php
phpでいろいろ処理を実装したい場合に書きます。(独自ファイル)
functions
functions.
ブロックテーマ構築 〜環境準備編〜 【WordPress】
ブロックテーマとはWordPress 5.9から WordPress エコシステムに「ブロックテーマ」が加わりました。ブロックテーマは、ブロックによる、ブロックのために構築された新しいタイプのテーマです。
従来のテーマ(クラシックテーマ)ではコードをベースにテーマ開発をしていましたが、ブロックテーマではWordPressの管理画面からページを構成して開発していく手法になります。
完成形をクローン
【マスべ式】 Webデザイン作成術
本日2021年2月13日、AdobeXD ユーザーグループ広島のオンラインイベントにてWebデザイナーのマスベサチさんが大変有意義なWebデザインの作成術についてライブデザインで披露してくれましたので、書き留めておこうと思います。
初心者にはぜひ見て欲しい内容となっています。
登壇者Twitter
https://twitter.com/masube_sachi
ユーザー名: @masube_
「ダサい」で話題になった阿部 寛のサイトをリデザインしてみた話
俳優の阿部 寛のオフィシャルサイトがダサい・Webサイトが世に出てきた頃のデザインだというのは有名な話で、ただこのサイトはやたらページスピードが速いという点においても今も話題に上がっている(HTMLだけで組まれているからそりゃ速いわなwww)。
まず前提として私の考えを述べておくと、阿部 寛のおしゃれかっこいい感じとこのダサいデザインのギャップで世間に話題を生んでいるのはいうまでもないことで
Adobe XD製 2020 UI Design Neumorphism【作り方伝授】
Neumorphism(ニューモフィズム)とは
「新しいスキューモーフィズム」を謳う“Neumorphism” というデザインが最近一部で提唱されているようです。
下記のようにボタンやカードなどの要素が凹凸で表現されていて、明るい影(光)が落とされているのが特徴です。それによってボーダーや塗りを使わずに要素の形状を表すことができるのでよりシンプルに表現すること可能です。
凸デザインと凹デザイン