中国語に翻訳したデータtranslate.google.com 自身のサイトのURLをパラメーターにつける https://translate.google.com/translate?sl=ja&tl=zh-CN&u=http://felica29.starfree.jp/season2020-07/ slにサイトで使用している言語tlに翻訳したい言語uに翻訳した…

www.sikaku.gr.jp felica29.starfree.jp

felica-web.hatenablog.jp 前回、cssで色々な形で画像をマスクしてみましたが、今回はcssアニメーションを追加する事でさらに自由度の高い表現が出来るようになります。 aquall.jp erikamoreira.co mask-imageはベンダープレフィックスが必要 chromeにベンダ…

cssのみで「マウスに追従するホバーアニメーション」を作るには少し工夫が必要です。追従して動く要素が並列になっている要素（今回でいうli要素）からみて、下の兄弟要素か子孫要素でなければ動かす事が出来ない為、追従する要素をli要素にする必要がありま…

固定部分にフレームを作成し、その中に「ロゴや店舗名、タグライン」などを入れましょう。 stock.adobe.com sozaino.site

スマホ特化・モバイルファーストサイトではbody要素が固定になっている場合がほとんどなので、body要素の背景がサイトの印象を大きく左右します。今回はbodyの背景にパターンやアブストラクトなどのテクスチャ素材を使ってみましょう。 https://pixabay.com/…

必要なテキスト 店舗名 タグライン 場所 お店の特徴（コンセプト） メインコピー リード文 商品について（こだわりなど） 質問と答え（３つ） 店長・マネージャーのあいさつ 必要な画像素材 商品・サービス画像（9枚）600x400以上（商品名と価格も必要です）…

bard.google.com Google Bard は、Google AI の大規模な言語モデル（LLM）であり、テキストとコードの大規模なデータセットでトレーニングされています。テキストの生成、言語の翻訳、さまざまな種類のクリエイティブコンテンツの作成、質問への有益な回答を…

パターンの作成 helpx.adobe.com パスファインダーの使い方 uxmilk.jp design-trekker.jp バナーの作成 https://blog.digimerce.jp/2018/01/15/3750/blog.digimerce.jp イベントポスターの作り方 helpx.adobe.com チュートリアルまとめ note.mu アイデア探し…

提出フォーム forms.gle

自身のスキルを他者に説明する事は、そのスキルを身に付けるのと同じくらい重要であり、意味のある事です。「htmlとcssが出来ます」だけでは無く、この6ヶ月で具体的にどういう事を学んだか、どういう事が出来るようになったか、をしっかりと説明しましょう…

Webサイトを見る Webの勉強を始めるうえで大事な事はまず数多くのWebサイトを見る事です。もちろん見ているだけで作れるようにはなりませんが、画家を志している人が名画を見るように、建築家を志している人が建築物を見るように、音楽家を志している人が音…