【進捗報告20200814】

基本的な検索機能実装

久しぶりの更新なので参考にしたサイトのURLだけ貼って寝ます笑

 

内容

・タイトルと説明文でのgemなしあいまい検索

https://teratail.com/questions/154091

・各商品の詳細画面へのリンク

http://azuuun-memorandum.hatenablog.com/entry/2016/05/20/011718

・無駄にこだわったCSS

文字の回転(SOLDの文字)

https://allabout.co.jp/gm/gc/406310/

三角形(SOLDの背景)

https://qiita.com/kiwr/items/f3901744198640d2c4a0

クリック・タッチ無効(index-zで浮上させたSOLDの上からでもコンテンツに触れるように)

https://techblog.yahoo.co.jp/advent-calendar-2016/css_pointer_events/

テキストグラデーション(商品タイトルが長い時用)

https://mk-engineer.com/posts/css-text-gradient

ボタンデザイン(検索ボタン)

https://saruwakakun.com/html-css/reference/buttons

ヘルパーメソッドを使った3桁区切りの¥カンマ

https://qiita.com/wacker8818/items/cc213ba3ce72891dfb23

トリミング(商品画像)

https://www.webcreatorbox.com/tech/object-fit