Webデザイナー– category –

新米デザイナーのアピコです。 今日は「AIを使って自分のアバター作り、脚本をテキストで作ったものをアバターが読む動画を作る」までを学んでいきたいと思います。 AIや画像生成を扱うには、厳密にはプロンプト（AIへの的確な指示）を学び指示項目や指示...

コーダーのオッコです。 beforeやafterのcontentに、四角や矢印などの記号を文字コードで入れる方法です。 文字コードを16進数に直す。 &#　→　¥0　に直す。 xと;は省略する。 ■　→　25A0 hoge::before { content: "25A0"; } 参考：https:/...

TECN NEWS 自動表示枠 新米WEBデザイナーのアピ子です。＼今注目 大進化中／ 画像生成AIを使用して、飲食関連のサイトロゴを作ってみました。 AI進化が著しい中、現時点で使い易さと画像のクオリティーで評価した画像生成AI最高峰としては「Dall-e3」と「M...

お客様のご要望を聞きすぎたカンプを作ってしまい四苦八苦しているアピコです。（汗） エレメンターの構成を勉強せずに走り出してしまい、お客様のご要望にストップかけることもできず・・・かなりやらかしたカンプ。 エレメンターマスターに「悲しい」と...

アピコです。 ワードプレスのエレメンターはノーコードのフレームワークでホームページ簡単に制作することができます。エレメンタープロは年間で費用が発生しますが、テンプレートも豊富なので素材が揃っていれば、1日でデザイン性に優れ動きのあるコーポ...

コーダーのオッコです。 弊社はUIKitをコーディングで積極的に取り入れていますが、その要素同士を併用する際に詰まったのでメモとして残します。 TECN NEWS 自動表示枠 やりたかったこと ・商品詳細画面で、複数の画像をuk-slideshowを使って表示。（大き...

こんにちは、インターンのさこです。社内でFLOCCSの導入を進めることになりましたので、覚書として記載いたしました。これから先輩方のサポートをいただきつつ、無事導入成功できると良いです。 TECN NEWS 自動表示枠 1 　FLOCSSを採用していくための参考...

こんにちは、新米デザイナーのオッコです。 まだまだイラストレーターの機能を使いこなせず、悪戦苦闘しております。 今回は、いつもお世話になっていた、「なんかオブジェクトをドラッグすると周りのアンカーポイントやガイドにぴったりのところを教えて...

TECN NEWS 自動表示枠 :first-childが効かない原因は子要素の構造にある コーダーのオッコです。 <div> 　 <h2>hogehoge</h2> 　<p>aaaa</p> 　<p>bbbb</p> 　 <p>cccc</p> 　<p>dddd</p&...

■Pote Stock とっても簡単にHTMLとCSSで実装できる参考コードがコピーできます。 ※アピコの場合はtplファイルでシステムが入り込んで複雑すぎて成功できませんでした（汗）。 https://pote-chil.com/html-maker/ 　　 　　 ■動くアイデア帳 いろんな動く表...