テント内にインストール可能なポータブル薪ストーブが続々登場。冬のキャンプが癒し空間に – geared【ギアード】
gearedの編集部員たち。各自各様のサブカルチャーを愛するが、比較的共通している趣味は音楽、ラーメン、東海林さだお。 フィールドやテント内で使えるポータブルな薪ストーブが増えてきています。揺れる炎と薪が燃える音で、冬場のキャンプに癒しの空間を演出してくれる薪ストーブ。ポータブルなものが増えたことで、薪ストーブが使いたいという理由で 冬キャンプを楽しむキャンパーが増えそうな予感がします。 ポータブルでテント内にインストール可能なものをピックアップしてみました。 ANEVAY Frontier Plus イギリスのブランド ANEVAYから最新のポータブル薪ストーブ Frontier PlusがクラウドファンディングサイトKickstarterに登場しています。 軽量で持ち運びも簡単なポータブル薪ストーブで、3本の脚は折りたたみでき、煙突は5本に分割して全てストーブ内に収納可能。旧モデルのF
ウェブサイトを多言語展開する際のアクセシビリティ面での注意事項 | Accessible & Usable
公開日 : 2016年11月16日 カテゴリー : アクセシビリティ 海外に事業展開をしているなどの理由でウェブサイトを多言語展開する場合、思わぬところでアクセシビリティ対応が見落とされることがあります。制作 (ローカライズ作業) 時および品質チェック (QA) 時の備忘録として、注意すべき個所を挙げておきます。 表立って現われないテキストの翻訳 スクリーンリーダー向けの対応などで、表立って現われない (でも実は重要な) テキストが、ウェブページ上には多く含まれます。これらは翻訳またはローカライズをし忘れやすいので要注意です。 画像 (<img> 要素) の代替テキスト (alt 属性) アイコンフォントやセレクトメニュー (<select> 要素) などに付随する隠しラベル (aria-label 属性) CSS の「オフレフト」テクニックによって隠れているテキスト ページのタイトル (
W3Schools.com
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
モバイルファーストインデックスへの準備と対応方法
SEOで影響のありそうな、モバイルファーストインデックス（Mobile First Index : MFI）について準備しておくべきこと、対応方法をまとめました。 だいぶ私の推測が含まれていますので参考までに。 そもそもモバイルファーストインデックスとは？ モバイルファーストインデックスとは、スマホの検索比率が高まっていることを受けて、いままでPC向けのページを基準に順位を決めていたものを、モバイル向けのページを基準とするように切り替えられることを指しています。 近いうちに導入予定とアメリカで開催されているウェブマーケティングカンファレンスPubConで米Google のGary Illyes（ゲイリー・イリーズ）さんによって発表されました。 Googleの公式ブログでも発表されています。 Google ウェブマスター向け公式ブログ: モバイル ファースト インデックスに向けて PCとモバ
薪ストーブの新保製作所
薪ストーブのある 家の温もり 家をポカポカと暖め、炎が心を癒してくれる薪ストーブのある家。 日々の生活をのんびりと豊かに彩ってくれる存在です。 新保製作所では、昔ながらのタマゴ型をはじめ、 角型薪ストーブもご用意しております。 薪ストーブならではの 趣きを野外で楽しむ 新保製作所の薪ストーブは、薄くて軽量。 煙突をコンパクトにして、アウトドア仕様に。 海、山、川、各々のフィールドへ 薪ストーブを持ち出してみませんか。 北海道の情緒ある港町小樽で、 60年以上も薪ストーブを作り続けています。 この薪ストーブは、かつて、 北海道や東北地方の家庭用暖房器具の主力でした。 その後石油や電気に変わり、需用は減ってきたものの音をパチパチたてて 長い炎を出す薪に温かさを覚える人達に支えられて、 今でも家族で助け合いながら守り続けています。 アウトドアストーブはこのまま使えるキャンプセット、 調理と暖房が
CSS のみで高さを可変にして要素の比率を維持するテクニック - Webrawl
1:1 や 2:1 など比率を維持したままグリッド配置するときに重宝する CSS の小ネタです。 JS を使ってわざわざ height の値を計算する必要がなくなります。 1. padding の特性を理解する CSS のみで比率を固定する場合 padding の値を利用します。 padding は % で値を指定した場合、width の数値を基準 (100%) とします。 この単純な仕組みを理解しておけば好きな比率の要素を作ることができます。 2. コードを書いてみる 実際にコードを書いてみます。 まず、 :before 擬似要素に padding-top で要素の比率を指定します。 要素内が padding-top で埋まってしまうのは absolute 属性の .inner を配置することで回避します。基本はこれだけです。 <div class="box ratio-1_1"> <d
意外と知らない？Googleアナリティクス7つのセグメント指定条件の解説
各条件の詳細について一つずつ解説していきます。 ユーザー属性によるセグメント ユーザー属性によるセグメントでは、以下の条件でセグメントを行うことができます。 年齢 性別 言語 アフィニティカテゴリ 購買意欲のあるカテゴリ 地域 こうしたデータは、Googleの「Adsense」や「Adwords」などのサービスに基づく情報から推測されています。そのため、サイトに会員登録していないユーザーに対しても年齢・性別などの情報を取ることができます。 しかし、「必ずしも全てのユーザーに対してデータが取れていないこと」と「あくまで推測された情報に過ぎないこと」は理解しておきましょう。 正確なデータを利用するには、会員情報などを取得し、カスタムディメンションで結びつけるという方法があります。 アフィニティカテゴリとは、同様に推定された「ユーザーの関心がある分野」に関するデータです。 購買意欲のあるカテゴリ
Web業界は何時まで働くのか？ HTMLコーダーへのアンケート結果（業務時間やコードの書き方、Web技術について） - ICS MEDIA
Web業界は何時まで働くのか？ HTMLコーダーへのアンケート結果 （業務時間やコードの書き方、Web技術について） ウェブ制作者の就業時間やコーディングスタイルなど、皆さんは気になったことはありませんか？ 同業者と交流の少ない職場だと、常識だと思っていることが業界多数の傾向と異なっているかもしれません。 そこで、Twitterアカウントから実施していたWeb業界に関するアンケートをまとめました。この記事では「Web業界の働く時間」「トレンドの技術」「コーディングスタイル」「フォント」の4つのアンケート結果を紹介します。 Web業界は何時まで働くのか？ 当サイトICS MEDIAのアクセスは18時を超えると急激に下がります。このことから、Web業界で働く大半の方々は18時に仕事を上がっているのではないかと考えるようになりました。このことをツイートしたら意外性があったらしく多くの注目を集めま
WAI-ARIA の基礎知識 | Accessible & Usable
公開日 : 2014年4月15日 (2018年1月20日 更新) カテゴリー : アクセシビリティ / 情報設計 (IA) WAI-ARIA 1.0 が、2014年3月20日付で W3C の勧告 (Recommendation) になりました。 WAI-ARIA とは、Web Accessibility Initiative (W3C の中で、Web アクセシビリティに関する仕様を検討する部会) が策定した、Accessible (アクセシブル) な Rich Internet Applications (リッチインターネットアプリケーション : RIA) に関する仕様です。この仕様で定められた記述をソースコードに加えることによって、JavaScript などでインタラクティブに動くユーザーインターフェース (UI) であっても、その状況の変化を、マシンリーダブルな形で支援技術 (スクリー
https://thepedia.co/article/1673/
See related links to what you are looking for.
CSS3でGoogle検索やはてブを見やすくしたり、キュレーションサイトを目立たなくする方法
最近、調べ物をしようとGoogle検索した時にキュレーションサイトなどの役に立たない、あるいは他のサイトの情報をまとめただけのサイトばかり上位に表示されてしまい、ストレスがたまることが多くなってきました。 そこで、検索結果のCSSを上書きしてキュレーションサイトなどを半透明で表示し、ついでに記事が書かれた日付や「未指定」などを目立つようにカスタマイズしました。 ※ このスクリーンショットは、この記事でできるGoogle検索結果のカスタマイズ例です。1件目のNAVERまとめは半透明に、2件目の記事ははてなブックマーク数、サムネイル、記事が公開された日付を目立たせるなどして「役に立つページかどうか」を判断するヒントをわかりやすくしています。 検索結果から特定のサイトを非表示にする拡張の問題点 最初は、Google公式の Personal Blocklist という「検索結果から特定のサイトを非
ブラウザかWebViewか、どちらで開かれたのかを判別するには - console.lealog();
あると思った？ 残念、そんなものはない！ とはいえそれは"厳密に"やる場合の話で、今現在はなんとか・・なんとか・・・。 これを良しとするかはあなたのココロ次第です。 以下、奮闘記をお送りいたします。 20150813: 更新 ‘fullscreenEnabled’ in documentってすればもしかして(iOSのみ) https://github.com/uupaa/UserAgent.js こういうのもあるらしい 20150422: 更新 まさかのiOSのLINEアプリのWebViewのUAが変わったらしく、FacebookとLINEが判別できるように！ 20150407: 更新 まさかのiOSのTwitterアプリのWebViewのUAが変わったらしく、もうFacebookしか判別できないみたいです・・。 先に結論を書いておくと、現時点でiOSに限ってであればなんとかなります。 た
各項目を選択・入力するだけでgulpで使用するソースを出力してくれるジェネレータ「gulp generator」 - NxWorld
「gulp generator」はgulpで使用するgulpfile.jsとpackage.jsonに記述するソースを出力してくれるジェネレータで、用意されている各項目を選択したりファイルの読み込み・出力箇所を入力していくだけで簡単に必要なソースを出力してくれます。 サイトにアクセスすると上のイメージのような見栄えになっており、ページ左側で実行したいタスクを選択したりファイルの読み込み・出力箇所を入力して、その結果としてページ右側にgulpfile.jsとpackage.jsonに記述するためのソースが出力されるようになっています。 タスクの選択部分は大きく分けて「css」「js」「html」「その他」の4つに分類されており、上のイメージ（イメージは「css」を選択時）のようにそれぞれファイルのパス指定をする部分と各タスクを選択する項目が用意されています。 よく利用されると思うようなものは
Apple PayのSuica：JR東日本
お知らせ 不審メールやモバイルSuicaアプリを装ったフィッシングが発生 当社では特定サイトへ誘導のうえ、クレジットカード情報等の入力を案内することはございません。また、アプリのダウンロードはGoogle PlayストアまたはApp Storeより願います。詳しくはこちら その他お知らせ ①現在、無記名・記名式の「Suica」カードの発売を一時中止しています。モバイルSuicaでの新規発行方法の詳細はこちら ②山形Suicaエリア拡大に伴う特例取扱いの詳細はこちら Apple PayのSuicaは、iPhoneやApple Watch上にSuicaを発行し、クレジットカード等※によるチャージやチケット購入を通じ、駅でみどりの窓口や自動券売機に並ぶ必要なく、スムーズに鉄道・バスやショッピングを利用いただけるサービスです。 ※一部の券売機やコンビニ等での現金でのチャージも可能です Apple
コスパ抜群の防水Bluetoothイヤホン「PHC-SP1」を試す (1/2)
スポーツ向けイヤホンはワイヤレスに限る！ 健康目的のトレーニング、あるいは趣味として筋トレやランニング、各種スポーツを楽しんでいる人が周りに増えている。個人的には、ダイエット効果と時間調整のしやすさなども相まって、1人でできるランニングと筋トレを再開。トータルでは3年ほど続けている。 そんなときに欠かせないのが音楽。ロックやメタルを聞きながら激しい運動をするもよし、ピアノサウンドが綺麗な曲を聴きながら朝の清々しさを楽しむもよし。ポチっと音楽を再生するだけで、その日の気分に合わせて簡単にシチュエーションを作り出せる。 ただ、リスニングにはスポーツ用ではなく通常のイヤホンを使っているので、本体が耳から外れる、ケーブルがジャマ、音が途切れる、断線する等々の問題が出てきた。現在はスポーツ用イヤホンの購入を検討中。でも高いのはイヤ。 そこで今回は、プリンストンから新発売のスポーツ用ワイヤレスイヤホン
A/Bテストの9割が失敗!? Google Optimizeを使う前に知りたい5つの誤解
グーグルが「Google Optimize」の無償版を発表したことでA/Bテストへの注目が集まっていますが、実際にA/Bテストを実施した企業の9割が失敗しているとの衝撃のデータがあります。その原因とは？ 近代広告の父として知られるデイヴィッド・オグルヴィは「試行を止めてはいけない、そうすれば広告は進化し続ける」と言いました。2008年、ビル・ゲイツは「私たちはこれまでよりも、もっとA/Bテストをするべきだ」と主張しました。 今から50年前、デイヴィッド・オグルヴィは、全身ツイード地の細身のスーツを身にまとい、オックスフォード出身者の教養を漂わせ、絶え間なくタバコを吸いながら、有名な「試行を止めてはいけない、そうすれば広告は進化し続ける」と自信に満ちた表情で語ったのです 最近のWebの世界では、さまざまな使いやすいツールのおかげで、A/Bテストやコンバージョンの最適化はより身近で、手を出しや
CSSのクラス名を決めるときに使うリストをつくりました
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? CSSは設計手法も大事ですが、どういう単語で名前をつけていくかも大事だと思っています。 個人個人でばらつきが出るところでもありますし、「単語名 英語」で検索をして探した単語を使ったけど若干意味合いが違ったといったこともあると思います。 クラス名を決めるためのリストを見かけることもありますが、英単語の読みは書かれていても意味合いが書かれていることは少ないように思います。 自分の確認用と、チームで製作するさいの基準になるようなものを作りたいと思い、単語とその意味を短くまとめてGitHubにあげています。 CSS クラス名リスト | GitH
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to Microwave a Perfect Mugful of Mac 'n Cheese
マイクロソフト、IFTTT的なサービス連係サービス「Microsoft Flow」正式公開。GitHub、Dropbox、Slack、メール、Twillio、Googleカレンダーなど多数のサービスを連係可能 － Publickey
Web制作者がチェックしておきたい、CSSのライブラリのまとめ
