記事一覧
![](https://assets.st-note.com/production/uploads/images/149953480/rectangle_large_type_2_eebbb934662bf9cc5618287a3ef9542c.png?width=800)
海外向けの英語表記を追加しました
色・カラーで手芸材料を探せるサイト、https://findcraftm.info/ ですが、海外向けに英語表記を追加してみました。 手芸材料という検索結果のコンテンツはまだまだ日本語…
![](https://assets.st-note.com/production/uploads/images/147161497/rectangle_large_type_2_79edd4ec1c78597db5bec957afa986f2.png?width=800)
海外配送が可能なアイテムのみ検索できるようにしました
https://findcraftm.info/ 引越し完了? 手芸材料が色・カラーで検索できるサイトですが、なんとかドメインとサーバーのお引越しができ一段落つけておりました。 海外配…
![](https://assets.st-note.com/production/uploads/images/145770751/rectangle_large_type_2_682693d82bd652041f1b14a97997b947.png?width=800)
手芸材料検索サイトを2カラムにレイアウト変更
機能追加もできていないサイト、https://findcraftm.info/ ですが、課題の機能追加の前に少しレイアウトを変更しました。 2カラムに変更です。 上記の画像みたいになり…
![](https://assets.st-note.com/production/uploads/images/145850890/rectangle_large_type_2_29b7fe8bf62460b7501f10e3547e7219.png?width=800)
イメージを丸く表示する
https://findcraftm.info/ サイト上で唯一のimg要素を丸く表示するように変更しました。 もちろん商品アイテム画像以外でですが。 このイメージはそもそもfavicon.icoと…
![](https://assets.st-note.com/production/uploads/images/145850959/rectangle_large_type_2_0a2f6b079c58c43181456348b95d0300.png?width=800)
HTML、CSSのバグフィックス?
少しずつ見た目など整えています。 色・カラーで手芸の材料を見つける find craft materials https://findcraftm.info/ 今回は、Bootstrapのcontainerの重複を修正し、ペ…
![](https://assets.st-note.com/production/uploads/images/145851041/rectangle_large_type_2_e7def55507f57dcdc380a053171e349b.png?width=800)
サイトのカラーを無彩色系に変えました
色・カラーで手芸の材料を見つける find craft materials https://findcraftm.info/ CSSにはBootstrapを使用しています。 レイアウト以外は特に設定を変えずにデフォルト…
![](https://assets.st-note.com/production/uploads/images/140739346/rectangle_large_type_2_a7a0f37830203dca9b549dbee244b611.png?width=800)
手芸検索サイトの使い方 / How to findcraftm.info
色・カラーで手芸の材料を見つける find craft materials https://findcraftm.info/ 現在の検索条件を確認する 何の検索結果かはブラウザのタブ、もしくはページのタイ…
海外向けの英語表記を追加しました
色・カラーで手芸材料を探せるサイト、https://findcraftm.info/ ですが、海外向けに英語表記を追加してみました。
手芸材料という検索結果のコンテンツはまだまだ日本語オンリーですが、せめてUIだけでも英語表記に挑戦とがんばってみました。
言語設定に日本語が含まれている場合には、英語表記を見ていただけないですが、(あえて見る必要はございません!!)おそらくは国外地域で特に日本語
海外配送が可能なアイテムのみ検索できるようにしました
https://findcraftm.info/
引越し完了?
手芸材料が色・カラーで検索できるサイトですが、なんとかドメインとサーバーのお引越しができ一段落つけておりました。
海外配送可がわかるように!
やっと!ではありますが、海外配送が可能なアイテムを検索できる機能を追加しました。
ヘッダーの画像のとおり、ラジオボタンをつけただけのUIですが、わかりやすいので良しとします。
検索され
手芸材料検索サイトを2カラムにレイアウト変更
機能追加もできていないサイト、https://findcraftm.info/ ですが、課題の機能追加の前に少しレイアウトを変更しました。
2カラムに変更です。
上記の画像みたいになりました。
デスクトップの場合に少しばかりは改善になったかと思います。
モバイルや小さめのタブレットのポートレートモードの場合は、変更はありませんが、リンクテキストの表示を見やすくしました。
また、ご利用ください
イメージを丸く表示する
https://findcraftm.info/
サイト上で唯一のimg要素を丸く表示するように変更しました。
もちろん商品アイテム画像以外でですが。
このイメージはそもそもfavicon.icoと共通で、pngファイルで書き出したものです。
もともと正方形で表示原寸 32 x 32 pxなので、表示画像を丸くするのは、css1行だけです。
border-radius: 50%;
ネット
HTML、CSSのバグフィックス?
少しずつ見た目など整えています。
色・カラーで手芸の材料を見つける find craft materials
https://findcraftm.info/
今回は、Bootstrapのcontainerの重複を修正し、ページ下部のテキストリンクを見やすく変更したり、見出し要素をお行儀よく整えました。
containerの重複は、必要のないマージンが発生していました。
無駄なタグだったとい
サイトのカラーを無彩色系に変えました
色・カラーで手芸の材料を見つける find craft materials
https://findcraftm.info/
CSSにはBootstrapを使用しています。
レイアウト以外は特に設定を変えずにデフォルトのあーこれBootstrapだねという見え方のままにしておりました。
いわゆるプライマリーカラーだったわけですが、カスタマイズして、無彩色系に変更しました。
いろいろとカラーの
手芸検索サイトの使い方 / How to findcraftm.info
色・カラーで手芸の材料を見つける find craft materials
https://findcraftm.info/
現在の検索条件を確認する
何の検索結果かはブラウザのタブ、もしくはページのタイトルまわりで確認できます。
ショップネーム / 色・カラー / キーワード / ジャンルの順で表示されています。
トップページの商品の一覧は何?
トップページでは楽天のジャンル(=カテゴ
色・カラーで手芸材料を探せるサイトを作りました!
手芸材料を色・カラーで探せるサイトを作りました!
たくさんの人に使ってもらえたらと思い、説明をさせていただこうと思います。
色・カラーで手芸の材料を見つける find craft materials
https://findcraftm.info/
私は手芸材料は楽天市場の手芸店で購入することにしています。
ポイントを楽天モバイルの料金に充当したいのが理由です。
自分のことは置いといて、、、