CSS– tag –

AIでLPやホームページのコーディングは本当にできるのか。 最近、このような疑問を持つWebデザイナーやコーダーの方は増えていると思います。 AIで画像を作れることは、すでに多くの人が知っています。しかし、Web制作の現場で本当に重要なのは、画像を作...

TECN NEWS 自動表示枠 H2-1：なぜ今、LPをAIと一緒に作るのか WordPressとSWELLでブログや情報サイトを運営していると、「このサービスだけはLPをちゃんと作りたい」というタイミングが必ず来ます。今回の僕にとってのそれが、「問い合わせmini」でした。 ...

TECN NEWS 自動表示枠 AIと一緒にSWELLでLP化した話　｜― 固定ページだけグローバルメニューを消すまでの「リアルな悪戦苦闘」 「WordPressのこのページだけLPにしたい。でも、ヘッダーのグローバルメニューが消えない。」SWELLユーザーなら、一度は通る悩...

TECN NEWS 自動表示枠 H2-1. WordPressで作ったページをPDF化すると改ページが崩れることがある WordPressで作成したページを、そのままPDF化して申請資料やマニュアルとして使いたい場面があります。 たとえば、IT導入補助金の申請資料、業務マニュアル、...

WordPressで作成したページを、PDF資料として保存したいことがあります。 たとえば、以下のようなケースです。 申請資料をPDFで提出したい 機能説明書をPDF化したい 価格説明書をPDF化したい 操作マニュアルをPDFにしたい お客様へ送る資料を作りたい 社内...

/* YouTube */ /*親*/ .youtube { position: relative; padding-bottom: 50%; height: 150px; overflow: hidden; margin-bottom: 20px; margin: 0 7px; border-radius: 10px; } .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; heig...

<a>タグでリンク設定しているのに、リンク先に飛ばないことありませんか？ 今回のケースは、SP版のヘッダーで起こりました。 ハンバーガーメニューが下に下が理、下に記述したコンテンツによって隠れてしまったので、z-indexを使って重なりが最も上にな...

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

こんにちは、インターンのさこです。社内で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&...