chrome拡張機能 【chrome】AI生成ツール用のおすすめchrome拡張機能3選
ChatGPT CTl + Enter SenderChatHub - オールインワンチャットボットクライアントPerplexity
chrome拡張機能 生成AIツール 【AIツール】おすすめAIツール
Scribeマニュアル作成ツールGamma Notta文字起こしツールChat with any PDFPDFファイルを要約したりできるツールtl;dv会議の録画や文字起こしツールDeep L翻訳ツールCaptions動画に字幕をつけたり、...
Web技術 【HTML】改行タグにクラスをつけられる
以下ように記述し、CSSでPCとSPでテキストの改行箇所の調整を行います。 実務の8〜9割は使用することが多いテクニックなのに、意外と参考書に書かれてないので覚えておくとGOOD<br class="pc_only"><br class="...
Web技術 【CSS】実務で使えるdisplay gridレイアウト
See the Pen Untitled by 山崎毅 (@lvfthhbg-the-flexboxer) on CodePen.
Web技術 【JavaScript】ロード時にhtmlタグを追加して表示する方法
See the Pen Untitled by 山崎毅 (@yotreejs-the-looper) on CodePen.
Web技術 【CSS】カードデザインで要素にリンクが複数ある時の実装方法
今回紹介するのは、カードデザインを実装する際にカードの要素にリンクが複数あるときの実装方法を記載しておく。aタグの中に複数のaタグをhtmlでは実装できないのでcssでやる方法になる。 See the Pen Untitled by 山崎毅...
Web技術 【zendesk】カテゴリのタブ切り替え実装方法
zendeskをカスタマイズする案件に携わっているのでメモとして保存しておく。基本cssはお好みで大丈夫です。HTML<section class="section"> <h1>タイトル</h1> <!-- タブ切り替え --> <div ...
Web技術 【zendesk】記事の設定で記事を推奨をつけた記事のみを表示する方法
<ul class="article-list"> {{#each promoted_articles}} <li class="article-list_item"><a href="{{url}}">{{title}}</a></li>...
Web技術 【zendesk】inputフィールドにplaceholderを追加する方法
閉じ「｝」の前に「placeholder='表示したいテキスト'」を追加するだけでOKだ。{{search submit=false instant=settings.instant_search class='search search-...
Web技術 【CSS】CSSを書く時に意識したいこと
transition を指定する時はプロパティも指定する/* Bad... */a { transition: .2s;}/* Good!! */a { transition: opacity .2s;}PC/SPの画像の切替えは disp...