サイト構築 -実装

商用利用無料! マンガや同人誌用の可読性に優れたモリサワ BIZ UDゴシックの合成フォントがリリース -びぜんアンチック

Post on:2022年4月4日

マンガや同人誌などのト書きや長いセリフにぴったりな、可読性に優れた無料フォント「びぜんアンチック」がリリースされました! 先日当ブログで紹介したMORISAWA BIZ UDゴシック(紹介記事)を使用した合成フォントで、 […]

最近のWebサイトで見かける! フロントエンドのデベロッパーにもデザイナーにも役立つCSSの実装テクニックのまとめ

Post on:2022年3月31日

最近のWebサイトやアプリで見かけるUIコンポーネントやエフェクトを実装するCSSのテクニックを紹介します。 一昔前まではJavaScriptが必要だったりしましたが、現在ではCSSのみで実装できるようになり、覚えておく […]

プロのUIデザイナーに学ぶ特別編! UIとUXの印象がよくなるデザインの知識とテクニックのまとめ 8ビットのドットUI

Post on:2022年3月29日

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 今回は特別編として、8ビットのドットU […]

VSCodeにおすすめのフォント! OFLになったモリサワ BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」からスラッシュ付きゼロ対応版がリリース

Post on:2022年3月28日

VSCodeでHTMLやCSS、JavaScriptなどを書く人におすすめのフォントを紹介します。もちろん他の言語でもOKです。 先週紹介したMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV […]

仕事早っ!! オープンソースになったMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」がリリース

Post on:2022年3月24日

昨日当ブログで紹介した「MORISAWA BIZ UDゴシックとUD明朝がオープンソースになったぞ!!」のMORISAWA BIZ UDゴシックを使用したプログラミング用合成フォントが早くもリリースされたので、紹介します […]

CSSのレイアウトで、ラッパーが異なるコンテンツのツラをcalc()関数のパディングで揃える

Post on:2022年3月24日

メインのヘッダは固定幅、記事のヘッダは流動幅、ラッパーが異なるコンテンツのツラを揃えるCSSのテクニックを紹介します。 下記のようにヘッダのロゴと記事のタイトルを揃えたい時はありませんか? CSSのcalc()関数を使用 […]

フォントが大好物な人に朗報🎉 MORISAWA BIZ UDゴシックとUD明朝がオープンソースになったぞ!!

Post on:2022年3月23日

まさかまさかの朗報です! MORISAWA BIZ UDゴシックとMORISAWA BIZ UD明朝がGitHubにオープンソースのOFLで公開されています!!!

CSSは確実に進化している! 変数、条件分岐、ループ、論理演算など、ロジックに記述するCSSの実装テクニック

Post on:2022年3月17日

一昔前のCSSと比較すると、ここ数年でCSSはかなり進化しました。calc()で数式が扱えるようになり、変数、条件分岐、ループ、論理演算なども使用できます。CSSでロジックをどう記述するのか、ブログラミング言語的な実装を […]

ChromeとFirefoxのバージョン100対策、JavaScriptのバージョン判定で不具合が起こる方法とそれを直す方法

Post on:2022年3月16日

ChromeとFirefoxのバージョンがいよいよこの5月に、100になります。 参考: Chromeのスケジュール、Firefoxのスケジュール 100になることで2桁から3桁になり、JavaScriptでuserAg […]

これは覚えておきたい! コンテナ・ラッパーを定義するCSSの古い書き方とモダンCSSを使用した書き方

Post on:2022年3月15日

モダンCSSは今までJavaScriptが必要だったことやできなかったことを可能にしてきましたが、今までの記述をよりシンプルにすることもできます。 コンテナ・ラッパーを定義する際に記述するCSSの古い書き方とモダンCSS […]

top of page

©2026 coliss