コロナ下、上海はどう日常に近い状態に戻り、日本はどのくらい続きそうなのか｜Macky. J｜note

2020/04/25 23 users ウェブサイト 厚生労働省 非常時 首相官邸 緊急事態宣言

新型コロナウイルス感染症については、必ず1次情報として 厚生労働省 や 首相官邸 のウェブサイトなど公的機関で発表されている発生状況やQ&A、相談窓口の情報もご確認ください。※非常時のため、すべての関連記事に本注意書きを一時的に出しています。 日本では東京では4/8から、また全国で4/16から緊急事態宣言が出され... 続きを読む

人物を素早く切り抜く方法 | バシャログ。

2015/05/28 67 users バシャログ 人物 フレームワーク 方法 ルー

こんにちは。mackyです。 もうすぐカレーの季節ですね。「CSS カレー」で検索したら（暇じゃないです）「フレームワークはカレーのルーだ！」って記事が引っかかりました。 この一文でイメージがつかめる素晴らしい例えですね。カレーってすごいですね。（暇じゃないです） さて、今日はタイトル通り、人物をいい感じに素早くキレイに切り抜く方法をご紹介するのですが、特に人物の服と背景が同化しちゃってるような写... 続きを読む

CSS で「吹き出し」をつくってみる | バシャログ。

2014/12/25 76 users バシャログ CSS マッキ div before

こんにちは。mackyです！ 最近、何かと吹き出しを目にすることが多かったので自分でもサンプルを作成してみることにしました。 よかったら読んでみてください。 では、早速。 HTML HTMLはこの一行。 <div class="baloon">お久しぶりです。まっきーです。ここに好きなテキストをいれてね。</div> CSS：スタンダードな角丸長方形 使える環境であれば使いたい :before 。... 続きを読む

フォントサイズをremで指定する。（emとの比較） | バシャログ。

2014/10/06 69 users rem RWD フォントサイズ バシャログ まえ

こんにちは。mackyです。 CSS3で追加されたremという単位が便利な理由をpxやemと比較してまとめてみました。 IE8以下は非対応ですので、px指定を追加する必要がありますが、 スマートフォンやRWDにはとても便利です。 ちなみに、 remというのは、「root+em」（ルートエム）の略でhtmlのサイズを継承するemだと。 なるほど、とてもわかりやすいです。 そのまえにem（pxも）の継... 続きを読む

なんだかちょっと楽しい...。フォームの新しい入力属性と疑似クラス | バシャログ。

2014/07/15 75 users バシャログ 疑似クラス HTML 猛スピード コチラ

こんにちは。mackyです。いやー、夏ですね。夏が終わったらもう年末ですね。私は毎年この時期から猛スピードで一年が終わります。早く走らないと。。詳しくはコチラをご覧ください。 さて、今日は、HTML5で新しく追加された入力属性にちょっと「なんか楽しいかも...」と感じたので、この気持ちが冷めないうちにまとめることにしました。 新しい入力属性 autofocus オートフォーカス。 ページを開いたと... 続きを読む

スマートフォンサイトのコーディング Tips あれこれ | バシャログ。

2014/04/23 691 users バシャログ Latin スマートフォンサイト 横幅 CSS

ゴールデンウィークはゴールデンに過ごせそうにない Latin です。 今回はスマートフォンサイトのコーディング周りでのあれこれをまとめてみます。 先日の macky の記事、「スマホサイトの矢印付きメニューをCSSのみで実装する。」もあわせてご覧ください。 viewport 系の設定 描画サイズをデバイスの横幅に合わせる、拡大縮小を不可に これが一番よく見る形式でしょうか？ <meta name=... 続きを読む