サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ブックレビュー
yuyauver98.me
Adobe XDでテキストの行間のサイズを測るにはどうしたらいいの?XDでは行間のサイズは単位なしになっていて、 コーディングする時にline-heightでどう指定すればいいか分からなくて困っているXDにおけるline-heightの計算方法が知りたい 数値 / 文字サイズで求められる結論。 指定されている数値を文字サイズで割ってあげる、これだけでOKです。 これだけだとちょっとイメージしづらいと思うので続いて画像つきで解説します! XDでline-heightを計算してみる数値が43.2に指定されている添付画像のテキストの場合を例に計算してみましょう。 計算式は、43.2 / 24 = 1.8。 これをline-heightで指定するので実際のコードは以下のようになるでしょう。
こんにちは、 ゆうやです! 本記事では、jquery.cookie.jsでクリックしたらその要素を一定期間表示させないようにする方法をご紹介します。 例えば、使い方が少し分かりづらいUIのチュートリアルを吹き出しデザインで表示して「OK」ボタンをクリックで非表示にしたり。 はたまた右下のほうに会員登録を促すバナーを設置したりと用途は多岐にわたると思います。 そのようなブロックには「クリックしたら次回以降(一定期間の間)そのページにアクセスした際は表示しない」という処理をすることがあり、そこでjQueryのプラグイン jquery.cookie.jsを使用します。 今回はそんな超便利なjquery.cookie.jsの使い方と表題のサンプルをご紹介します。 それでは参りましょう! 完成イメージの共有先に完成イメージを確認したい方は以下よりご覧になってください(^o^) デモページでサンプルを
まとめ以上、Adobe XDで2つのオブジェクト間の距離をサクッと測る方法を紹介しました。 いかがだったでしょうか?かなり感動しませんでしたか? 少なくともぼくはこの方法を知った時、全身にビビット電撃が走ったかのような興奮を感じましたよ笑 だって、それを知るまで余白を測る時には、距離を測るようの長方形を作成してそれで測ってましたから。。。 なんと愚かで非効率なことをしていたのだろうと過去の自分を殴ってやりたくなりましたね笑 実際のWebサイト制作案件でデザインファイルをXDでいただくことってほとんどなくて使える頻度は少ないかも知れませんが知識として頭の片隅に留めておいていただければ幸いです! *ほんと、デザインする人はみんなXDで使ってほしい!!笑 「Webサイト制作のコーディングでXDでよく使う便利なTipsをもっと知りたい!」 という方は以下の記事も目を通してみてくださいまし〜 【XD
このページを最初にブックマークしてみませんか?
『ゆうやの雑記ブログ|好きなことを淡々と』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く