[B! テクニック] cankyanのブックマーク

cankyan id:cankyan

テクニックに関するcankyanのブックマーク (4)

ページ内リンクが固定ヘッダと重なって隠れる問題を解決するCSSのテクニック
ここ数年で、スクロールしてもヘッダが上部に固定配置されているページが増えてきました。UX的には便利な面もありますが、その反面問題もあります。固定ヘッダがあるページでページ内リンクをクリックすると、移動した先が固定ヘッダに重なって隠れます。そこでscroll-snapプロパティの登場です。scroll-snapのscroll-paddingプロパティを使用して、この問題を解決するCSSのテクニックを紹介します。 Fixed Headers, On-Page Links, and Overlapping Content, Oh My! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。ページ内リンクが固定ヘッダと重なって隠れる scroll-paddingとscroll-margin 「scroll-snapプロパティ」のサポートブ
cankyan 2019/04/08
テクニック

css

scroll-snap
リンク
話すのが苦手な人のためのプレゼンの裏技テクニック｜けんすう
僕のことを直接しっている人にはよく知られた話ですが、僕はなかなかどうして話すのがヘタでして、コミュニケーションをとるのが得意ではないのですね。特に、大人数の前だとすごい緊張しちゃうので、落ち着いて話すこともできません。心臓がバクバクいい、足が震えます。10人以上いる会議で発言とかかなりキツイです。で、そんな僕なんですが、プレゼンをしなさい、となる時もたまにあって、そういう時、結構困るのですね。どうしたらいいんだと。しかし、何回か回を重ねていくことで、話す技術を向上することはできなくても、表面的なテクニックでなんとかカバーすることは出来るな、と思ってきました。ハウツーですね。僕はハウツーが好きなんです。そのあたりのテクニックをたまに後輩に教えたりするのですが、ブログにまとまっているほうがいいかなと思ったので、紹介します。 ---✂--- 「遊び半分の起業のすすめ」最近、こんな感じ
cankyan 2018/12/30
プレゼン

けんすう

テクニック
リンク
[CSS]テキスト要素の先頭行だけline-heightを取り除き、上ぴったりに揃えるスタイルシートのテクニック
テキスト要素を配置する際、line-heightがあると、テキストの先頭行を上ぴったりに揃えることはできません。先頭行だけline-heightでできた上スペースを取り除き、上に揃えるスタイルシートのテクニックを紹介します。これをしたいと思った人は少なくないと思います。先頭行の余計な余白を取り除き、ぴたっと揃えることができます。取り除くのは先頭行の上だけなので、先頭行の下やほかのテキスト要素はline-heightが適用されます。 Line-height Crop by CodyHouse 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめに先頭行だけを上に揃えるスタイルシートテクニックの解説免責事項はじめに元々は、近日公開予定の「Web Components」のために作成したものですが、グローバルのCSSとし
cankyan 2018/08/21
テクニック

css
リンク
Photoshopで写真内の人や物を消す6個の超簡単テクニック完全まとめ
最終更新日: 2022年10月3日 Photoshopで画像から人や物などのオブジェクトを除去する方法は、デザイン制作において重要なテクニックです。しかし、用途に応じてツールを使い分け、除去レタッチ作業を行っているというひとは、どれだけいるでしょう。今回は、Photoshopの各種ツールを駆使した除去、消去テクニックと、いつその技を使うのがベストなのか、各サンプルと一緒にまとめてご紹介します。これらの方法を実践することで、写真に写り込んでしまった不要なモノを、2〜3分の短時間で、スピーディーに除去することができるので、フォトショップ初心者のひとにもオススメです。
cankyan 2018/08/07
photoshop

写真

テクニック

画像
リンク
1