nnn

刺繍糸で組ひもやミサンガ作り 手芸材料検索サイト作りました https://findc…

nnn

刺繍糸で組ひもやミサンガ作り 手芸材料検索サイト作りました https://findcraftm.info/

記事一覧

海外向けの英語表記を追加しました

色・カラーで手芸材料を探せるサイト、https://findcraftm.info/ ですが、海外向けに英語表記を追加してみました。 手芸材料という検索結果のコンテンツはまだまだ日本語…

nnn
3日前

海外配送が可能なアイテムのみ検索できるようにしました

https://findcraftm.info/ 引越し完了? 手芸材料が色・カラーで検索できるサイトですが、なんとかドメインとサーバーのお引越しができ一段落つけておりました。 海外配…

nnn
4週間前

手芸材料検索サイトを2カラムにレイアウト変更

機能追加もできていないサイト、https://findcraftm.info/ ですが、課題の機能追加の前に少しレイアウトを変更しました。 2カラムに変更です。 上記の画像みたいになり…

nnn
1か月前
2

イメージを丸く表示する

https://findcraftm.info/ サイト上で唯一のimg要素を丸く表示するように変更しました。 もちろん商品アイテム画像以外でですが。 このイメージはそもそもfavicon.icoと…

nnn
2か月前

HTML、CSSのバグフィックス?

少しずつ見た目など整えています。 色・カラーで手芸の材料を見つける find craft materials https://findcraftm.info/ 今回は、Bootstrapのcontainerの重複を修正し、ペ…

nnn
2か月前

サイトのカラーを無彩色系に変えました

色・カラーで手芸の材料を見つける find craft materials https://findcraftm.info/ CSSにはBootstrapを使用しています。 レイアウト以外は特に設定を変えずにデフォルト…

nnn
2か月前

手芸検索サイトの使い方 / How to findcraftm.info

色・カラーで手芸の材料を見つける find craft materials https://findcraftm.info/ 現在の検索条件を確認する 何の検索結果かはブラウザのタブ、もしくはページのタイ…

nnn
2か月前
3

色・カラーで手芸材料を探せるサイトを作りました!

手芸材料を色・カラーで探せるサイトを作りました! たくさんの人に使ってもらえたらと思い、説明をさせていただこうと思います。 色・カラーで手芸の材料を見つける find…

nnn
2か月前
1
海外向けの英語表記を追加しました

海外向けの英語表記を追加しました

色・カラーで手芸材料を探せるサイト、https://findcraftm.info/ ですが、海外向けに英語表記を追加してみました。

手芸材料という検索結果のコンテンツはまだまだ日本語オンリーですが、せめてUIだけでも英語表記に挑戦とがんばってみました。

言語設定に日本語が含まれている場合には、英語表記を見ていただけないですが、(あえて見る必要はございません!!)おそらくは国外地域で特に日本語

もっとみる
海外配送が可能なアイテムのみ検索できるようにしました

海外配送が可能なアイテムのみ検索できるようにしました

https://findcraftm.info/

引越し完了?

手芸材料が色・カラーで検索できるサイトですが、なんとかドメインとサーバーのお引越しができ一段落つけておりました。

海外配送可がわかるように!

やっと!ではありますが、海外配送が可能なアイテムを検索できる機能を追加しました。
ヘッダーの画像のとおり、ラジオボタンをつけただけのUIですが、わかりやすいので良しとします。

検索され

もっとみる
手芸材料検索サイトを2カラムにレイアウト変更

手芸材料検索サイトを2カラムにレイアウト変更

機能追加もできていないサイト、https://findcraftm.info/ ですが、課題の機能追加の前に少しレイアウトを変更しました。
2カラムに変更です。

上記の画像みたいになりました。
デスクトップの場合に少しばかりは改善になったかと思います。

モバイルや小さめのタブレットのポートレートモードの場合は、変更はありませんが、リンクテキストの表示を見やすくしました。

また、ご利用ください

もっとみる
イメージを丸く表示する

イメージを丸く表示する

https://findcraftm.info/

サイト上で唯一のimg要素を丸く表示するように変更しました。
もちろん商品アイテム画像以外でですが。

このイメージはそもそもfavicon.icoと共通で、pngファイルで書き出したものです。

もともと正方形で表示原寸 32 x 32 pxなので、表示画像を丸くするのは、css1行だけです。

border-radius: 50%;

ネット

もっとみる
HTML、CSSのバグフィックス?

HTML、CSSのバグフィックス?

少しずつ見た目など整えています。

色・カラーで手芸の材料を見つける find craft materials
https://findcraftm.info/

今回は、Bootstrapのcontainerの重複を修正し、ページ下部のテキストリンクを見やすく変更したり、見出し要素をお行儀よく整えました。

containerの重複は、必要のないマージンが発生していました。
無駄なタグだったとい

もっとみる
サイトのカラーを無彩色系に変えました

サイトのカラーを無彩色系に変えました

色・カラーで手芸の材料を見つける find craft materials
https://findcraftm.info/

CSSにはBootstrapを使用しています。
レイアウト以外は特に設定を変えずにデフォルトのあーこれBootstrapだねという見え方のままにしておりました。

いわゆるプライマリーカラーだったわけですが、カスタマイズして、無彩色系に変更しました。

いろいろとカラーの

もっとみる
手芸検索サイトの使い方 / How to findcraftm.info

手芸検索サイトの使い方 / How to findcraftm.info

色・カラーで手芸の材料を見つける find craft materials

https://findcraftm.info/

現在の検索条件を確認する

何の検索結果かはブラウザのタブ、もしくはページのタイトルまわりで確認できます。
ショップネーム / 色・カラー / キーワード / ジャンルの順で表示されています。

トップページの商品の一覧は何?

トップページでは楽天のジャンル(=カテゴ

もっとみる
色・カラーで手芸材料を探せるサイトを作りました!

色・カラーで手芸材料を探せるサイトを作りました!

手芸材料を色・カラーで探せるサイトを作りました!
たくさんの人に使ってもらえたらと思い、説明をさせていただこうと思います。

色・カラーで手芸の材料を見つける find craft materials

https://findcraftm.info/

私は手芸材料は楽天市場の手芸店で購入することにしています。
ポイントを楽天モバイルの料金に充当したいのが理由です。
自分のことは置いといて、、、

もっとみる