サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
ページ上でモーダルを開き、スクロールして、モーダルを閉じると、通常そのページはモーダルを開いた時とは別の場所にスクロールされた状態で表示されてしまいます。そして、スクロールした状態で、モーダルを開いて閉じると、一番上にスクロールされた状態で表示されてしまいます。 これらを解決するCSSとJavaScriptのテクニックを紹介します。 Prevent Page Scrolling When a Modal is Open 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 簡単なことから始めましょう スマホの場合 この問題を解決するにはJavaScriptが必要JavaScriptで問題を解決する はじめに モーダルを開いて、スクロールして、モーダルを閉じます。すると、そのページはモーダルを開いた時とは別の場所にスクロール
手軽にユニークで素敵な写真に仕上げる撮影ハック、テクニックを長年探している筆者が見つけた、誰にでも実践できる水を使った写真撮影テクニックが紹介されています。 写真撮影が上手くなる、覚えておきたい基本の構図テクニック20選 平凡な写真だと感じたら、スプレーで水滴をつけよう。 写真を撮影するときに、なにか退屈で平凡だと感じたら、スプレーボトルをつかって表面に水滴を付けてみましょう。もちろん、電化製品などには不向きですが、特にフルーツや花などオーガニックな素材との相性は抜群です。鏡や窓などガラスの表面に水滴を吹き付けることで、ユニークでクリエイティブな印象を手軽に演出することもできます。 以下では、この水滴テクニックを実際に利用したいくつかのサンプル例をまとめています。ここで使われている写真は、どれもロイヤリティーフリーとなっているので、自由にシェアすることもできます。 まずこのテクニックのデモ
テキストとアイコンを横並びさせたボタン、カテゴリのテキストを配置したラベル、ラベルが長いフォームなど、これらのテキストが長いとレイアウトが崩れてしまうことがあります。 レイアウトが崩れてしまう予期せぬコンテンツに対応するためのスタイルシートのテクニックを紹介します。 Handling Long and Unexpected Content inCSSイラスト: Girls Design Materials 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. 左右どちらかにアイコンが配置されたボタン 02. ラベルに重なってしまうフォームのボタン 03. テキストが長くてスペースに収まらない場合 04. リンクが長くてはみ出してしまう場合 05. タグのテキストが長くてはみ出してしまう場合 06. 両端揃えのテキストが長い
![[CSS]テキストが長いとレイアウトが崩れる！予期せぬコンテンツに対応するためのスタイルシートのテクニック](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2fd2e33134d6d625cb142994a08293c23978551124%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fcoliss.com%252Fwp-content%252Fuploads-201702%252F2017062312.png&f=jpg&w=240)
CSSの相対的な単位（em, rem）を使って、Webページで使われるUIコンポーネントのさまざまなサイズを変化させるスタイルシートのテクニックを紹介します。em, remは文字の大きさだけでなく、画像やアイコンのサイズ、背景、フォーム、ボタン、配置など、さまざまな指定に利用できます。Building Resizeable Components with RelativeCSS Units 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。フォントのサイズを変化 縦と横の比率を維持したボタン 縦と横の比率を維持した画像 box-shadowを使ったボーダーの幅と高さ アイコンの幅と高さ、そして間隔も キャプション付き画像 装飾された背景 アイコン付き検索フォーム チェックボックスで実装されたトグル ブロックの一行の長さ ボタ
次女（２才）とふたりでファミレスにいってご飯を食べましたが、半分ほどで彼女はもうお腹がふくれたようでした。 ひまだったのでしょうか。残りものを使って何かを作りはじめました・・・ そしてそれは、しっかりとご飯にポテトがのった、丼ご飯になっていました。彼女はそれを、「はい！ どーじょ」といって笑顔で差し出しました。 自らがいらないものを、笑顔ですばらしいもののように差し出す彼女のテクニックに完敗しました。もちろんちゃんと美味しくいただきましたよ(;´∀｀) ↓こんな記事もあります。 保育園で熱い娘の視線を感じるとき【子育て漫画】 スマホを持つと娘があせる理由【子育て漫画】 ネットスーパーの海鮮丼で複雑な気持ちに【子育て漫画】 ほぼワンオペ育児を楽にする方法【子育て漫画】 ↓まとめました。 日常エッセイまとめ 昔の育児絵日記
Webはその進化が早いと言われ、中でもCSSは日々、新しいテクニックや驚くべき実装方法が発表されています。新しいものに目を向けることはもちろん大切です。しかし、すでに利用可能なもので見落としている有用なテクニックがあるかもしれません。 有用なのに、意外と見落とされがちなCSSのテクニックを紹介します。 9 Underutilized Features inCSS 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. レスポンシブ対応に便利な「calc()」 2. 目からウロコの「@media」の使い方 3. カラー指定を変数でおこなえる「currentColor」 4. フォームにかなり便利「:valid, :invalid, :empty」 5. ナンバリングするためにol要素は必要ない「counter」 6. 中身が不明な
![[CSS]実はかなり便利！意外と見落とされがちなスタイルシートのテクニックのまとめ](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2f11d487ffaa0d8f97196e7f7cedd83ea94e889a64%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fcoliss.com%252Fwp-content%252Fuploads-201604%252F2016102601.png&f=jpg&w=240)
よーブラザー、彼女がほしいか！ 今じゃ落ち着いちまったけど、俺だって若い頃はブイブイ言わせたもんだぜ。くぅー！ブイブイ言わせてヒーヒーさせたい！ ならば教えよう！ 俺が時代を築いたモテ技を！ これをすればきっとあの子も君にフォーリンLOVE。君の時代を作るのだ！ ただし、ちょっとだけテクニックが古いかもしれない。なにぶん古いオッサンな私なので。 隊長のモテた秘伝のテクニック 車に電気屋で当たった膝掛けが置いてある これ、僕の地元には100満ボルトという電気屋さんがあるんだけど、定期的にチラシクーポンを配ってる。その中にたまに膝掛けがあるんだよ。 それを車に置いておくだけでもうあれだ、喜ばれる。 But!! 人によっては「この人みんなにこんな事してんだ」「この布なんだかキモい」とか思われるので注意が必要だ。なので、わざわざ買ったのではなく、100万ボルトの電気屋で貰った膝掛けってのがポイント
恋愛偏差値は心理学でアップできる モテるためには、性格やルックスなどを磨くほかにも「恋の駆け引き」が非常に大切になります。 「恋の駆け引きなんてどうすれば良いのか分からない」という方の救世主となる存在こそが、心理学に由来した恋愛テクニックです。 心理学の観点から実証されているからこそ、得られる効果は確かなものです。モテる人は知らず知らずのうちに自然と心理学的なテクニックを使いこなしているのかもしれません。恋愛だけでなく、ビジネスにも応用できる心理学の恋愛テクニックの数々を、それぞれの目的別にご紹介します。 怖いくらいに効果を発揮する心理学のテクニックを身に付ければ、恋愛経験が少ない人でも恋愛偏差値が一気にアップ！ 意中の人と早く仲を深める心理学のテクニック６個 はじめにご紹介するのは「気になる人との仲を深める」という、恋愛では不可欠となる過程で役立つ心理学の恋愛テクニックです。 ①何度も
:target疑似クラスは、ターゲットとなるアンカーリンク先の要素を表します。例えば、長い記事をユニークなidでセクションに分け、それぞれのセクションにアンカーリンクを設置します。:target疑似クラスを利用すると、ターゲットとなるセクションごとにスタイルを適用することができます。 :target疑似クラスを使ったスタイルシートのテクニックと注意点を紹介します。 The :target Trick :target以外の便利な疑似クラス・疑似要素については、下記のページを参考に。 使い方をしっかりマスターしておきたい便利な5つの疑似クラスと疑似要素 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 :target疑似クラスを使って、コンテンツを表示・非表示 :target疑似クラスを使って、ナビゲーションをスライドアウト :target
![[CSS]知ってると便利！「:target疑似クラス」を使ったスタイルシートのテクニックと注意点](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2fa2245872982c8e900d7bcc462d8385b1f0845ff9%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fcoliss.com%252Fwp-content%252Fuploads-201603%252F2016070901.png&f=jpg&w=240)
2016 - 07 - 06 撮影のテクニックや構図・設定からカメラ・アクセサリ選びまで！おすすめサイト＆良記事まとめ カメラ 撮影 シェアするTwitterGooglePocketLine デジタル一眼 撮影テクニック大事典 最新版 学研カメラムック[Kindle版] posted with ヨメレバ ＣＡＰＡ＆デジキャパ！編集部 学研プラス 2015-10-02KindleAmazon[書籍版] 記事の目的 日常のワンシーンを撮ったり、旅行先で出会った風景を思い出として撮影したりするのはとても楽しいもの。カメラや写真は私たちを大切な過去と結びつけてくれたり、思い出をシェアしてくれたりしてくれる大切な存在ですね。 今回は、撮影のテクニックや構図・設定の仕方から、カメラやレンズやバッグなどのアクセサリの選び方など全般的に、おすすめのサイトと良記事をまとめました。カメラを購入しよ
by Thomas Mueller 「ものの名前を知っている」ことも知識の1つではありますが、名前だけではなくその中身を知っていてこそ本物の知識。知識を増やすにはいろいろな方法がありますが、その中でも、ノーベル物理学賞を受賞している物理学者のリチャード・ファインマン氏の名を冠した「ファインマン・テクニック」は、いろいろなことに応用の利く学習方法として知られています。 The FeynmanTechnique: The Most Efficient Way to Learn Anything https://www.farnamstreetblog.com/2012/04/learn-anything-faster-with-the-feynman-technique/ ファインマン氏は優れた物理学者であり、朝永振一郎氏、ジュリアン・シュウィンガー氏とともに1965年にノーベル物理学賞を受
営業として働く中で「思ったように売れない」「できる営業とはなんだろう」と悩まれていませんか。 営業力を鍛えるために、トークスキルや心理学の学習をすることは非常に重要です。 ただ、テクニックをいくら勉強しても、使い方が合っていなければ意味がありません。 そこで、このページでは、売れない営業からトップセールスになった自身の体験と、野村証券・リクルート・キーエンスといった営業で有名な企業の現職社員3名にヒアリングをしながら下記2点を紹介します。 自身の弱点から見る、最適なテクニックとは「ターゲティング」のテクニック「オープニング」のテクニック「プロービング」のテクニック「クロージング」のテクニックこのページを読めば、今の自身に何が足りないのか、どんなテクニックを身につけるのが自分に合っているのかがわかります。すべてのスキルを自分の物にできれば、トップセールスへの最短ルートを走れるでしょう。 1.
自分で言うのもなんですけれども。 僕は犬に好かれます。 以前、犬舎で働いていたんですけどね。 けんしゃ。 ケンネルとも言いますが。 そこで200匹以上のワンコの世話をしていた時も、最初からやたらとなつかれました。 誰に教わったわけでもないのですが、 いくつかテクニックらしきものはあります。 そのうちのひとつを、ちょっと書いてみますよ。 いきなり撫でちゃダメ よく、初めて接する犬に対して、いきなり頭を撫でる人がいますが、僕はこれ絶対にやりません。 まぁ、ゴールデンレトリーバーみたいに、向こうからフレンドリー全開でくるワンコには特に何も考えなくていいんですが、そうじゃない場合は、無闇に撫でないほうがいいです。 頭を撫でられて嬉しいのって、信頼してる相手に対してだけですから。 初対面の人に、いきなり頭上から手を近づけられたら、叩かれる！って思う犬も多いんですよ。 撫でた時に目をつぶる犬っていませ
あっ男だ！付き合ってくれ～～！ 「どうせ好かれてればOKだし、好かれてなければダメだし・・・」 フラれてばかりのあなた、そんなふうに考えて異性に適当に告白していませんか？ もともと好かれていれば告白がうまく行くのは確かですが、だからといってメールやLINEで告白しているようでは気持ちの軽さが見透かされてしまいます。 実は告白においては、想いを伝えるだけでなく「断りにくい雰囲気」を作ることが大事なのです。 こちらはひたすら懇願してくる「スカパー！」のCMですが、今回はこのように告白を「断りにくく」する選りすぐりのテクニックを12パターンご紹介したいと思います。 パターン01. とにかくいっぱい言う 「告白したけどフラれた・・・。」そういう方に確認すると、ほとんどの場合「いっぱいは言ってない」と答えます。 私はこれが疑問でなりません。世一代のチャンスにどうして全力を尽くさないのでしょうか？ 言
Chromeのデベロッパーツールをプロのように使いこなすための20のテクニックを紹介します。 いやー、本当にデベロッパーツールは機能が豊富ですね。 How to useChrome DevTools like a Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。HTMLの要素をクイック編集 指定した行番号に移動 すべての子ノードを展開 デベロッパーツールの位置を変えるCSSのセレクタによるDOM検索 Material Designとカスタムカラーパレット 複数のカーソル 画像をData URIとしてコピー 疑似クラスのトリガー 複数のコラムをドラッグで選択 「$0」で現在の要素を手に入れる 要素の表示 「Event Listeners」の表示 イージングのプレビュー Media Queriesの検証 ネットワークをフィルム
それで髪型の事に触れないでいると「わたし美容院行ってきたんですけど」とカチキレ。 嫁はその後も「わたしを見てない」とか「どうせ興味が無い」とか「男はいつもそうだ」とかまじでウゼェ。 そういや数日前に「○日に美容院行ってくるね」とか言ってたけどこっちはいつも仕事のことで頭が一杯なんだから覚えてるわけがない。 しかもどうみても気づかれるほど変わってないのに「毛先のカールが」とか「前髪が」とか言い出して、気づかないほうが悪いというスタンス。 それって完全にマウント取りたいだけなんじゃないの？ 大体にして、どうして素直に「美容院行ってきたけどどう？」って聞けないものか。 ほぼ女性全員が「気づかない男性が悪い」っていう構図を作りたがるけど、歩み寄ろうとしてないのそちらですから。 男は外に注意を払う生き物で、女子は環境を整える生き物なんだからそれでいいじゃない。 営業テクニックの話とか聞こうともしない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![[CSS]文字の半分で異なるカラーを指定するCSSのテクニック -こういうのを思いついた時って絶対楽しい！ | コリス](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2f9c7d78a76d41374af7d5df22544559e0a0efe8ac%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fcoliss.com%252Fwp-content%252Fuploads-201702%252F2017032701.png&f=jpg&w=240)
