CSS Button Styles You Might Not Know Sunday 10 Mar 2024 Buttons are everywhere! We can use all sorts of fancy CSS to style a button. I prefer using Flexbox layout for example. In this blog post I share a few lesser-known CSS styles. Let’s use this example code: <button type="submit" class="button"> <img href="icon.svg" alt=""> <span>Sign in</span> </button>Touch ActionsHave you ever repeatedly tap
民間と比べて行政が遅れた理由をどう見ますか。 川邊氏：まず、既存のユーザーに対して優し過ぎたのだと思います。デジタル庁は「誰一人取り残さないデジタル化」をコンセプトに掲げていますが、これではうまくいかないと私は考えています。デジタル化はできる人から優先し、できない人は役所の窓口でスマートフォンの操作などのサポートをする。こうした2段構えが必要です。ある種の「悪平等」というか、最も使えない人に合わせようとするから、進みが遅いというのが1つです。 もう1つの理由は、既得権益に対して優し過ぎること。これまでの不景気の中で、企業を倒産させず、失業者も出さないのが政治的に最重要だったのでしょう。既存のプレーヤーは最も雇用を生み出してくれている存在ですから、そこに対して優しくするのは必要性のある措置でした。しかし、今はそれがもう完全に供給力不足になって、企業ももっと競争力を持って賃上げしなくてはいけな
2023 年の 5 月に Introducing react.dev というブログにて新しい React のサイトが公開されました。 そこから翻訳の準備が整った後に、有志の方達による翻訳が進んできて主要な部分の翻訳が終わってきたので紹介したいと思います。 オリジナルのサイトからリンクされていないけど URL は https://ja.react.dev/ です。 ↑のブログの記事は react.dev のご紹介 です。 私自身はレビューをやっているだけなのでたいした貢献はしてなくて、@smikitky さんをはじめとするコントリビュータの方のおかげです。 New Translation Progress Checklist #452 まだ英語のままのドキュメントもありますがすでにレビュー待ちのものもあるので順次翻訳が公開されていく予定です。 全体的に実際に動かして試せるサンドボックスが特徴
Within Drupal 10 core, we’re implementing a new auto-filling CSS Grid technique that I think is cool enough to share with the world. The requirements are: The user specifies a maximum number of columns. This is the auto-filling grid’s “natural” state.If a grid cell goes under a user-specified width, the auto-filling grid will readjust itself and decrease the number of columns.The grid cells should
この記事の概要 ある日、こんなアイコンを作っていました。 svg で書き出しをしたら次のようなコードになりました。 <svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1 0L0 1C2.99988 2 7 5 9.00003 7C11 5 15 2 18 1L17 0C12.9999 1.00006 9 4 9 4C9 4 4.99988 1.00005 1 0ZM1 7.00006L0 8.00006C2.99988 9.00006 7 12.0001 9.00003 14.0001C11 12.0001 15 9.00006 18 8.00006L
障害者に関連する日本の法律と関連資料を掲載しています。 DINF掲載後に法律改正がなされた場合は、新法の掲載を原則としつつ、旧法も参照できるようにしていきます。 平成23年4月22日に国会へ提出された「障害者基本法の一部を改正する法律案」は、衆議院において一部修正の上、同年6月16日に全会一致で可決されました。 同年7月29日に参議院において全会一致で可決・成立し、同年8月5日に公布・施行（一部を除く）されました。 改正法の成立に際しては、衆議院・参議院において附帯決議が付されています。 内閣府の「障害者基本法の改正について（平成23年8月）」のページには、法律本文や附帯決議のほか、概要や新旧対照表がPDFで掲載されています。 http://www8.cao.go.jp/shougai/suishin/kihonhou/kaisei2.html#futai このページには、新たに「障害者基
PC移行作業でGPG秘密鍵も移動させる（エクスポート＆インポート）ときの手順です。 移行元PC 移行元PCのgpgで秘密鍵をエクスポートします。 $ gpg -a --export-secret-key mymail@example.com > sec.pem 移行先 エクスポートした秘密鍵を移行先PCでインポートします。 $ gpg --import sec.pem $ gpg --list-key /c/Users/myname/.gnupg/pubring.kbx --------------------------------- pub ed25519 2018-10-26 [C] F38F3A06B593ED8881D8934D402F552C68EFB93F uid [ unknown] myname <mymail@example.com> sub rsa4096 2018-
CSSでテキストに下線を引く場合、皆さんはどのプロパティを使いますか？ text-decorationかborder-bottomか、はたまたbackground-imageプロパティか…。いろいろな方法で下線を引けるために、どれを使えばよいのか迷った経験がある方もいるでしょう。 この記事ではテキストの下線を引く方法を場面別に紹介します。 たくさんの下線を引く方法があってどれが良いのかわからない方。シンプルな単語の装飾でも、3点リーダーがある場合でも、アニメーションさせる時でも、どんな時でも下線を引く方法を探している方。装飾に使えるCSSを広くサラッと知りたい方。王道の内容をおさらいしたい方。本記事は、そんな皆さんに向けた内容となっています。 場面別に下線を引く方法まとめ ▲場面別に下線を引く方法まとめ。クリックで拡大してご覧ください。 いきなりですが、場面別に最適だと考えられる下線の引
Mac を使っていると Alfred はとても便利。というか個人的には必須ツールと思っている。 www.alfredapp.com 無料で使っていても十分便利なのだけど、Powerpack に課金すると更に便利になる。 というのも Powerpack では Workflows がアンロックされるからだ。 www.alfredapp.com Workflows はスクリプトにより Alfred を機能拡張できる仕組みで、自分で新しい Workflow を作成できるし、他のユーザが作成して公開しているものを利用できる。 例えば、Alfredtweet をインストールすると Alfred の UI から直接ツイートできる。 www.packal.org しかし、Alfredtweet は PHP で実装されているため、Monterey で PHP が OS に含まれないようになって動かなくなって
A tree view (collapsible list) can be created using only HTML and CSS, without the need for JavaScript. Accessibility software will see the tree view as lists nested inside disclosure widgets, and the standard keyboard interaction is supported automatically. Giant planets Gas giants Jupiter Saturn Ice giants Uranus Neptune The HTML We begin with the HTML for simple nested lists: <ul> <li> Giant pl
Extending the autocomplete attribute This is an effort to analyze the structures of address forms in a somewhat machine readable way. This work is based on the following assumptions: The autocomplete spec was written with the intent to find a lowest common denominator that should work for all countries. An analysis of real-world web-forms indicates that those forms cannot be properly annotated wit
𓁲 𓀀 𓀁 𓀂 𓀃 𓀄 𓀅 𓀆 𓀇 𓀈 𓀉 𓀊 𓀋 𓀌 𓀍 𓀎 𓀏 𓀐 𓀑 𓀒 𓀓 𓀔 𓀕 𓀖 𓀗 𓀘 𓀙 𓀚 𓀛 𓀜 𓀝 𓀞 𓀟 𓀠 𓀡 𓀢 𓀣 𓀤 𓀥 𓀦 𓀧 𓀨 𓀩 𓀪 𓀫 𓀬 𓀭 𓀮 𓀯 𓀰 𓀱 𓀲 𓀳 𓀴 𓀵 𓀶 𓀷 𓀸 𓀹 𓀺 𓀻 𓀼 𓀽 𓀾 𓀿 𓁀 𓁁 𓁂 𓁃 𓁄 𓁅 𓁆 𓁇 𓁈 𓁉 𓁊 𓁋 𓁌 𓁍 𓁎 𓁏 𓁐 𓁑 𓁒 𓁓 𓁔 𓁕 𓁖 𓁗 𓁘 𓁙 𓁚 𓁛 𓁜 𓁝 𓁞 𓁟 𓁠 𓁡 𓁢 𓁣 𓁤 𓁥 𓁦 𓁧 𓁨 𓁩 𓁪 𓁫 𓁬 𓁭 𓁮 𓁯 𓁰 𓁱 𓁳 𓁴 𓁵 𓁶 𓁷 𓁸 𓁹 𓁺 𓁻 𓁼 𓁽 𓁾 𓁿 𓂀 𓂁 𓂂 𓂃 𓂄
ことしで６３回目となる佐賀県吹奏楽大会が、２２日から佐賀市で始まりました。 ことしの大会には、小学生から大学生、それに一般の人たちで作る合わせて８０の団体が参加しています。 会場の佐賀市文化会館では２２日は高校の部が行われ、課題曲と自由曲をそれぞれ１曲ずつ披露しました。 新型コロナウイルスの感染拡大の影響で、大会に参加を予定していた小学校１校が感染者が出たとして２１日、参加を辞退したということです。 大会は今月２５日まで開かれ、高校の部など５つの部門から選ばれた団体が来月、熊本市と北九州市で開かれる九州吹奏楽コンクールに出場します。 このニュースを最初にお伝えした際「クラリネットなどの打楽器」と表記しましたがクラリネットは正しくは管楽器です。 またブラスバンドという表記を使いましたが吹奏楽団とブラスバンドは使う楽器の種類が一部異なります。 以上をふまえ記事を修正しました。
インターネットという大海原に自分の書いたHTMLを初めて公開してから、今年で20年が経つ。業務としてはその半分にも満たないが、高校生のころに趣味で始めて以来、もうこんなに経つのかと思うと感慨深い。 HTMLを極めたい最近一部で「HTMLを極める」というのが話題になった。いろんな意見があるが、自分がこれについて考えたことは「俺はHTMLをずっとずっと極めようとするの止めない」だろうということだ。20年経って今もなおワクワクさせてくれる技術であるし、成果物に満足したことは一度もないし、「極めたい」という欲が抑えられないのだ。 開発しているmarkuplintはライフワークになっているし、HTML解体新書を読んで「まだ、俺は何もわかっちゃいなかった」と打ち拉がれてしまったので悔しくてHTML Standard 今月のアップデートというメモをつけるようになった。仕様を読み返す度に新しい発見があるし
１．交際関係が先行していて法律関係が良く分からない問題 交際関係にある人同士が、取引関係を持ったり、共同して事業を営んだりすることがあります。こうした場合、契約書が作成されず、当事者間の法律関係が良く分からないことが少なくありません。 当事者双方の関係が良好である場合には、それでも困りません。しかし、交際関係が上手く行かなくなってくると、しばしば法律関係が明確にされないまま放置されてきたことによる紛争リスクが顕在化します。 これは労働契約においても同様です。近時公刊された判例集にも、交際関係が下地にあって法律関係が不明確であったことが労働者性をめぐる紛争に繋がった裁判例が掲載されていました。名古屋地岡崎支判令３．９．１労働経済判例速報２４８１－３９ ＴＲＹＮＮＯ事件です。 ２．ＴＲＹＮＮＯ事件 本件で被告になったのは、元々自動車製造設備の製造補修等の事業を行っていた株式会社です。 原告にな
フロントエンドエンジニアの嶌田です。2022 年 4 月からアクセシビリティ推進グループ（以下推進グループ）に在籍しています。今回はこの新しくできた部署について簡単に紹介します。また、会社や私がアクセシビリティに取り組む理由を語ってみようと思います。 弊社プロダクトのアクセシビリティを推進する取り組みは、これまでも有志が集まるワーキンググループの形で存在していました。ワーキンググループについては以前に Ltech という社外イベントで紹介しました。今年度からの新設部署はワーキンググループの流れを汲んでおり、推進活動に本腰を入れてコミットしていくために新設された部署です。 参考：Ltech#14 「LIFULL HOME'S」のフロントエンドについて語り尽くします！ 開催レポート - LIFULL Creators Blog 推進グループは上長１名に、ほぼフルタイムでアクセシビリティにコミッ
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く