HTML・CSSで実装するかわいいフキダシのアイデア - ICS MEDIA
見出しなどのテキストを目立たせたいときに便利なフキダシ（吹き出し）。 この記事では、HTMLとCSSだけで簡単に実装できる、シンプルなデザインのフキダシをご紹介します。 雑誌やポスターなどで見かける可愛いあしらいをウェブサイトにも取り入れたいと思ったことが、今回のテーマを選んだきっかけです。 とくにフキダシは、少ないコードで表現でき、見出しなどのテキストに華やかな印象を与えられます。 ウェブサイトを制作する際に、ぜひ取り入れてみてください。 また、この記事のほとんどの作例で、CSSの疑似要素『::before』と『::after』を利用しています。 疑似要素を使うと、不要なHTMLタグを増やさずにCSSで装飾できます。 ::before ＝ 選択した要素の最初の子要素として疑似要素を生成 ::after ＝ 選択した要素の最後の子要素として疑似要素を生成 これらは、要素に装飾的な内容を追加
オーストラリア 男が次々に人を刺し6人死亡 男は射殺 | NHK
オーストラリアのシドニー東部郊外のショッピングセンターで、刃物を持った男が次々に人を刺し、6人が死亡したほか、生後9か月の赤ちゃんを含む8人が病院で手当てを受けています。容疑者の男は駆けつけた警察官に射殺され、警察は身元や動機について調べを進めています。 地元警察によりますと、日本時間の13日午後2時半ごろ、シドニー東部郊外のボンダイ・ジャンクションのショッピングセンターで刃物を持った男が次々に人を刺し、女性5人と男性1人のあわせて6人が死亡したということです。 また、生後9か月の赤ちゃんを含む8人が病院で手当てを受けていて、なかにはケガの程度が深刻な人もいるということです。 警察によりますと、容疑者の男は、駆けつけた警察官に射殺されたということです。 警察は容疑者は40歳の男とみて身元の特定を急ぐとともに動機について調べを進めていて、いまのところテロを示唆するものはないとしています。 シ
文章の折り返し指定のCSS最新版 - ICS MEDIA
文章の折り返しはウェブ制作において意外と難しいものです。URLが文章に含まれている場合、URLがレイアウトを突き抜けてしまった、という経験をみなさんはお持ちではないでしょうか？ この記事では、国内のウェブ制作において「開発者が考えることが少なくてよくなる」安全なCSS指定を紹介します。 結論から説明すると、以下の指定を提案します。 body { overflow-wrap: anywhere; /* 収まらない場合に折り返す */ word-break: normal; /* 単語の分割はデフォルトに依存 */ line-break: strict; /* 禁則処理を厳格に適用 */ } この記事では上記の指定にいたった理由と、折り返しの理解について必要なoverflow-wrapとword-breakプロパティを中心に解説します。 overflow-wrap overflow-wrapは
リンクの入れ子は subgrid が最適解かもしれない
はじめに リンクの入れ子とは何かというと、以下のようなデザインです。 カード全体がリンクでクリッカブルになっていて、中のタグやカテゴリーもそれぞれがリンクになっています。ニュースやブログの投稿などでよく見るデザインだと思います。 しかし、以下のようにマークアップすることはできません。 <a href="https://example.com/posts/hello-world/"> <h2>Hello, World!</h2> <p>...</p> <a href="https://example.com/tag/hello/">#hello</a> <a href="https://example.com/tag/world/">#world</a> </a> HTML のルール的に <a> の入れ子はダメだからです。 Subgrid を使った方法 Subgrid がまだない時代からいろ
「それって陰謀論じゃないですか？」闇の国家「ディープステート」を信じる著名人一人一人に会ってみたら…どうなった？ ｜ 47NEWS
インターネットを通じて情報が手軽に得られるようになった一方で、根拠に乏しい「陰謀論」も拡散し、人々に影響を与えている。その一つである「ディープステート」は、奥深くにある（ＤＥＥＰ）国家（ＳＴＡＴＥ）が政府をひそかに操っているとの考え方だ。その存在を語る人々の中には、「あの人も？」と驚くような政治家、著名人もいる。 一人一人に会い、話を聞いてみると、誰もが熱心に自説を展開する。世の中で起きていることの背後には、何者かのたくらみがある――。ネット情報に依拠し、荒唐無稽とも言える主張に、なぜ染まってしまったのだろうか。（敬称略、共同通信＝佐藤大介） ▽「覚せい」した元総務相 東京・永田町の議員会館。立憲民主党の衆院議員で元総務相の原口一博は、硬い表情で振り返った。 「その存在を認識するようになったのは２００２年のこと。日米地位協定の改定案を議論していたら、米中央情報局（ＣＩＡ）の日本担当を名乗る
2024年のCSSの書き方、ワークフローとツールについて
CSSには大きく変わるタイミングが何度かありました。レスポンシブ対応、メディアクエリ、Flexbox、CSS Gridなどはその大きく変わったタイミングでしょう。 そして、2024年もこれらと同様に大きく変わりそうです。CSSのネスト、:has()疑似クラス、subgrid、コンテナクエリ、ビューポート単位などの新機能がすべてのブラウザにサポートされました。 2024年のCSSの書き方として、より保守しやすいCSS、ワークフロー、ツールについて紹介します。 How I'm Writing CSS in 2024 by Lee Robinson 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに デザインの制約 2024年のCSS お勧めのCSSツール 終わりに はじめに 2024年のCSSは、素晴らしいの一言に尽きます。
インド民の代表的言い訳とその対応 ①｜インド麦茶
インド民はとにかく何かにつけて「言い訳」を唱えてくる。まず、インドに着任してイライラするのはこのインド民のコミュニケーションモードである。これはインド民の自己防衛本能の一種であるが、実際に部下や取引相手として対峙した場合にはなかなか手ごわい。その結果、彼らとの議論が面倒臭くなり、適当にやり過ごし、こちらが相手の主張を飲み込んでしまった場合、インド民は、「やはり俺が正しかった」と本気で思いこむ。よって、議論や責任を有耶無耶にすることは、長期的に見れば相互に誤解を生むことになり、結果として逆恨みや約束の不履行などに繋がる。相手が部下であれば、あなたは彼や彼女をコントロールできなくなるだろう。何しろ、あなたが追求をやめれば、相手は自分が受け入れられたと考えるからである。日本人であれば、無理筋な自らの主張を理解して、心のどこかで良心の呵責が発生することを期待できるかもしれないが、インド民はそのよう
ハウスDJの基本的なミックスのやり方｜coolsurf
ハイどうもこんにちわ！あとあけましておめでとうございます！ ということで今年も英語と猫とDJでこちらのnoteはやっていきたいと思うのですが、今回はハウスDJの考える「基本のミックス」について書いていきたいなと思います。いわゆるDJテクニックの話なので、好みや流派もありますし僕個人の考え方なので、そういうのもあるんだね～くらいに受け止めていただければと思います。 ちなみにまたまた宣伝ですが、昨年爆売れした選曲術の記事もまだ読んでない方が居たらぜひそちらもチェックしてくださいね。 まずは縦フェーダーだけでミックスということで早速ですが、僕が色んな人にミックスのコツを教えて！と尋ねられると100%で返すのは「まず縦フェーダーだけでミックス出来るようになろうぜ！」という回答です。 これは僕も昔DJやり始めた頃にハウスはいいぞ、かっこいいだろ～とイキってたらとある人に「縦だけでミックスも出来んのに
トコジラミ被害に遭った人『一番役に立ったのはダイソーの“ハエ用粘着シート”です』→トラウマになった経験談が恐ろしすぎた
のゆら @noyura__ もう本当にトラウマになってるので …被害に遭った二年前、職場で言ってもトコジラミ？南京虫？？って感じだったけど(実際私も祖母から単語だけは聞いてたけどそれまでどんな虫かは知らんかった)とにかく認知度上げて意識して家に持ち込まない(繁殖させない)しかできることないから… 2023-11-22 22:13:13 のゆら @noyura__ 被害に遭った2年前は殆どがトコジラミ？何それ？みたいな反応だったけど遂にトレンド入りする程度の認知度になって嬉しいようで全然嬉しくないこの複雑な気持ち イヤでもほんと奴らをこの世に蔓延させない為には先ず皆が危機感を持って対策することが大事だから…と思って暫くTwitter内パトロールして 2023-11-30 22:27:31
シェルターはもっと軽くなる｜ビール飲みたいbot
こんにちは宮西です。 早いもので気づけばもう6回目のオリエンティアアドベントカレンダーです。 興味のあるひともいるかもしれないので過去の記事を。自己紹介とかもたぶんこのなかに書いてあるので今回は省きます。 2016年: 月間走行距離50kmでもインカレ入賞する10の方法 2017年: 世界一軽い寝袋の作り方 2018年: 最軽量シェルターの作り方とレース本番で持って行き忘れたときの対処法 2019年: 調査革命が起きた！ ～超高精度格安GPS～ 2020年: 調査板はもう古い！？時代はタブレット調査！ プロマッパーだし今年も地図のこと書こうかなと思ったんですが、意外とネタがなかったので先月に自作したシェルターのことでも書いていきます。 半身シェルター+ブランケットはダメらしい2016年に自作したシェルター2018年の記事で超軽いシェルターを自作した話をしましたね。2019年もこのシェルター
実は和製英語だった言葉
・タッチパネル（英語はtouch screen） ・アフターサービス（英語はafter sales-service） ・ゴールデンアワー（英語はprime time） ・コンセント（英語はoutletまたはsocket） ・ドライヤー（英語hair dryer。dryerだけだと乾燥機） ・ファックス📠（英語はfacsimile） ・ペットボトル（英語はplastic bottle） ・シール（英語はsticker） ・キーホルダー（英語はkey ring） ・フライドポテト🍟（英語はfrench fries） ・パン🍞（英語はbread） ・ハンバーグ（英語はHamburg steak） ・シュークリーム（英語はcream puff） ・ソフトクリーム🍦（英語はsoft serve ice cream） ・アメリカンドッグ（英語はcorn dog） ・パーカー（英語はhoodie
1つの HTML ファイルだけで完結する校正支援ツールの作り方
こんにちは。LINEヤフー株式会社でテキストマイニングや自然言語処理などをやっている山下（ @yto ）です。 Yahoo!デベロッパーネットワークのテキスト解析 Web API が CORS（Cross-Origin Resource Sharing）対応したため、サーバがなくてもブラウザから直接 Web API にアクセスできるようになりました（参考）。 そのテキスト解析 Web API の機能の一つである「校正支援」は日本語文章の品質チェック（校正）を支援するもので、文字の入力ミス、言葉の誤用、わかりにくい表記、不適切な表現などが使われていないかをチェックして、指摘します（内部の辞書データをベースとしているため完全なものではないことをご承知おきください）。 この校正支援機能のサンプルプログラムとして「HTML ファイル1つだけで完結する校正支援ツール」を作ったので紹介します。入力され
「頭の良い人」は陰謀論にハマるか、学術誌に論文が掲載…「面白くない」研究結果は心理学者を奮い立たせた
【読売新聞】 「新型コロナは利権団体によるデマ」「ワクチンにはＩＣチップが入っている」など、新型コロナの感染拡大を機にＳＮＳなどで広まった陰謀論。そんな陰謀論に「ハマりやすい」人の特徴をあぶりだした日本人社会心理学者の論文が学術誌「
イラン料理記#3 レンズ豆のポロウ عدس پلو - 白い柩のような二羽の鳩
2023年7月22日（土）晴れ（これは料理した日） 今回はシンプルなポロウです。すごくシンプルなのに、レーズンのアクセントが味に楽しさを加えてくれる（と思っています）。派手さはないけど、イランのおばあちゃんが作ってくれる日にはすごく喜んだ記憶があります。 イランのおばあちゃん流に、一緒にこれまたシンプルな卵焼きを添えました。 レンズ豆のポロウ 材料（2人分） 工程 今日のメモ メモ：レーズンと米 メモ：材料とアレンジ 追加するなら スパイス レンズ豆のポロウ 材料（2人分） バスマティライス*1 1カップ レンズ豆 1/4カップ 玉ねぎ 1/4個 レーズン 1/4カップ シナモンパウダー 適量 塩 適量 バター 大さじ1 植物油 適量 水、湯 適量 工程 ①玉ねぎをみじん切りにする。レーズンは水に浸しておく。*2 ②レンズ豆を茹でる。 小鍋に水とレンズ豆を入れ火にかけ、15分
山崎まさよしさんのライブでトークが長くヤジを飛ばす観客が出る事態に
山崎まさよし(Official) @official_yama #山崎まさよし『“ONE KNIGHT STAND TOUR 2023”』 今週末10/21(土)は水戸!!🏃 水戸市民会館 #グロービスホール でお待ちしてます!! 水戸の皆さまお楽しみに🙂 ▼🎸 office-augusta.com/yama/?p=1318 #OKST2023 twitter.com/official_yama/… pic.twitter.com/NGGJQzFc63 2023-10-17 19:37:44 山崎まさよし(Official) @official_yama #山崎まさよし『“ONE KNIGHT STAND TOUR 2023”』 初日🎊 #ハーモニーホール座間 ありがとうございました!!!! お次は10/21(土)水戸市民会館で お待ちしてます!!!🏃 ▼ office-augu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AutoTyping
パスタ100gが一人前とか言ってる奴はパスタ食ったことないだろ→本来はコース料理の一部なのでそりゃ100gだよね...
「ちくしょう コーヒー屋ばかりではないか」紅茶派は外で紅茶を飲むのにかなり苦労しているらしい
https://github.com/shspage/catenary_aip/blob/master/readme_ja.md
【技術情報】資材ショップリスト | SAMOSA