has()疑似クラスでコーディングが変わる！ CSS最新スタイリング - ICS MEDIA
2024年のブラウザならCSSの:has()疑似クラスが使えます。この:has()疑似クラスは非常に強力なポテンシャルをもっています。というのも:has()疑似クラスを使えば、どんな関係のセレクターも指定可能になります。これを使えば多彩なセレクターが記述できるようになり、より表現力豊かなCSSを実現できます。この記事では:has()疑似クラスを使ったCSSの表現手法やテクニックを紹介します。 サンプルを別ウインドウで開く コードを確認する :has()疑似クラスの基本的な使い方 :has()疑似クラスの使い方について簡単に説明します。:has()疑似クラスは渡したセレクターを持つ親要素を選択します。たとえば、次のようなHTMLとCSSがあるとします。 <p class="text"> <strong>メロス</strong>は激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
「顧客解像度が成果改善のカギ」BtoB向けSEOと検索広告の改善手法｜アナグラム株式会社
BtoBビジネスのデジタルマーケティングに関する業務をされている方の中には、SEOや検索広告の成果改善のためにリサーチをするものの、結局具体的に何をしたらよいかわからないと言ったお悩みを抱えている方も多いのではないでしょうか。 そこで今回、デジタルアイデンティティさまと弊社の共催で「BtoB市場での検索広告とSEOのベストプラクティス」と題したウェビナーを開催しました。 本レポートでは、ウェビナーの中で解説されたSEOと検索広告の成果改善に繋がるポイントを紹介していきます。すぐに取り組める施策もあるため、ぜひチェックしてみてください。 ウェビナー概要 【7/24（水）15:00】ウェビナー「BtoB市場での検索広告とSEOのベストプラクティス」をデジタルアイデンティティさまと共催します 開催日時：2024年7月24日（水）15:00〜16:00 場所：Zoom 主催：株式会社デジタルアイデ
なぜあの人は、提案からの受注率が80％を超えるのか | 株式会社THE MOLTS
弊社（デジタルマーケティング支援会社）には、企業規模や予算、プロジェクト内容に関係なく「提案からの受注率が80％以上」とやたら負け知らずのメンバーがいます。これは全社平均40〜50%を大きく上回る数字です。 なぜこんなにも受注率が高いのか。その謎を解明すべく、当人であるコンサルタントに「ふだんどのように商談へ臨んでいるのか」を聞いてみました。 ……先にお伝えしておきますと、“営業のテクニック” としてではなく、“商談への向き合い方” の一例としてお読みいただければ幸いです。 そもそも、受注しようと思っていない。 Q. 一般的な営業担当との違いはどこにあると思いますか？ A. そもそも「受注しよう」と思ってない。 クライアントの事業成長に対して価値あるものだけ提案する、ないと思ったら提案しない。自社が最善の選択肢ではない場合は、パートナー会社をガンガン紹介するし、初回ヒアリング時にそもそも違
【オンライン講座／コピーライト編】だれでもコピーが書けるようになる80分
職域の垣根をこえてビジネス全体にも関わることができるクリエイターを目指すために、ビジネス、開発、テクノロジー、クリエイティブなど、企業で働くクリエイターにいま必要なテーマを網羅するオンライン講義を実施します。今回のテーマは「コピーライト」。実際に世の中にリリースされたコピーの解説やコピーを考えるための発想術などについて、電通でコピーライターとして活躍する藤田卓也さんが解説します。 講義内容 ※動画で登場する講義タイトルに「120分」と記載がありますが、実際の講義（動画）時間は「約80分」となります。 自己紹介と講義の流れ（0:00～6:10） 第1部 コピーとは何か？（6:11～29:37） 第2部 コピーが効く3つの課題（29:38～46:26） 第3部 コピーライティングの基礎技術（46:27～1:10:02） 第4部 いま、効くコピーとは何か？（1:10:03～1:21:21）
【検索雑談】Search Consoleでひらがな or カタカナ or 漢字のみのクエリを抽出する方法
（この記事は1分で読めます）※10分で書きました Search Consoleの正規表現でひらがなのみ、カタカナのみ、漢字のみのクエリ抽出の方法があるというのを知ったのでメモ。 クエリの抽出 > 正規表現に一致 ひらがな・・・
過去問 1st Studyz｜国内最大級の無料資格学習サイト
試験勉強は「まず、始めてみる」事が一番大事。 「1st Studyz」は誰でも、無料で、今すぐ、１クリックでスタートできます。 各学習サイトは試験の過去問題を１問１答形式で解くことができる「問題集・模擬試験機能」を始め、頻出単語を効率よく暗記する「暗記カード」機能、試験に関する情報をまとめた「学習メディア」を掲載しています。
別タブへのリンク記述「target=”_blank”とrel=”noopener noreferrer”」の見直しを - 株式会社真摯
別タブへのリンク記述「target=”_blank”とrel=”noopener noreferrer”」の見直しを 2024 7/23 Webサイトにてリンク先を別タブで開く用途で、a要素へのtarget="_blank"の指定に加えてrel="noopener noreferrer"が指定されていることがあります。 しかし現時点では、リンクを別タブで開く目的にて「target="_blank"とrel="noopener noreferrer"をセットで記述」というのは不要です。そのような無思考な運用になっていれば見直した方が良いでしょう。特にrel="noreferrer"の指定はアクセス解析に影響を及ぼします。 主要ブラウザーでnoopenerは対応済み、noreferrerは特定用途で利用を 2024年現在、主要ブラウザーはa要素へのtarget="_blank"の指定でrel=
こんな名前があったとは！ デザインスタイルの呼び名まとめ - NRIネットコムBlog
本記事は Design Week 2023 1日目の記事です。 🌈 告知記事 ▶▶ 本記事 ▶▶ 2日目 💐 こんにちは、Webデザイナー3年目の馬場です。 突然ですが、 「メンフィス」「グラスモーフィズム」「アイソメトリック」... 皆さんはこれらのワード、いくつ知ってますか？ もしくはデザイナーの方は、 「このデザイン、最近良く見るけど呼び名とかあるのかな…？」 「他人に言葉で『◯◯のデザイン』と説明したいけど名前がわからない...。」 と思ったことはありませんか？ 私は定期的にWebデザインのトレンドや用語などを調べてインプットしているのですが、 今までよく目にしていたデザインスタイルや模様などに「こんな名前があったんだ」と、恥ずかしながら初めて知ることが多々あります。 今回はそういったデザインスタイルの呼び名を集めましたので、参考サイトや使用事例と共にご紹介していきます。 メン
PdM から見た「スーパーエンジニア」の思考と行動 / Thoughts and Actions of Super Engineers as Seen from PdM
「PHPカンファレンス福岡2024」の登壇資料です。 https://phpcon.fukuoka.jp/2024/ # スライド掲載資料 https://speakerdeck.com/kassy1127/qiang-i-enziniatodong-kuzhong-de-xin-zu-1ni…
Figmaの基本機能で簡単につくる、テキスト&あしらい表現TIPS - ICS MEDIA
リリース以来数多くのアップデートが行われ、多機能になっていくFigma。今回はそんなFigmaの基本機能を使用した、簡単なデザイン作成やあしらいづくりに活かせる表現TIPSを紹介します。 テキストの表現 マスク機能やエフェクト、そしてレイヤーのブレンドモードを使用したテキストの表現をいくつか紹介します。 TIPS：画像をテキストでマスクする マスク機能を使用して、画像をテキストの形に切り抜きます。 以下の手順で切り抜きます。 画像とテキストレイヤーを用意 画像が前面になるようにして、画像とテキストレイヤーを重ねる 両方のレイヤーを選択状態にして、右クリックメニューから［マスクとして使用］を選択（ショートカットキーは、Mac：control + command + M、Windows：Ctrl + Alt + M） マスクした後も、テキストレイヤーは編集可能です。 さらに画像をレイヤーブラー
私が独学をして、マジ神だと思うサイトおよび他 - Qiita
初めに 私は独学でプログラミングその他について勉強をしていますが、基本的に知識を得るために金はかけません。調べれば何とかなるので。 私がプログラミングを始めるにあたって自分に投資したものは安いノートパソコンとマウスのみで合計金額は14600円（ノートパソコン14000円、マウス600円）ですね。 もちろんいいものはお金をかけなければ手に入りません。しかし、いいものというのはある程度のレベルにならなくては持っていても意味がほとんどないと思います。 実際にプログラミングの勉強を独学で始めると、なかなか教材を見つけることができず、え？こんないいサイトあったの！？もうちょっと早く見つけときゃあよかった！というものがめっちゃありましたので、これから独学でプログラミングの勉強をしたいという方に向けて、少しでもお役に立てたらと、紹介をしたいと思います。 というわけで、今回は私が感謝する神サイトおよびその
[総まとめ]Google広告のコンバージョン数 vs アナリティクスのコンバージョン数のズレ | 株式会社プリンシプル
はじめに Googleアナリティクスの広告レポートを見たところ、そのコンバージョン数がGoogle広告のコンバージョン数と何故か違うことに違和感を持ったことはないでしょうか？ この数字の違いには、仕様上どうしても発生してしまうものもあれば、何らかの不備により発生して運用の評価に大きな影響を与えるものもあります。後者の場合、実態を正しく反映していないコンバージョンデータをもとに広告やユーザーの分析、施策を行うことになってしまいます。 本記事では、こういった事態を避けるため、ズレの原因特定と対策の方法をまとめます。また、その整理作業を通じて、広告とアナリティクスがどのような仕組みになっているかも理解し、こうした問題に終止符を打つことを目指します。 なお、そのほかの指標のズレに関して「[総まとめ] Google広告のクリック数 vs アナリティクスのセッション数のズレ」という記事も書いたので、宜
![[総まとめ]Google広告のコンバージョン数 vs アナリティクスのコンバージョン数のズレ | 株式会社プリンシプル](https://cdn-ak-scissors.b.st-hatena.com/image/square/083ad65394d12ab225d18442c8ab8eb28cae470a/height=288;version=1;width=512/https%3A%2F%2Fwww.principle-c.com%2Fwp_cp%2Fwp-content%2Fuploads%2F2020%2F07%2Fdifference-between-googlead-and-analytics.jpg)
Top Page
まずはJMOOCにログイン JMOOCにログインするとお気に入りの講座をリストに登録して通知を受け取ったり、JMOOCのメールマガジンを受け取ることができます。 Google ID,Facebook ID共に所有していない場合、各プラットフォーム（gacco,Open Learning,Japan）にて個別に受講登録をして頂ければ受講できます。 ※すでに各プラットフォーム（gacco、OpenLearning,Japan）でアカウント登録している場合は、登録済みのものと同様のIDで登録いただくことで、将来的にシングルサインオンのシステム構築が完了した際に、共通IDによる受講情報の一元管理が可能になります。 現在FaceBookIDでのログインは、一時的ではございますが、ご利用になれません。
PDF入稿は簡単です！慣れてしまったらもうIllustratorデータ入稿が面倒になります。｜制作課長 くれそん
Illustratorで作ったデータ。入稿はPDFで？それともIllustratorのまま？PDFでの入稿が当たり前のようになってきた今でも、まだまだIllustratorデータで入稿されることは多いです。 Illustratorで アウトラインを取って、 配置画像を添付、もしくは全て埋め込み、 zipファイルを作成して重いデータをアップロード この作業をするくらいならPDFに保存して入稿した方が制作側も楽だと思うのですが、なぜIllustratorデータでの入稿が多いのでしょうか。 おそらくですが、 PDFへの書き出し方を印刷会社に確認するよりはIllustratorデータで渡して、あとは印刷会社にお任せした方が安心 Illustratorで入稿しておけば、何かあったときに印刷会社に修正をお願いしてそのまま下版できる そもそも入稿先の印刷会社がPDF書き出しプリセットを用意していない こ
急に仕事で英語を使うことになった社会人に贈るまとめ(便利ツール/コンテンツ) - Qiita
急に仕事で英語を使うことになった社会人に贈るまとめ(便利ツール/コンテンツ/勉強本) 新規案件参画初日。 Goやk8sを使えることなってワクワクしていたあの日、 参画してすぐにチーム内のエンジニアで日本人が自分以外に一人であること、 それ以外のチームメンバー全員が外国籍のメンバーになることを知らされた そこのあなた！ 数年前の私です（笑） さらに2ヶ月後には、開発チームで唯一の日本人になって死にそうになりました。 その時は突然にやってきます。 当時、私の英語の経験というと大学受験の対策のみと言っていいほどで、 そこから10年以上経過していたため、高校英語すらも怪しい状態でした。 英語学習を開始して 半年ほど経過した時のレベルがTOIEC450程度だったので、学習開始当初はおそらく400点を切っていたレベルであると思います。 そこから英語学習を開始し、2年ほど経過した今では、便利ツールを活用
Cookie（クッキー）とは何か、そしてリターゲティングにおけるCookieの働きとは何なのか
(こちらをクリックすると英語版をご覧いただけます。) 近年、Cookie（クッキー）の使用がユーザーのプライバシーを侵害しているという声が増えています。Cookieは悪いものと見なされがちですが、実際にはCookieとは何か、そしてなぜプライバシーの懸念が重要な話題になっているのかを理解することが大切です。 Cookieとは、ウェブサイトがユーザーのデバイスやウェブブラウザに保存する小さなテキストファイルのことを指します。Cookieは、ユーザーが過去に行ったインタラクション（例えば、ログイン状態、ショッピングカートの中身、表示言語の好みなど）をウェブサイトが覚えておくのに役立ちます。 このような情報を保存することで、Cookieはユーザーのウェブサイトでの動きをスムーズにし、例えば、毎回サイトを訪れるたびにログインする必要がなくなります。 Cookieの種類 Cookieには大きく分けて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
細川美和子 アーカイブ - イマジン大学 Imagine University
2024年6月にXに投稿したCSSテクニックのまとめ – TAKLOG
RandomA11y - Endless collection of accessible color combos
StoryTribe: Free Online Storyboard Maker for Professionals
