【デザイン】バレンタインカードにぴったりなデザインワークスまとめ

2015.02.15

ブログ

valentines-card-designs

今日は、バレンタインにちなんだカードのデザインワークスをまとめみました。ツールのキットやハウツーが掲載されており実際にカードを作るときの参考にもなります。

Hearts a Flutter

ツールキットを組み合わせて制作されたカードです。ハートやリボンの組み合わせがかわいいですね。

Link:DIY Hearts a Flutter by nitestamper

hearts-flutter-01

hearts-flutter-02

Stitched Heart Bookmarks

クリップとハート型のフェルトでつくるブックマーク。制作のハウツーと一緒に紹介されています。

Link:Stitched Heart Bookmarks by 30 Days

heart_bookmarks4

Wednesday’s Card: Pocket Full of Hearts

ハート型に切り抜いたカラフルなペーパーとクラフト封筒。タコ糸にワンポイントくわえておしゃれでかわいいカードです。ハウツーが動画で掲載されているので過程をみるのも面白いです。

Link:Wednesday Card: Pocket Full of Hearts by Darlene DeVries

2011.01.26-envelope

Happy Hearts

はめ込み型のハートがおしゃれでかわいらしいです。はめ込むハートの柄でいくつものバリエーションを楽しめそうです。

Link:Happy Hearts by Danielle Flanders

hearts+card+-detail2-2

関連記事

ChatGPTにCSSを書かせる前に、人が決めておくべきこと

ChatGPTにCSSを書かせると、 見た目としてはそれなりに整ったコードが、すぐに出てきます。 「とりあえず動く」「デザイン要件は満たしている」 ここまでは、特に問題を感じないかもしれません。 ただ、あとから少し修正しようとしたときに、 ...続きを読む

2026.01.10AI活用CSS生成AI

【WP】WordPressの本文抜粋・本文の一部を取得する

WordPressで投稿された記事の本文の一部「抜粋」を取得するために、テンプレートタグthe_excerpt()とget_the_excerpt()があります。the_excerpt()とget_the_excerpt()は、投稿時に抜粋欄へ入力があればその内容が表示され、抜粋...続きを読む

2018.12.04HTMLコーディングWordPress

【CSS】linear-gradient（グラデーション）を使ったボタン作成

CSSのlinear-gradient()関数を用いることで画像を使わずとも、グラデーション色のボタンを作成することができます。 ※矢印は、「Font Awesome」、文字はGoogle Fontsの「M PLUS Rounded 1c」を組み合わせております。 ボ...続きを読む

2021.02.19CSSHTMLコーディング

【WP】空き状況を表示するカレンダーを作成することができるBookingプラグイン５選

レストランやホテル、イベント会場などWEBサイトで、席の空き状況をカレンダーに表示して予約をスムーズに行う仕組みを見かけることがあると思います。 この空き状況を案内するカレンダーをWordPress上で作成することができるプラグインがありますのでご紹介します。 今...続きを読む

2015.02.26WordPress

【WP】シンプルなショッピングカートを導入できるプラグイン「WP−OliveCart」

今回紹介するプラグイン「WP-OliveCart」は、WordPressでショッピングカートを追加することができるプラグインです。無料版と有料版の２つがあり、国産プラグインで、日本語に対応したプラグインになっております。無料版では「ショッピングカート機能」「商品管理機能」、有料版...続きを読む

2018.11.19WordPress