Full Width Containers In Limited Width Parents | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I bookmarked a tweet a few months ago, as it was a bonafide CSS trick and that’s what we love around here. The issue is: how do we make a full-browser-width container when we’re inside a limited-width parent? Starting Point This image is 100% wide as it’s limited-width parent. We want to str
State of CSS 2022 | Blog | web.dev
Browser compatibility A primary reason so many CSS features are set to cooperatively release is due to the efforts of Interop 2022. Before studying the Interop efforts, it's important to look at Compat 2021’s efforts. Compat 2021 The goals for 2021, driven by developer feedback via surveys, were to stabilize current features, improve the test suite and increase passing scores of browsers for five
本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo
本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo 連載 本当に実践的なデザインドキュメントの書き方 いきなり渡されたワイヤーフレームをデザインするよう言われて戸惑った経験は、デザイナーなら誰でもあるのではないでしょうか？これはディレクターとデザイナーの分業という状況に起因する問題ですが、分業が一般的なのにはもちろん理由があります。そこで、この連載では、現在の分業体制を前提に、情報設計に関わる『デザインドキュメント』をきちんと制作することで、この問題を解決する手段を探ります。 第1回は、受託のWeb制作における一般的な分業体制を詳細に分析し、よりデザイナーが貢献できる役割分担について考えていきます。 なかなかはじめられないUXデザイン これはGoogleトレンドで、「Webディレクター」「Webデザイナー
Styling `select` elements for real
Styling <select> elements consistently across browsers has long been a difficult task. While it is now possible to style the button part of a <select>, styling its contents – the box that contains the list of options, and the options themselves – remains very limited. These limitations often push web developers to use libraries that provide custom select-like controls. Unfortunately using a librar
日本の祝日APIをリリースしました - ケンオールブログ
アップデートのお知らせ(2022/03/15) 2022/03/15(火)にケンオールをアップデートしました。 アップデート内容は以下のとおりです。 新API: 日本の祝日API 郵便番号逆引き検索API: 品質の改善 祝日や休日のAPIについて、機能要望アンケートを募集中です！ 新API: 日本の祝日API 日本における祝日は、内閣府が毎年CSVデータを公開しています。 しかし、システムで祝日データを利用するとき、CSVをダウンロードし、それをシステムにロードするというのは意外と手間がかかります。 手動で更新する場合、手順自体を検証した上で運用ドキュメントを執筆する必要があります。 さらに、手動運用によるオペレーションミスのリスクも毎年つきまとうことになります。 自動化する場合、特別に祝日が移動するケースなどに対応できるようにしなければいけません。結局のところ手動でも更新できるようにして
糖尿病だけじゃない？！血糖値は感情もコントロールしていた！｜からだカルテ
「血糖値」と聞くと、誰もが連想するのは「糖尿病」ではないでしょうか。実は最近の研究で、糖尿病だけでなく「こころ＝感情」の変化と血糖値が深く関係していることが分かってきました。今回は、今までと違った視点から「血糖値」について考えてみたいと思います。 私たちの身体は、食後は血糖値が上昇しますが、膵臓から分泌されるインスリンというホルモンによって血糖値を正常な範囲まで下げています。逆に長時間食事を摂らずにいると、血糖はどんどん下がってくるので、今度は血糖値を上げるホルモンが分泌されます。 こうして、私たちの身体は一定以上に血糖値を上げ過ぎたり、下げ過ぎたりしない仕組みになっているのです。 特に血糖値が下がり過ぎると「低血糖」という状態になり、重篤な場合は昏睡状態に陥ることもあります。 このため、食べ過ぎた時のために血糖値を下げるホルモンは唯一インスリンのみですが、飢餓に対応するための血糖値を上げ
疲労はリカバリーできてはじめて役に立つ。疲労回復4つのキーワード | Tarzan Web（ターザンウェブ）
キーワード① 食事と睡眠 日中パソコン作業をしたあとの脳と、手足をたくさん使ったときの脳。どちらがより疲れているかといえば、実は手足を動かしているときの情報処理量のほうが多く、脳が疲れやすい。脳のメモリがいっぱいの状態で眠りにつくと翌日は思うようにカラダが動かせない、物事を考えられない。 だから寝ている間に脳内の情報を圧縮させて、翌日のために容量を空けることができる睡眠が大事。 そして、食べ物。バランスのいい食事というのは基本中の基本だけど、疲労をごほうびに変えるには運動後に食べるものが重要になる。有酸素運動後はすっからかんになったエネルギーを補給するために、高糖質のものを運動後30分以内に補給すること。汗と一緒にカラダから出ていったミネラルも補給できるとなおよし。 一方で筋トレ後は、損傷した筋肉を修復させるために運動後24時間はタンパク質の多い食事を心がける。こっちは30分以内に慌てて補
ORDER BYとLIMIT, OFFSETの組み合わせには注意しよう｜デロイト トーマツ ウェブサービス株式会社（DWS）公式ブログ
こんにちは、下條です。今日はSQLの軽い (しかし重要な) 話題について書いてみようと思います。 まずは以下の通りユニークでない col カラムを含む test テーブルを作成し、データを投入するSQLをご覧ください。 (MySQLでの例です。) create table test(id INT, col INT); insert into test values(1,1); insert into test values(2,1); insert into test values(10,1); insert into test values(3,1); そして、以下の2つのSQLを実行した場合、結果はどうなるでしょうか？ここで何が言いたいかが分かる方はこの先は読まなくてかまいません。 select * from test order by col limit 2 offset 0; se
不調が改善する！？呼吸法 | CBC MAGAZINE（CBCマガジン）
呼吸の質について・呼吸の質とは？ 呼吸の質とは「呼吸の深さ」の事をいい、呼吸が浅いと質が悪いという事になります。正しい呼吸は、1分間に約12～18回なのに対し、浅い呼吸の人は1分間に20回以上呼吸をしています。 ・正しい呼吸と浅い呼吸の違い 正しい呼吸と浅い呼吸の大きな違いは、吸い込む空気の量にあります。正しい呼吸をすると、吸い込む空気の量は約500mLですが、浅い呼吸だと約250mL。しかも、吸った空気の一部は気道にとどまってしまうため、肺に取り込まれる空気の量は、浅い呼吸だと正常な呼吸の1/3以下になってしまうそうです。 浅い呼吸と不調の関係口から鼻から吸い込んだ空気は、肺から肺胞に張り巡らされている毛細血管に取り込まれます。そして、赤血球が全身の細胞に酸素や栄養を運び、脳や臓器、筋肉などが働くエネルギーを生成しています。しかし、呼吸が浅いと毛細血管内の空気が不足し、細胞に十分な酸素や
コンセントの人材育成ツール「技術マトリクス」とは？ デザイン経営に役立つ人材育成スキルマップ
こんにちは、デザインマネージャー・シニアサービスデザイナーの大崎です。今回はデザイン人材のための育成ツール「技術マトリクス」について紹介します。 技術マトリクスはコンセント社内で運用している（壮大な！）スキルマップのこと。今回はその内容と具体的な運用方法について解説します。 デザイン経営の頻出課題：人材育成 私は大手企業を中心にデザイン経営に関する支援を行っており、さまざまな業態に応じたデザイン人材育成に関する仕組みづくりにも携わっています。コンセント社内では事業部門の管掌と並行して、社員（デザイン人材）の評価・育成に関する制度設計を行っています。加えて、社会人のための“未来の学校体験”「Xデザイン学校（X DESIGN ACADEMY）」のアドバイザー・講師としても活動しており、デザインを学び仕事に生かすためのプログラムを提供しています。 経済産業省・特許庁の『「デザイン経営」宣言』（2
UIにおける見えるけど利用できない非活性な領域の実装とinert属性について
モーダルダイアログのようなUIには、それが出現している間はダイアログの外の領域が操作不能になっているという慣習があります。ダイアログが取り扱うタスクだけにユーザーを集中させるために、あえてダイアログ以外の操作ができないようになっています。 またモーダルダイアログをはじめとしてディスクロージャーなど、ユーザーの操作に応じて表示と非表示が切り替わるUIもあります。こうしたUIは視覚的には隠れているようでも、実装としては、つねにDOM上に存在しているHTML要素の属性だけを書き換えてレンダリング結果を制御するのが一般的です。 こうしたケースでは、特定の領域を操作できないように実装を行う必要があります。CSSでdisplay:noneかvisibility:hiddenが指定されたHTML要素はそれだけで操作できない状態になりますが、それ以外の方法で非表示になったHTML要素は、利用状況によっては
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Accessibility Not-Checklist | Brewed by team Intopia
Cool Hover Effects That Use Background Properties | CSS-Tricks
30 days of PWA: Fall in love with Progressive Web Apps
理念で良い会社は作れるのか?顧客も従業員も満足する「価値経営」とは | みらい経営者ONLINE
【魚拓】広報紙・電子版広報作成業務に係るプロポーザルについて - 福山市ホームページ
AccessibilityAssociation
開発組織の持続可能性について
Checklist - The A11Y Project
Using PostCSS with Media Queries Level 4 - LogRocket Blog