テキスト、ボーダー、背景、アクセント、エラーなど、カラーをCSSでどのように定義すると効率的に管理できるのか、保守が簡単になるのか、そのテクニックを紹介します。 Create your design system, part 3: Colors by CodyHouse 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに カラーをCSSで効率的に管理するために セマンティックにするか、宣言型にするか 基本的なカラーパレットの作成 セマンティックカラーの追加 このアプローチを採用する理由 テーマに使用するカラー はじめに 元々は、近日公開予定の「Web Components」のために作成したものですが、グローバルのCSSとして利用できるので、一足先に公開します。 Web Components|CodyHouse カラーをCS
山でも街でも、家でのリラックスタイムにも、うっとりするような肌触りで優しく暖かに包み込んでくれるフリースパンツ。「どれを選んだらいいか分からない……」そんなあなたへ、アウトドアメーカーより選りすぐりのフリースパンツを紹介します。メンズだけでなくレディースモデルがあるものも。定番人気の商品から、登山の保温着として活躍するものまで、タイプ別におすすめをラインナップ。最高の1本を見つけましょう!
起きて半畳、寝て一畳。ひとりに必要なスペースとは一畳ほど・・・そう、ソロテントのような大きさだ。登山やバックパッキング、キャンプインフェス、バイクツーリング、あらゆるアクティビティの基本となる大きさ。自分だけの部屋、自分だけが使うものだからこそ、とことん選び抜きたい。2018年最新モデルを中心に合計8張を、テーマ別に対決形式にしてホーボージュンがテストした! 全天候型フリーライター ホーボージュンさん テントを背負い世界中をさすらうアウトドアライター。自らのオリジナルテントをプロデュースするほどのテントマニアでもある。 ROUND1 自立式ドーム対決! ソロテントの基本形ともいえる自立式ドーム。登山から自転車ツーリングまで幅広く使われている。ここではドームの基本構造を踏襲しつつ独自進化を遂げた2モデルを検証しよう。 軽量化を追求した足元トリム型 ザ・ノース・フェイス/ストームブレイク1 ¥
あの町いいな。こっちの町もいいな。 移住の情報を集めていると、情報の多さに混乱してしまうことも多いのではないでしょうか? 移住を憧れで終わらせてしまったり、移住してから後悔することがないためにも事前の情報収集が肝心です。 今回は移住や、ローカルライフの情報源として活用しているメディアを紹介します。 ソトコト http://www.sotokoto.net/jp/ ローカルメディアの元祖と言えばソトコト!と思っているのは僕だけではないはず。 会社員時代からずっと定期購読しています。 月刊『ソトコト』は、ロハスピープルのための快適生活マガジンです。地球と仲良くし、楽しく生きていくためのライフスタイルを探り、提案していくことをコンセプトに、1999年、世界初の「環境ファッションマガジン」として創刊しました。 出典:ソトコト 地方移住してなにすんの?って思っている人は一度読んでみてください。 それ
ここは標高のあるキャンプ場、見上げれば満天の星々、僕たちは焚き火を楽しみながら酒を飲み、貴重な時間をまったり過ごし、好きなだけ火遊びして思い出を刻み込む。 キャンプ場にはいつもと違った時間が流れてます、不思議ですね。 最近ゆるキャン△というアニメを見始めたのですが、これがなかなか面白く、そしてキャンプの記憶を色々蘇らせてくれるアニメなんです。 最初は退屈なアニメだなと敬遠してたのですが、連続して視聴するとなかなかどうして面白い。 そして僕は思った。 あぁ・・・キャンプしてぇ! ゆるキャンはキャンプに出会った女の子が成長?するストーリーで、観てるとキャンプしたくなってくるんですよ。最初の頃の気持ちとか、忘れてたものが蘇ります。 ちなみにアニメはこちら→ゆるキャン△ Amazonプライムでやってます。まだの人がいたら是非観てみてね。 とりあえず!キャンプは今年行く。 なにか新しいアウトドア道具
生活のために働く毎日が辛い。いつになったらこの日々から抜け出せるんだろう。生活のために働かない毎日を過ごすにはどうすればいいのか、その方法が知りたい 今回はこんな疑問に答えていきます。 簡単に僕のことをご紹介すると、前は会社員として生活のために働く毎日を過ごしていました。でもそんな日々を変えたいと思いWebの副業や投資をしたことで、いまは副業収入で生活に困らない収入を得ることができるようになりました。そういう状態を作れましたので、いま会社員としてやっている仕事も、生活のためではなく自分のやりたいことを選ぶことができ、とても満足した日々を送ることができています。 このような状態まで実現できた過程では気付いたことも多くありました。そういったことも含めて、今回は生活のために働く現状から抜け出すための3つの方法を、僕なりの視点でお話ししていきます。 生活のために働き、その都度消費していると、一生生
paiza(パイザ)のプログラミングスキルチェックは、 スキルがあると認められれば企業からスカウトが届く、 IT/Webエンジニア、プログラマのための新しいカタチの転職サービスです。 プログラミングスキルチェックを受けるだけなら、匿名で誰にも知られず”こっそり”と 「自分のスキルが他社で通用するのか」を判定。適正年収を査定します。 対応言語は Java、PHP、Ruby、Python2、Python3、Perl、C、C++、C#、JavaScript、Objective-C、Scala、Go、Swift、Kotlin 。 スキルチェックを受ける(会員登録) プログラミングスキルチェックは難易度によってランクが分かれています。あなたの好きなランク・好きな問題を選んで解答してください。各問題とも1回ずつ挑戦できます。 問題文を読んで、与えられた課題を解決するプログラムを時間内に書いてコードを提
スケールを学べばソロを弾けるようになる、と多くの人は勘違いしています。 大切なのは、コードトーンです。 ペンタトニックでブルースのフレーズを弾く事はできます。 でもいずれ行き詰るでしょう… この記事は、ペンタトニックスケールでブルースやロックのソロをある程度弾ける人に書いています。 まだソロを始めていない人でも、何が大切かを知るのに役立つでしょう。 トライアド(3声和音)についての学びです。 アドリブを始めるには、まずコードトーンです。 空手で言えば型の練習で、面白くないかもしれません。 しかし、大きな差となって現れてきます。 多くの人が抱える問題のいくつかを、改善できるでしょう。 耳が鍛えられる コードトーンでソロを考える=音を外さなくなる わざとエクステンションを選んで距離感、緊張感を作る事ができる スケールをなぞるような弾き方から脱却できる バッキングにもスモールコードのバリエーシ
ferret編集部:2015年1月14日に公開された記事を再編集しています。 日本国内のインターネットユーザーの半数が利用しているGoogle検索エンジン。98年に誕生して以来、ユーザーにとって使いやすい検索エンジンを目指して頻繁に改修を行っています。検索に特化しているだけあって、ユーザーのニーズに合わせた様々な検索方法が揃っています。 今回は、知っておくと便利なGoogle検索方法をまとめました。競合調査の際に便利な検索方法もあるので、Web担当者の方は是非チェックしてみてください。 1.インデックス数を検索できる「site:」 検索窓に「site:◯◯◯(URL)」と入力すると、そのドメイン内に存在するインデックスの一覧が表示されます。参考までに、競合のホームページのインデックス数がどれだけあるのかは把握しておくようにしましょう。 また、site:◯◯◯(URL) △△(キーワード)」
今週のお題「読書の夏」ということで夏に読むべき本を3冊紹介する。俺は本を読む季節というものは無いと思っているけれども、この本はこの時期に読んだほうが面白い、というのはあると思っている。なのでこれから紹介する本はいつ読んでも面白いが、今読むのが一番だということで選んだ。 EAT&RUN 100マイルを走る僕の旅 EAT&RUN 100マイルを走る僕の旅 作者:スコット・ジュレク,スティーヴ・フリードマンNHK出版Amazon この本をなぜ夏に読むべきかというと、暑い時に読んでこそより深くのめり込むことができるからだ。もちろんやろうと思えば技術と金の力で1年中いつでも暑い状態というのは体験できる。しかしわざわざ「最高の贅沢」みたいなことをしなくても、夏にやればタダで楽しめる。それに外出するときに暑くても、あれよりはマシだなと思える。だから夏に読むべきなのだ。 この本は以前ちょこっと紹介したこと
Google マップはグーグルが提供している地図サービスです。この Google マップをカスタマイズして独自のマーカーを表示させたり、指定した区間のルート検索を行ったりすることができるように色々な API が提供されています。ここでは Google マップで提供されている API の中でもウェブサイトで利用者が操作可能な地図をカスタマイズして表示することができる Google Maps JavaScript API の使い方の解説します。 ※ Google マップを利用者として使う場合の使い方については「Googleマップの使い方」を参照されて下さい。 なお JavaScript の基本的な使い方については「JavaScript入門」を参照されてください。
Bootstrapの見慣れた感というか、モック感から脱却しようとFoundationとかに手を出しかけてたのですが、Googleがだしてきたマテリアルデザインキットがすごく良かったので紹介します。 たとえば管理画面風のデザインはこれ ほかにもBootstrap風の上部メニューのデザイン(Android)もあったり コンポーネントと呼ばれる部品も充実しています。これ見るだけで色々できそうな気がしますね! Blog風など幾つか提供されています。いまとあるサイドプロジェクトで簡易的な管理画面をつくろうとしてたのですが、早速活用していい感じに仕上げることが出来ました。 ダウンロードすると全テンプレートが含まれているので、コピペで組み合わせるだけでも結構いい感じに出来ます。Bootstrapに飽きてきたら、ぜひ使ってみてください。 www.getmdl.io
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く