text-decorationは下線ひく、打ち消し線をひくとかはできることは、結構知ってると思います。 一般的によく使われている、下線、打ち消し線 .underline { text-decorati...

昨今４ｋモニターやらなんやらと解像度が大きくもなってきているし、ノートパソコンで作業をする人も増えております。 なのでブラウザの高さがまちまちです。 ４ｋモニターでブラウザの高さを広げてみるとよく、フ...

タブレットで、hoverのためにどうさの不具合が出るときがありませんか。 プルダウンとか、ボタンとか、ホバーしないと表示されないとか２回タップしないといけないとかなにかと面倒なことがあったります。 そ...

今回はSNSのシェアボタンの設置方法です。 設置するSNSのシェアボタンは、Twitter、Facebook、LINEが最近はおおいので それらについて書いていきやす。 Facebook シェアボタン...

IEのサポートがおわるから使えなかったCSS3の技術がたくさん使えるようになりました。 その一つにCSSでマスクですね。 Can I use mask-image 使える技術はどんどんつかっていこーっ...

background-attachmentを使いたいのにiOSのsafariで使えないので困ったことないですか？ ぼくはよく困ってました。 背景全体にする場合は::before要素つかって ｐosit...

みなさんflex使ってますか？ 簡単に横並びや段落ちとかするのに便利なflex!ですが みなさん間隔はどうあけてますか？ 僕はいままでは .wrapper{ display: flex; flex-w...

タイポグラフィになるのか、 見せ方として縦書きをしているサイトもちょいちょい見られますよね。 いまはSEOの観点から、画像文字をできるだけ少なくするということをしていると思うんです。 まぁ、メンテナン...

昔はあんまり気にしてなかったけど最近はとくに、文字間とかの指定が多くなってきました。 文字間について、PhotoshopとかXDで指定してある数値をCSSである「letter-spacing」にどう置...

背景が真っ白で縁取りの文字はtext-shadowとかつかって表示させることはできるんですが、 背景が画像とかで中抜きのテキストで縁取りをしたものはSVGとかつかってする感じなってたと思います。 IE...