未分類– category –
-
【最も簡単な方法】Dall-E3で同じキャラクターを生成する
新米WEBデザイナーのアピコです。 先日、苦労しながらアピコのアバターが完成しました。 プロンプトがまだ未熟なためMid journeyだと描き込みすぎて日本人好みにならないこと。 その点、Dall-E3だとシンプルな描き方なのと文字認識もしやすいため、白いパ... -
疑似要素のcontentにhtml特殊文字コードを使う【::before, ::after】
コーダーのオッコです。 beforeやafterのcontentに、四角や矢印などの記号を文字コードで入れる方法です。 文字コードを16進数に直す。 &# → ¥0 に直す。 xと;は省略する。 ■ → 25A0 hoge::before { content: "25A0"; } 参考：https:/... -
外部ライブラリはCDNで読み込むべきか、ダウンロード版を使うべきか
最近急に寒くなってきてお風呂に入るのが億劫な、コーダーのオッコです。 外部ライブラリの使用時、いつもCDNにするかダウンロード版にするか迷います。 そこで、それぞれのメリットを書き出してみました。 CDNのメリット： CDN側で勝手にバージョンアップ... -
MonacaクラウドIDEのプレビュー表示について
TECN NEWS 自動表示枠 MonacaクラウドIDEでプレビュー表示をさせたい場合… 1.package.jsonの内に以下を追加 ①scriptプロパティへmonaca:previewコマンドとdevコマンドを追加 "scripts": {・・・"monaca:preview": "npm run dev","dev": "browser-sync star... -
WordPress｜Elementor 画像ボタンにシャドウとアニメーションをつける
お客様のご要望を聞きすぎたカンプを作ってしまい四苦八苦しているアピコです。（汗） エレメンターの構成を勉強せずに走り出してしまい、お客様のご要望にストップかけることもできず・・・かなりやらかしたカンプ。 エレメンターマスターに「悲しい」と... -
WordPress｜Elementor 画像の上にボタンを設置したい！！
アピコです。 ワードプレスのエレメンターはノーコードのフレームワークでホームページ簡単に制作することができます。エレメンタープロは年間で費用が発生しますが、テンプレートも豊富なので素材が揃っていれば、1日でデザイン性に優れ動きのあるコーポ... -
slideshow と lightbox を併用する【UIKit】
コーダーのオッコです。 弊社はUIKitをコーディングで積極的に取り入れていますが、その要素同士を併用する際に詰まったのでメモとして残します。 TECN NEWS 自動表示枠 やりたかったこと ・商品詳細画面で、複数の画像をuk-slideshowを使って表示。（大き... -
クリックで開閉するヘッダのプルダウンコード（任意の場所をクリックして閉じられる処理あり）
コーダーのオッコです。 ヘッダのプルダウンの挙動ってタグ構造に左右されたりして地味に時間を取られるので、自分なりの書き方をまとめておきます。 ヘッダの右上にプルダウンのボタンがある前提の命名になっています。 HTML <div class="header_right... -
FLOCCS／Sass(SCSS)の利用について
こんにちは、インターンのさこです。社内でFLOCCSの導入を進めることになりましたので、覚書として記載いたしました。これから先輩方のサポートをいただきつつ、無事導入成功できると良いです。 TECN NEWS 自動表示枠 1 FLOCSSを採用していくための参考... -
Git SouceTreeの使い方について
TECN NEWS 自動表示枠 Gitの考え方について gitの考え方について、こちらの動画がとても分かりやすかったので、少し長いですが見てみてください。（使用ツールはSoucetreeではなくGitHubですが、似たような使い方だと思います。） Soucetree準備 開発環境...
