私が医療崩壊のトリガーになる未来
研修医2年目の女です。当直明けのぼんやりした頭で書いています このエントリーは決して女性の社会進出を批判するわけでもなく、ミソジニーでもなく、ただ生殖機能の構造をもとに考えた場合この問題はどうにもならないと思って、私が吐き出したかった内容です。不快に思う女性がいたらごめんなさい。 私は今研修2年目で2週間から1ヶ月ペースで診療科をローテーションしています。研修中「うちに入局しない？」と声をかけていただくことがあります。 「うちの科は女性が多いし、女医さんに優しい環境だよ。○○先生も××先生もお子さんがいても働いているし医局としても女医さんを応援しているからね。」 研修中に大体そうした内容でお誘いをかけてくれるのはマイナー科です。言わずと知れた皮膚科、眼科、耳鼻科に加えて直接患者を持たない「病麻放」、内科系ならアレルギー、リウマチ、糖尿病。大体そんな感じ。 医者の仕事量が半端ではありません。
PHP Sandbox - Execute PHP code online through your browser
Test your PHP code with this code tester You can test and compare your PHP code on 400+ PHP versions with this online editor. <?php // Enter your code here, enjoy! $array = array("1" => "PHP code tester Sandbox Online", "emoji" => "😀 😃 😄 😁 😆", 5 , 5 => 89009, "Random number" => rand(100,999), "PHP Version" => phpversion() ); foreach( $array as $key => $value ){ echo $key."\t=>\t".$value."\n";
sublime-autoprefixer : Sublime Text でベンダープレフィックスを最適化してくれるプラグイン | Web Design Leaves
sublime-autoprefixer : Sublime Text でベンダープレフィックスを最適化してくれるプラグイン CATEGORY: HTML/CSS | TAG: sublime text 2015年2月5日 CSS のベンダープレフィックス（接頭語）を自動で最適化（追加・削除）してくれる Sublime Text のプラグイン「sublime-autoprefixer 」に関するメモ。 対象ブラウザやそのバージョンを指定することも可能。 適切なベンダープレフィックスを付けるのはとても面倒で大変だが、このプラグインを使用すると簡単に CSS に付与したベンダープレフィックスを自動的に最適化してくれる。 このプラグインは「caniuse.com」という HTML5 や CSS3 等の対応状況を調べられるデータベースを元に、必要な CSS のみにベンダープレフィックスを追加し、ま
width、heightがautoの要素にtransitionを適用する - メモを揉め
CSS3のtransition。 一般的なウェブアプリのUIで動きが必要になる時って、始点と終点がある程度決まっていて、animationの@keyframeを駆使するような動きは限定的なことが多いと思うのだけど。 このtransitionを使っていていつも悩ましいのが、widthやheightがautoに設定されている要素にtransitionを適用したい時です。 transitionを有効にする場合、始点と終点の値を100pxのように絶対値で指定するか、50%（もちろんheightなどで親のautoを引継いでしまっている場合はダメ）のように相対値で指定することはできるけど、autoだとtransitionが効かない。 // Stylus .foo width 200px height 0 transition height .2s &.opened height auto 上の例の場合
CSSアニメーション(transition)で起こるバブリングの原因と対策 | UNORTHODOX WORKBOOK | Blog
正確には「バブリング」とは呼ばないと思うし、ちょっと意味合いが違うかもしれないけど、CSSで子要素に与えたtransitionが親要素へ伝播し、アニメーションの挙動をおかしくさせる現象に何度か遭遇した。 もしかすると、CSS界隈では有名な事象なのかもしれない。ただ、ググっても出てこないし、そもそも何てググればいいのかもよく分からず、この現象にあうたびにデベロッパーツールを開いてなんだかんだやっていたので、その原因を忘れないように書き残しておく。 どういう現象か visibility: hidden;とopacity: 0;で非表示にした要素を、マウスホバーで表示、マウスアウトで非表示に切り替える（アニメーション付き）際に、マウスアウトして完全に非表示となっているのにも関わらず、その要素が表示されていた部分にマウスをもっていくと消えた要素が再表示されてしまうという現象です！ 基本的には問題の
★★CSSだけで簡単！ハンバーガーメニューの作り方（スマホ対応）
HTML <header> <div id="nav-drawer"> <input id="nav-input" type="checkbox" class="nav-unshown"> <label id="nav-open" for="nav-input"><span></span></label> <label class="nav-unshown" id="nav-close" for="nav-input"></label> <div id="nav-content">ここに中身を入れる</div> </div> </header> inputやらlabelやらが入っていて、何のことが分かりづらいかと思うので、少し解説をします。 解説 全体はheaderで囲んでいます。他にもサイトタイトルやロゴ画像を入れるのではないかと思います。<div id="nav-drawer">の中に
テーマにJavaScript（jsファイル）を正しい方法で読み込む
たとえば、jsフォルダに保存されたmain.jsというスクリプトファイルを読み込むには、functions.phpに次のように記載します。 function twpp_enqueue_scripts() { wp_enqueue_script( 'main-script', get_template_directory_uri() . '/js/main.js' ); } add_action( 'wp_enqueue_scripts', 'twpp_enqueue_scripts' );wp_enqueue_script()の第1引数にはスクリプトの名前を、第2引数にはjsファイルまでのURLを渡します。get_template_directory_uri()はテーマのディレクトリまでのURLを返す関数です。 これにより、<head>タグ内に次のようなコードが出力されます。 <scrip
2018年のfont-family指定 - Qiita
サンセリフ編です。 目標 欧文は[WIN]Segoe UI/[Mac]San Francisco, Helvetica Neueを使う。 和文その1: 游ゴシックを使う(実はまだ厳しい気がしている) 和文その2: Winにはメイリオ, Macにはヒラギノを使う。(推奨) 1. 欧文は[WIN]Segoe UI/[Mac]San Francisco, Helvetica Neueを使う。 それぞれ次のように指定すれば実現可能 font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", 和文フォント指定, sans-serif;
★★[CSS]フッタを最下部に表示する5つのテクニック-コンテンツ量が少ない時は最下部に、多い時は成り行きに | コリス
高さが分かってるフッタ、高さが不明なフッタをコンテンツ量が少ない時は最下部に表示、コンテンツ量が多い時は成り行きで表示させるスタイルシートのテクニックを紹介します。 ちょっと前のテクニックから、calc()やflexboxなど最新のテクニックまで、5つの方法を紹介します。 Sticky Footer, Five Ways 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づき、翻訳しています。 1. ネガティブマージンを使ってフッタを最下部に実装 その1 2. ネガティブマージンを使ってフッタを最下部に実装 その2 3. そのままのHTMLにcalc()を使ってフッタを最下部に実装 4. 高さが不明なフッタを最下部に実装(flexbox) 5. 高さが不明なフッタを最下部に実装(CSS Grid Layout) 1. ネガティブマージンを使ってフッタを最下部に実装 その1
![★★[CSS]フッタを最下部に表示する5つのテクニック-コンテンツ量が少ない時は最下部に、多い時は成り行きに | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/d7aa23551455018127a28922baa59c9101c06511/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201602%2F2016061701.png)
CSS3でHSLa色指定 | ウェブ制作会社 株式会社フルブライト |Froubright Inc
こんにちは、フロントエンジニアの栗原です。 今回はCSSのカラー指定方法のおはなしです。 CSSのカラー指定で良く見るのは、RGBaや#ffffff（#と6つの文字(16進数)で色を指定するもの）の表記ですよね。 CSS3では、HSLaと呼ばれる、色相・彩度・明度・透明度で指定することができるようになりました。 HSLaとは、色相（hue）・彩度（saturation）・明度（luminousity）・透明（alpha）からなります。 色相は色相環上の角度を0 度～360度、彩度の強さを0%～100%、明度の強さを0% ～100%で指定することができるので、色の指定からなるrgbaと違い、彩度と明度の調整がパーセントで行えるので、細かい調整や色の変化などを直感的に扱いたい時に大変便利になると思います。 記述方法 color : hsla(色相, 彩度, 明度, 透明); 例：赤 color
wordpressのテーマ開発にVue.jsを使う | 合同会社サンドボックス
この記事は後編です。 前編ではsassを導入しました。 前編をご覧になってから読み進めることをおすすめします。 Vue.jsはjQueryよりも優秀だと思う フロントエンドのJavaScriptフレームワーク（ライブラリ）で代表的なものはAngular・React.js、そしてVue.jsでしょう。 それぞれに特徴があります。 Vue.jsは、とても軽量であり、既存のプロジェクトにも導入することが容易で、非常に使いやすいフレームワークです。 jQueryはDOMをばんばん書き換えますが、Domを直接いじることは現代において、アンチパターンとなりつつあります。 Domの操作はフレームワークに任せて、本来のコーディングに専念できる、その１つがVue.jsです。 WordpressにはjQueryが標準で組み込まれているので、これを使うのが一番手っ取り早いのですが、 おいおい冗談だろ。今どきjQ
webdesign-dackel.com - このウェブサイトは販売用です！ - webdesign dackel リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CodePen - Front End Developer Playground & Code Editor in the Browser
ERROR:gpu_process_transport_factory.cc(1007)-Lost UI shared context : while initializing Chrome browser through ChromeDriver in Headless mode
★CSSのセレクタとは？覚えておきたい25種類と書き方
脱jQuery .addClass() .hasClass() .removeClass() .toggleClass() | q-Az
【CSS】background-sizeで背景画像をレスポンシブに設定する方法｜Gimmick log
Keep Comment in Compressed SASS SCSS – RichWP.com
SVG Icon Libraries and Custom Icon Font Organizer ❍ IcoMoon