社内でCSSの新しい方針について話したメモ - Qiita
社内で新しいドメインを設立するにあたり、CSS Modules, PostCSS, cssnextを試してみました。 このスライドは、その際の説明に使ったものです。せっかくなので公開します。 「プロトタイプ作成で試してみたけど、みなさんどう思いますか？」くらいの温度感。本番採用が確定したわけではありません。何かお役に立つことがアレば幸いです。 以後、説明に使ったスライド。 おしながき 1. コンポーネント時代のスタイリング 2. グローバルCSS、BEM、そしてローカルCSS 3. CSS Modules、そしてJSXへの割り振り 4. cssnextと、その書き方 5. 我々のPostCSSスタンダード 新ドメインの CSS環境（案） CSS Modules css next PostCSS on webpack 何が変わるのか 我々の今までのスタイリング sassで書く スタイルのモジ
AMP編！WEBデザイナーが覚えて損無しのHTML コーディング！ | WEB CREATION NUMB
こんにちは！太偲@WEB屋です。今日は、WEBデザイナーが覚えて損無しのHTMLコーディング「AMP – Accelerated Mobile Pages」についてお送りします！AMPに関しては、SEO対策の為だけの話には留まりませんので、その辺りも含めてAMPの基本をまとめました。 WEBデザイナー、フロントエンドエンジニア、プログラマーの方々。 最近SEOやWEBマーケ担当者から、モバイルページの表示速度高速化の一環として「スマホサイトのAMP対応」について相談をされた事はありませんか？ 今回の記事では、AMPに関する基本の知識（対応コンテンツ・構造化マークアップ・HTML対応一覧・CSS）から現時点での情報まとめやAMP化（モバイル高速化）はするべきなのか？という点と、その他SEOだけではない、スマホサイト制作時の今後の方向性まで、一通りまとめてお話をしたいと思います。 AMP（アン
アイデアがガンガン降り注ぐ、Webデザインの参考になるギャラリー集
作成：2016/08/16 Webデザイン > ありきたりのWebデザインギャラリーではなく、グリッド線が入っているもの、料金表専門、インフォグラフィックスやグリッド・404・サイドバーなど、少し掘り下げたようなWebデザインギャラリーをまとめました。暇な時に見ているとインスピレーションが湧くはずです。パーツごとに分類。 エンジニア速報は Twitter の@commteで配信しています。 料金ページ 今月話題となった料金ページのみをまとめてあるTumblr製のプライスページギャラリー集。ブログなどに埋め込み可能。 Pricing Pages グリッド参考 スクリーンショットにグリッドを入れてある、グラフィック(紙)やWebのデザインルールがひと目で分かるWebデザインギャラリー集。手間がかかってます。 Grids 404ページ 404ページのみ集めてあります。背景にどんな写真を使ってある
シニア層を対象にしたスマートフォンサイトのユーザビリティ
2016年8月14日 UXデザイン, Webデザイン, スマートフォン 私の母は某アーティストの大ファン。20年以上ファンクラブにも入り続けている熱狂っぷりです。過去記事「シニア層のためのWebサイトユーザビリティ」では、そのアーティストのグッズを購入しようと奮闘していた母ですが、今度は別の目的でスマートフォン版のそのサイトを操作したみたいです。今回は私がそれを横目に見ていて感じたことを書いてみます。 ↑私が10年以上利用している会計ソフト！ ライブチケットの当選確認をしたかった母 ここ数年はMacを触る機会もほとんどなくなり、スマートフォンでWebサイトの閲覧をしている母。そして秋に行われる某アーティストのツアーのチケットに応募しており、その当選発表があったので確認がしたかったようです。 それを聞いて「私がやるよ〜」と申し出たものの、娘に頼ってはいけない！という母の思いからか、何度手伝う
新しいウェブデザインの魅せ方を知ろう！参考にしたいWebサイト40個まとめ 2016年8月度
移り変わりのとても速いウェブデザインの世界では、どのようなデザインや実装テクニックが人気トレンドとなっているのか、定期的にチェックしておくことが重要です。今回は、クリエイティブなアイデアの参考にしたい最新ウェブデザインをまとめてご紹介します。 コンテンツを最大限うまく引き出し、ユーザーの印象に残るデザインを演出する最先端ウェブテクニックを体感してみましょう。各サムネイルをクリックすることで、参考ページを確認することができます。 詳細は以下から。 新しいウェブデザインの魅せ方を提案する、参考にしたいサイトまとめ Pharrell Williams ファレル・ウィリアムズの世界観を表現した公式ページ。グリッド上に並べられたサムネイルをクリックすると、豊富な情報を多彩なレイアウトでまとめています。 Heyblend 美しい配色とシンプルなレイアウト、書体の組み合わせはぜひ参考にしたいミニマルデザ
サービス作りに関わるなら追っておきたい！IT業界のトップデザイナー5人
この記事は、IT系企業に勤めている「サービス作りに関わる人」に向けて、必ず追っておくべき第一線で活躍されている日本人デザイナーをまとめたものです。 デザイナーだけでなく、全職種の方に知ってもらいたいので、デザインのイロハというよりも「ユーザー、事業やサービス、組織に対してどのようにデザインで価値を提供するのか」を常に考え、実践・発信している方々を中心にピックアップさせていただきます。 前提として、「今のデザインがどういう文脈の上にいるのか」ということについて、少し解説を挟みます。 この辺りに明るい方は読み飛ばしてください。 デザインと一口に言ってもその領域は多岐にわたっており、UIデザイン・UXデザイン・グラフィックデザイン・プロダクトデザイン・サービスデザイン・インタラクションデザインなど、IT系でよく使われるものだけでも色々なデザインが存在し、デザイナーに求められる範囲が非常に広くなっ
(続)美容に金をかける人生も悪くはない - 世界の中心はここだ
前回の記事について 美容に金をかける人生も悪くはない - 世界の中心はここだ その美容師に貰ったヘアトリートメントって一体なんぞや、というコメントを多くもらったので、ちょいと補足に参りました。 需要があるのかないのか、ありそうなら書いてみよう〜！ わたしのヘアケア用品と好きな服のブランド〜！ これはわたしの髪質や趣味に合ったものであってみんながそうというわけではないのであしからず。 あ、ちなみに化粧品はだいたいテキトーなので記事にするほどじゃないです！資生堂コスメはだいたい好きです！(雑) 【ヘアケア編】 最初に美容師の彼に貰ったヘアトリートメントがこれ。 ミルボン ディーセス エルジューダFO 120ml 出版社/メーカー: ミルボン 発売日: 2012/03/01 メディア: ヘルスケア&ケア用品 購入: 2人 クリック: 2回 この商品を含むブログを見る ミルボンのこのシリーズ、何個
日本の行政機関等が公開しているAPIについてのまとめ（2016年8月17日暫定版。随時更新） - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は下記のURLにあるコミックマーケット90で頒布した同人誌と自分が管理するブログの記事を微修正し、転載したものです。 南関東開発機構 : 同人誌「日本の行政機関が公開中のAPIについて調べてみた本」を公開しました http://blog.livedoor.jp/south_kanto_dm/archives/52143201.html 南関東開発機構 : 日本の行政機関が公開中のAPIについてのまとめ（2016年8月17日暫定版） http://blog.livedoor.jp/south_kanto_dm/archives/5
株式会社ドットインストールにてウェブデザイナー（正社員）を募集中です！ #dotinstall
ドットインストールのデザインは創業者の2人が頑張って作っているのですがそろそろ限界が…ということで、ウェブデザイナー（正社員）を募集中です。 小さい会社ではありますが、その分やりたいことにダイレクトにチャレンジできる環境かと思います。実務経験のある方が対象ですが、「そろそろ次のチャレンジを…」という方はいかがでしょうか？ どんなお仕事？ ドットインストールのデザイン全般をお任せします！受託の仕事はありません。弊社サービスに100%注力していただきます。デザインの提案から実装（HTML/CSSマークアップ）までが担当となります。どんな人に向いている？ 学習サイトのデザインをしてみたい方。ユーザーの反応をダイレクトに受けながらウェブサービス運営をしてみたい方。自由な勤務時間で仕事をしてみたい方。自身のスキルアップに貪欲な方（デザインをしつつ、サービス運営/プログラミングも学べます）。株式会社ド
外国株の簡単な買い方を紹介するよ - ランダムぽてとの配当生活
ども。ランダムぽてとです。 先日、円高なら外国株に投資のチャンス！と書きましたが、外国株の買い方がわからないから教えて欲しいというご意見を頂きました。 そこで、実際に証券会社の口座へ入金から外国株購入までの流れを簡単に紹介するよ。 手順ですが、 証券会社を決める 証券会社へログインする 証券会社の口座へ入金を行う 外国株取引口座への入金（口座内での移動） 外国株取引サイトへログイン 為替振替を行う 実際に米国株を買ってみよう！ という流れで説明していきます。 １． 証券会社を決める まずは証券会社に口座を作らなければ始まりません。 外国株を扱っている証券会社は何社かありますが、私は手数料の安いマネックス証券を使っていますので、ここではマネックス証券での買い方を説明していきます。 口座のある人は次へ進んで下さい。無い人は資料請求をして口座を開設しましょう。 資料請求は無料ですので、口座を作る
逸品！オクラと豆腐の簡単ヘルシーおつまみ by むぅぷー [クックパッド] 簡単おいしいみんなのレシピが50万品
お酒のおつまみ、毎日の食卓のもう1品に！ カンタン、おいしい、ヘルシー。みんな満足のお手軽メニュー出来ました！ このレシピの生い立ち お酒のおつまみにお腹に溜まらずさっぱり美味しいおつまみを…と思って作りました。今日はワインと一緒に頂きました♪おつまみだけじゃなくて、毎日のメニューのもう1品にもどうぞ！ お酒のおつまみ、毎日の食卓のもう1品に！ カンタン、おいしい、ヘルシー。みんな満足のお手軽メニュー出来ました！ このレシピの生い立ち お酒のおつまみにお腹に溜まらずさっぱり美味しいおつまみを…と思って作りました。今日はワインと一緒に頂きました♪おつまみだけじゃなくて、毎日のメニューのもう1品にもどうぞ！
![逸品！オクラと豆腐の簡単ヘルシーおつまみ by むぅぷー [クックパッド] 簡単おいしいみんなのレシピが50万品](https://cdn-ak-scissors.b.st-hatena.com/image/square/bd02f06273dd957bebcb31fe5221d64f13325646/height=288;version=1;width=512/https%3A%2F%2Fog-image.cookpad.com%2Fglobal%2Fjp%2Frecipe%2F18689587%3Ft%3D1724825580)
トムヤムクン | シャトルシェフレシピ | レシピ | サーモス 魔法びんのパイオニア
海老は背ワタを竹串で取り除き、しめじは小房にし、たけのこは短冊切り、生姜は包丁でつぶす。 調理鍋に鶏ガラスープとココナッツミルクを入れて加熱する。沸騰したらナンプラー、生姜、レモングラス、バイマックルを入れ、2分加熱。 (2)味を調整しながら、チリインオイルとライム果汁を溶かし入れる。 海老としめじとたけのこを入れ、再沸騰したらフタをして保温容器で10分保温。 器に盛り付け、パクチーを盛り付ける。
タイ風海老と卵のカレー炒め | レシピ一覧 | サッポロビール
セロリの茎は幅5ミリの斜め切りにし、葉はざく切りにする。玉ねぎは幅1センチのくし形切りにし、にんにくはみじん切りにする。えびは尾を残して殻をむき、背に切り込みを入れて開き、あれば背わたを取る。塩、粗挽き黒こしょうで下味をつける。 卵液とカレーソースを作る。卵液は卵を溶きほぐし、塩、粗挽き黒こしょう、牛乳を混ぜる。カレーソースはカレールウを細かく刻んでボウルに入れ、熱湯で溶いてその他の調味料を加えてよく混ぜる。 フライパンにサラダ油大さじ1を入れて中火で熱し、2の卵液を流し入れ、木べらで大きく混ぜて半熟状にしていったん取り出す。 フライパンを拭いてサラダ油大さじ1とにんにくを入れて中火にかけ、香りが出るまで炒め、そこにセロリの茎、玉ねぎ、えびを加える。野菜がしんなりしてきたら弱火にし、カレーソースを加え、全体になじませる。卵を戻し入れて混ぜ、塩、黒こしょうで味をととのえる。仕上げにセロリの葉
えびにら玉のレシピ・作り方【簡単＆時短】 - レタスクラブ
えび 120g 下味 ・酒 小さじ２ ・塩、こしょう 各少々 溶き卵 ３個分 にら 1/2わ 長ねぎ 1/2本 ・塩、片栗粉、サラダ油、こしょう
ステーキなぶり～NHKみんなのきょうの料理 平野レミさんレシピを参考に～ - 続かわねこ作成日誌
#おうちごはん #晩御飯 今日の晩御飯 ステーキなぶり キャベツのザワークラウト風 シメジとピーマンと油揚げの炒め物 味噌汁 お魚料理のバリエーションに限界を感じる今日この頃。「みんなのきょうの料理」サイトを見ていると「ステーキなぶり」とダジャレっぽいお料理が・・・・(ΘwΘ)まさか。と思い見てみるとやはり、平野レミ先生のレシピでした。早速作ってみました。 バルサミコ酢が無かったので酢で代用してしまいましたが、そもそもバルサミコ酢ってどんな味なんじゃろなぁ～～。調べてみると、酢+ウスターソースで代用可能らしいけど、元々の味が分からないとな。今度買ってみようかな？と思いつつ調味料を増やしたく無い気持ちもあり悩みます。 ソースはもっと煮詰めないといけなかったようです。シャバシャバでした_|￣|〇 不思議なお味だったのでまた今度リベンジしたいですな。 www.kyounoryouri.jp ざっ
病的に嫉妬しやすい僕は病気か ４０万円の仕送りでは足りないと親を憎んだことすらあった - ピピピピピの爽やかな日記帳
僕はどこの誰よりも嫉妬する 飛んでいる青い鳥は、全て残らず撃ち落としたいと思ってしまう。 身近な誰かが得をしているだけで、激憤で心臓が破裂しそうになる。 とくに僕の弟が有名な配信者であり、金も女も承認欲求も、人生を満喫しながら己の力で獲得しているという事実に、毎夜毎晩胸を痛め、人間社会の残酷さに無念の思いを膨らませている。 嫉妬からくる憎悪で心がはち切れそう 僕の家庭には、公立高校に行けたら爺ちゃんに５０万円でも１００万円でもどんなに高いパソコンでも買って貰えるというルールがあった。 勝者は優遇され、敗者は腐れということなのだろう。 人間社会の縮図がそこに込められているのだなと思った。 しかし、僕はまともに教科書も開いたことすらない。 歴史上の人物も織田信長とビスマルクぐらいしか知らなかった。 日本にも大統領がいるのだと思っていたぐらいだ。 数学も割り算で限界、コンパスの使い方も分からない
盲目のiPhoneユーザーに聞いた、視覚を使わない驚きのスマホ操作術 | スタッフブログ | マイネ王
画像：スマホのイラスト ！？ え、iPhoneってツルツルですよ！？ 触ってわかるボタン、ほぼないですよ！？ 『電話もメールもインターネットもしますよ』とのことだったのですが、 一体、どうやって使ってるの……！？ き………… 気になる〜〜〜〜！！！！ もっと話を聞かせて〜〜〜〜！！！！ 画像：ダイアログ・イン・ザ・ダーク前での社領の写真 ということで、外苑前にある施設 「ダイアログ・イン・ザ・ダーク」 にやって来ました！ 「ダイアログ・イン・ザ・ダーク」は、暗闇のソーシャル・エンターテインメント。完全な真っ暗闇の空間へグループを組んで入り、暗闇のエキスパートである視覚障がい者のスタッフの案内で、視覚以外の感覚を研ぎすませながら中を探検したりと、さまざまな体験ができる施設です。
サラダを劇的に美味しくするドレッシングの秘密と厳選レシピ17選
食物繊維が豊富でカロリー控えめなサラダは、ダイエット時に食べるものとしては定番です。 サラダの良いところは、「通常の食事に組み込むだけで、ダイエットに有効」というところ。カロリーの高い食事を摂る前にサラダを食べると、血糖値の急上昇を抑えられるんです。 食事を摂ると血糖値が上がり、インシュリンが分泌されます。インシュリンは、糖分を脂肪として蓄える働きがありますので、インシュリンがたくさん分泌されるとそれだけ太りやすくなってしまいます。 しかし、サラダを100グラムほど先に食べると、血糖値の急上昇を抑えられるので糖分を脂肪として蓄えにくくなります！ そんなサラダですが、美味しく食べるために欠かせないのはやはりドレッシング。カロリーを気にするならノンオイルのドレッシングですが、実はドレッシングに油が使われているのには理由があります。 ドレッシングを選ぶならオイル入り？ノンオイル？ビタミンの吸収率
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSでフォント指定する時の安全な記述方法、OSにプリインストールされているフォントのまとめ -CSS Font Stack
MANMADE
●オクラと梅のねばねば冷ややっこ 豆腐● by aya2920
えびとレタスの卵炒めのレシピ・作り方【簡単＆時短】 - レタスクラブ
えびと卵の炒め物の作り方 | 美容と健康の読みものと管理栄養士監修レシピ ボブとアンジー
エビとズッキーニのイタリアンソテー by KT121
海老とレタスのカレーナンプラー炒め by なお★nao
【リオ五輪】高須クリニック院長が助っ人に 資金難のナイジェリア代表を支援 - BBCニュース
https://qiita.com/Dronetube/items/ac02a23eafe7d09f3b57