【CSS】よく使うセレクターをまとめてみた - Qiita
はじめに 開発現場でよく使うCSSのセレクターをまとめてみました。随時追加していく予定です。 タイプセレクター
はじめに 開発現場でよく使うCSSのセレクターをまとめてみました。随時追加していく予定です。 タイプセレクター
「蛍光ペン」っぽいアンダーラインマーカーで文字を装飾する
蛍光ペン・クレヨンマーカー・アンダーラインマーカーなど、いろいろ呼ばれていますが、文字を強調したい時に綺麗で見やすくて良いですよね♪ 記事の中でも差別化できたり、テーマやスキンに合わせて使い分けても良いかも～と思ったので、いろいろ作ってみました。 スタイルシート（style.css）にコードを記入するだけの簡単な方法で解説します。 『CSS・html』コピペだけで簡単に使えますので試してみて下さいね！
Webデザインから見たSEO
https://developers.google.com/search/docs/data-types/article 現在は約 30種類の構造化データですが、今後増える可能性もあります。Google や Yahoo！、Microsoft などによって結成された schema.org という団体がこうした構造化を企画しました。 項目の中には ビジュアル的な Webデザインと関係の無いものもありますが、一通り目を通しておきたいですね。 SEOとWebデザインとAMP AMP というと”シンプル”な印象を受けますが、 AMP の公式サイトは動きもあってかっこいいです Google は、モバイルファーストを意識し、2016年頃から Web ページにおいて AMPAccelerated Mobile Pages を推奨。 ページの読み込みスピードを重視する SEO にとって、AMP は重要なファ
2019年12月20日 書評 Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します！ ↑私が10年以上利用している会計ソフト！ 配色デザイン良質見本帳 イメージで探せて、すぐに使えるアイデア集
スプリットレイアウトの作り方を解説!レスポンシブにも対応！
昨年くらいから見かけるようになった印象の「スプリットレイアウト」のサイト。今回は「スプリットレイアウト」を取り入れる際の参考になるサイトをまとめてご紹介します。 目次 スプリットレイアウトとは？ スクロール一体タイプ スクロール分割タイプ スプリットレイアウトとは？「スプリットレイアウト」は「スプリットスクリーン」と言っている方もいますが同じものです。その名のとおりスプリット＝分割するデザインレイアウトのことです。画面を縦2つに分割して見せることで左右の対比が生まれデザインの印象が変わり... HTML <div class="split"> <div class="split-item split-left"> <div class="split-left__inner"> left </div><!--split-left__inner--> </div><!--split-item
<!-- - 1. Preemptively warm up the fonts’ origin. - - 2. Initiate a high-priority, asynchronous fetch for the CSS file. Works in - most modern browsers. - - 3. Initiate a low-priority, asynchronous fetch that gets applied to the page - only after it’s arrived. Works in all browsers with JavaScript enabled. - - 4. In the unlikely event that a visitor has intentionally disabled - JavaScript, fall ba
小規模事業者持続化補助金とは小規模事業者と、特定の要件を満たす特定非営利活動法人を対象にした支援制度です。 小規模事業者が経営計画に基づいて実施する販路開拓などの努力や業務効率化を支援し、それに必要な経費の一部を補助するものとなっております。 ホームぺージ制作の場合は、「ウェブサイト関連費」として給付を申請します。 補助対象者 日本国内に所在する小規模事業者、個人、または日本国内に本店を有する法人で、以下の6つの要件をすべて満たす必要があります。 ①小規模事業者であること 小規模事業者の定義は下記になります。 商業・サービス業（宿泊業・娯楽業除く） ：従業員5人以下 サービス業のうち宿泊業・娯楽業：従業員20人以下 製造業その他：従業員20人以下 ②資本金又は出資金が５億円以上の法人に直接又は間接（※）に100％の株式を保有されていないこと（法人のみ） ③確定している（申告済み）直近過去３
たとえば「バナナマン」と検索すれば以下のように関連した情報が出てきます。出てきた情報はWikipediaのそれぞれの詳細ページへリンクしています。 HTMLで書くこと HTML構造は以下の通り。input要素に入力したワードを使ってWikipediaから情報を取得し、クラス名p-wikipedia__bodyの中に表示させます。 <div class="p-wikipedia"> <div class="p-wikipedia__inner"> <h3 class="p-wikipedia__heading">Wikipediaで検索する</h3> <div class="p-wikipedia__search"> <input id="js-wikipedia-input" type="text" value="" placeholder="検索ワード"> <button id="js-
会社情報
日本法人 代表取締役 花井直哉 フリーランスエンジニア、国内のスタートアップ企業代表を経て、ベトナムにオフショア開発会社を設立、現在のオフミツの開発・運用を行う。 日本とベトナムのシステム開発を繋ぐブリッジエンジニア。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2019年12月に読んだWeb・デザイン関連の本
【2021年】Google fontsの非同期読み込み最適化【Cocoon】
ホームページ制作で申請出来る補助金・助成金をわかりやすく解説【2024】| 株式会社LIG
【JavaScript】Wikipediaの情報をAPIを使って非同期で取得する方法- asyncとawaitを学ぶ