これ知ってた? base要素にtarget="_blank"を加えると、ページ内のすべてのリンクに適用できる

Post on:2019年5月14日

リンクを新しいタブで開くには、a要素に「target="_blank"」を加えます。 実はこの「target="_blank"」はbase要素にも使用でき、ページ内のすべてのリンクに「target="_blank"」を適 […]

商用利用無料!自分のデザインに合わせてカスタマイズができるSVGのアイコン素材 -Ikonate

Post on:2019年5月14日

デザインにぴったりなアイコンを探すのは、なかなか大変です。カラーの変更であれば簡単かもしれませんが、ストロークの太さ・角丸などは、普通の無料アイコンでは調整するのはできないでしょう。 アイコンのスタイルをカスタマイズして […]

「Remove.bg」が便利すぎる!1クリックで画像から背景だけを切り抜く、ついにPhotoshopに対応

Post on:2019年5月13日

画像から1クリックで簡単に背景だけを切り抜くオンラインサービス「Remove.bg」がPhotoshopに対応したので紹介します。しかも無料で利用できます! Photoshopのエクステンションとして利用でき、1クリック […]

HTMLの<dialog>要素とCSSで、モーダル・ダイアログ ボックスを実装する方法と注意点

Post on:2019年5月13日

モーダル・ダイアログ ボックスはWebサイトやスマホアプリでよく見かけます。しかし、その実装方法は何通りもあります。その多くはWebを視覚的にナビゲートしないユーザーにとっては実質的にモーダルボックスを使用できず、アクセ […]

一気に疑問が解ける!Webページを高速化するテクニックを分かりやすく解説した良書 -Webページ高速化超入門

Post on:2019年5月10日

Webページ高速化、と聞くと専門的な知識が必要で難しそうと思う人も少なくないと思います。Webページを軽量化して表示速度を改善させるテクニックを一つずつ分かりやすく解説した入門書を紹介します。 「超入門」とあり、確かに一 […]

[CSS]三角形で繋がったパンくずのナビゲーションを実装するスタイルシートのテクニックまとめ

Post on:2019年5月9日

サイトのパンくずやフォームのステップでよく見かける、ブロックに三角形の山形を隣接させたリンクの列をCSSで実装するテクニックを紹介します。 CSSでの実装方法はいろいろあり、またCSSでシャドウやグラデーションを適用した […]

TailwindCSSで、最近のWebサイトでよく見かけるUI要素をデザインするCSSの実装テクニックのまとめ

Post on:2019年5月8日

デザインは奥が深いですね。 Webサイトでよく見かけるUI要素のデザインに一手間加えるだけでぐっとよくなる、ディテールにこだわった素晴らしいデザインのアイデアをTailwindCSSで実装するテクニックを紹介します。 T […]

商用でも完全無料!日本語用にデザインされた、ビジネスサイト向けWordPressのテーマファイル -BusinessPress

Post on:2019年5月8日

WordPress公式ディレクトリに掲載、そして唯一の日本人作者としてThemeforestに掲載されているTakao Utsumi氏による、新作ビジネスサイト向けWordPressテーマ「BusinessPress」が […]

令和元年初売りセール開催中!動画、マンガや同人誌などに使用できる有料の日本語フォントが95%オフの3,200円

Post on:2019年5月7日

YouTubeなどの動画、マンガや販売する同人誌などにも使用できる有料の日本語フォントが、95%オフの3,200円で購入できる期間限定の特大セールを紹介します。 セール期間は、5月28日12時までとなっています。 動画や […]

Web制作者は要チェック!Chromiumを採用したEdgeがリリースされると、CSSやJavaScriptはどう変わるのか

Post on:2019年4月26日

これから先、フロントエンド開発者に一番大きな影響を与えるのは、Chromiumを採用したEdgeがリリースされることだと思います。 IEへの対応が、、、Edgeへの対応が、、、と思っていた人には、かなりの朗報です。 Ch […]

top of page

©2025 coliss