見出しなどのテキストを目立たせたいときに便利なフキダシ（吹き出し）。 この記事では、HTMLとCSSだけで簡単に実装できる、シンプルなデザインのフキダシをご紹介します。 雑誌やポスターなどで見かける可愛いあしらいをウェブサイトにも取り入れたいと思ったことが、今回のテーマを選んだきっかけです。 とくにフキダシは、少ないコードで表現でき、見出しなどのテキストに華やかな印象を与えられます。 ウェブサイトを制作する際に、ぜひ取り入れてみてください。 また、この記事のほとんどの作例で、CSSの疑似要素『::before』と『::after』を利用しています。 疑似要素を使うと、不要なHTMLタグを増やさずにCSSで装飾できます。 ::before ＝ 選択した要素の最初の子要素として疑似要素を生成 ::after ＝ 選択した要素の最後の子要素として疑似要素を生成 これらは、要素に装飾的な内容を追加
プログラミング言語で書かれた謎の広告→「分かる人」が見ると……？ 粋なアイデアが「おしゃれ」と話題 東急に制作背景を聞いた
東急グループのデジタル技術による街づくりプロジェクト、「URBAN HACKS」の電車内広告が「面白い！」「おしゃれな広告」と話題です。CSSの記述に見える文字列をよく見てみると……？ 「分かる人には分かる」広告が話題 話題になっているのは、Webページの装飾を設定するためのプログラミング言語「CSS」風の文字列が黒い背景に並んでいる電車内広告。「エンジニア デザイナー募集」の記載もあるため求人広告とは分かりますが、コード部分の意味は一見しただけでは分かりません。 CSS部分をよく見ると…… しかしよくよくコードを読んでみると、「skill: 100%;」「org-style: flat;」「work-space: unset;」など、実は職場環境を紹介する文になっているのです！ 「フラットな社風で働く場所は自由、スキルを100%生かせる仕事です」といった感じかな……？ 別バージョンでは「
加熱式たばこも紙巻きたばこと同様、健康リスクが高い嗜好品です。受動喫煙などの問題もあるため、適切な場所で吸う必要があります。 しかし、加熱式たばこの喫煙環境に関して、何らかの不満を抱えている方も多いのではないでしょうか。 そこで今回は、加熱式たばこの現状を踏まえつつ、ユーザーの悩みや喫煙所に求められる条件、悩みを解消するアイデアをまとめました。なお、本記事の内容はクリーンエア・スカンジナビアによる独自のアンケート調査の結果に基づいています。 近年、加熱式たばこの人気が高まっている 加熱式たばこは比較的新しい製品であり、日本で初めて販売された時期は2014年11月です。販売開始から約10年とまだまだ歴史は浅いものの、多くの喫煙者から支持を集めており、そのシェア率は今や紙巻きたばこに迫りつつあるといわれています。 クリーンエア・スカンジナビアが加熱式たばこのユーザーを対象に、加熱式たばこ派の数
「アイデアはあるけど小説にしようとすると上手く書けない」という人は、これ言ってあげると大体書けるようになる説→「詰め込みすぎはよくない」「話の一貫性があるかどうか」
宮前葵 @AOIKEN72 「私をそんな二つ名で呼ばないで下さい！」「貧乏騎士に嫁入りしたはずが!?」小説書いてます。小説家になろうmypage.syosetu.com/2331732/ カクヨムkakuyomu.jp/users/AOIKEN 仕事募集中です。ご連絡はkenaoi271@gmail.com
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML・CSSで実装するかわいいフキダシのアイデア - ICS MEDIA
加熱式たばこの喫煙所問題｜ユーザーの悩みを解消するアイデアを紹介 | 分煙・空気清浄機のクリーンエア