CSSプロフェッショナルのためのTIPS - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
シンプルなレスポンシブデザインを実現するためのメディアクエリの考え方 - yuhei blog
スタイルはシンプルなものから宣言していく方が無駄がない。 レスポンシブデザインにおいては、小さい画面のほうがより簡素な画面構成であることが多い。そのため、小さい画面から順に大きい画面まで設計したほうが理に適っている。例えば以下のようなコードになる。 $breakpoint-small: 480px; $breakpoint-medium: 960px; .component { margin: 1rem; padding: 1rem; border: 1px solid lightgray; @media (min-width: $breakpoint-small) { margin-bottom: 3rem; } @media (min-width: $breakpoint-medium) { font-size: larger; } } このような実装にすることで、小さい画面のスタイル
これ知っておかないと！Chromeのアドブロックで非表示にされてしまう広告の配置方法 | コリス
Chromeに広告を非表示するアドブロックが標準機能として搭載される噂を耳にしていましたが、それが具体的にどのような広告が対象になるかは不明でした。 GoogleのSearch Consoleに新コンテンツが追加され、デスクトップとスマホでどのような広告が非表示にされてしまうか詳しく解説されています。 「Better Ads Standards」にはユーザーが特に不快に感じる広告の種類を掲載されており、それらに当てはまる場合は修正してね、というものです。 2018年から適用予定で、デスクトップやスマホでけっこう見かける広告が掲載されているので、注意が必要です。 非表示にされてしまうデスクトップの広告 ポップアップ広告 ページのメインとなるコンテンツの一部・全体を隠すようにポップアップして表示される広告。このタイプの広告は、ユーザーをイライラさせるだけです。 サウンド付き、自動再生されるビデ
localStorageにユーザーIDを保存するサンプル
前回の記事、localStorageを使ってユーザー設定を保存するサンプルと同じ様な内容ですがコンテンツ側でユーザーを判別するのにユーザーIDをlocalStorageに保存する簡単なサンプルです 個人作成のWEBゲームや知られていないコンテンツなどなど 最初からアカウント登録やメールアドレス登録を必要とするには、よほど魅力的でないと利用してもらえない可能性があります 僕も結構そうで、最初からアカウント登録が必要だったりすると利用しなかったり、面白そうなゲームでもそっと閉じちゃう事が多いですね それでもユーザーの管理や保存データが必要な場合は、最初は自動発行したユーザーIDと認証コードを渡してコンテンツ利用やゲームで遊んで貰う方法があります 最終的には認証コードをサーバー側で発行・チェックしたりデータベースを活用しないと実用的ではありませんが、その手前までのサンプルになればな、と
2017年に見ておきたい12のJavaScriptライブラリ | TechAcademyマガジン
JavaScriptライブラリには、有名なものでjQueryやReactといったものが存在します。そこで、あまり知られていないものの急速に台頭している12のJavaScriptライブラリを紹介しています。ぜひご覧ください。 本稿は、Webdesigner Depotのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 本記事は、デザイナー、ライターであるJake Rocheleau氏によって投稿されました。 JavaScriptのライブラリは数多く存在しているため、その中のどれにエネルギーを注ぐべきかを決めるのは難しく思えるかもしれません。 成長を続けて広く採用されるようになるライブラリもあれば、中には使用されなくなったり、別の新規プロジェクトに吸収されて消滅するライブラリもあります。 ほとんどのエンジニアは、jQueryやReactなどの有名なライブラリはすでにご存知かと思います
localStorageを使ってユーザー設定を保存するサンプル
表示設定やニックネームぐらいのユーザーデータならlocalStorageを使ってそのまま保存するのも良いですよね サンプル用なのだからlocalStorageではなくsessionStorageで書けばStorage削除の部分とか無くても良かったな思いましたが、、 参考：https://developer.mozilla.org/ja/docs/Web/API/Window/localStorage 検索エンジン（ボット）の事などを考えると、アクセスしただけではStorageに保存しないようにして、ユーザーアクションによって保存される風にした方が良いかと 何らかのオンとオフの設定を保存しているだけの簡単なサンプルです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ラズパイ3とZero向け高強度金属製ケースが登場
スムーズなページ内ジャンプの実装サンプル
ランダムな文字列を生成するサンプルコード