サイト構築
コードを書く時にモニター1台で作業する利点、便利な機能とショートカットのまとめ
Post on:2022年5月12日
コードを書く時、モニターは1台ですか？ それとも2台など複数ですか？ 私は2台でやっていたこともありますが、現在は基本的には1台のモニターで作業をしています。最近のモニターは幅が広くなり、2台だと首が疲れるし、1台で2つ […]
これは覚えておきたい！ 左揃えの要素を中央配置にするCSSの古い書き方とモダンCSSを使用した書き方
Post on:2022年5月11日
モダンCSSは今までの記述をよりシンプルにしたり、余分なHTMLを追加する必要なく記述することもできます。 ラッパーとしてdivなどのHTMLを追加せずに、左揃えの要素を中央配置する際に記述するCSSの古い書き方とモダン […]
2022年、フロントエンドで注目されているJavaScriptやCSSのフレームワーク・ライブラリ・ツール・エディタ・機能などのまとめ
Post on:2022年5月10日
2022年、フロントエンドで注目されているJavaScriptやCSSのフレームワーク・ライブラリ・ツール・エディタ・機能などを紹介します。 今使用しているものはどんな感じか、これから勉強するならどれがよいか、知らない便 […]
7000文字すべてペン字で完全手書きの新作日本語フォント！ JIS第2水準まで対応の凛々しい楷書 -しょかき楷月
Post on:2022年4月28日
「しょかきさらり」「しょかき鱗片」「しょかきうたげ」（すべて無料版あり）をリリースされているぼんのう堂さんから、ついに「しょかき楷月」がリリースされました！ 「しょかき楷月」は7,000文字すべてをペン字で手書きしたフォ […]
これならコピペで簡単！ HTMLはシンプル、CSSで実装された超軽量のおしゃれなローディング・スピナー -UI Ball
Post on:2022年4月27日
コピペで簡単に使用できる、HTMLとCSS（複雑なものはSVG）で実装されたWebサイトやスマホアプリ用のローディングアニメーションを紹介します。 さまざまなローディングやスピナーが揃っていますが、画像は一切使用されてい […]
知っておくと便利！ CSSでUIデザインを微調整する時短テクニックとプロセスを解説
Post on:2022年4月26日
WebサイトやアプリのUIデザインで欠かせないのが、FigmaなどのデザインツールとChromeなどのデベロッパーツールです。この2つをどのように使い分けるとよいのか、デザインツールでやるよりもブラウザ上でCSSでやった […]
CSSの:has()疑似クラスの便利な使い方を徹底解説
Post on:2022年4月21日
先日の記事で:has()疑似クラスがSafariでサポートされ、こんなことができるというのを紹介しましたが、さらに:has()疑似クラスを掘り下げ、Webサイトやアプリでの便利な使い方を紹介します。 :has()疑似クラ […]
Web制作にすごい役立つ！ コードの軽量化や整形・ファビコンやQRコード作成・PDF変換など、便利ツールが一箇所で利用できる -ToolsOcean
Post on:2022年4月19日
CSSやJavaScriptのミニファイ（軽量化）、HTMLやCSSやJavaScriptのフォーマッター、各種エンコード・デコード、QRコードの生成、カラー値変換、画像の最適化、ファビコン画像生成、ダミーテキスト生成、 […]
Web制作者におすすめ！ Win, Mac対応、クラウドでの同期機能も備えた最強のコードスニペットマネージャー -massCode
Post on:2022年4月18日
Web制作者・デベロッパー向けに、クラウドでの同期機能も備えたオープンソースのコードスニペットマネージャーを紹介します。 macOS, Windows対応のアプリで、Web制作のさまざまな言語をサポートしています。日本語 […]
Web制作者はしっかりと理解しておきたい！ CSSにおけるレイアウトアルゴリズムを解説
Post on:2022年4月14日
CSSを理解するには、プロパティや値を知っているだけでは不十分です。CSSのレイアウトアルゴリズムがどのように機能するかを理解する必要があります。 ブログやツイートで便利なCSSスニペットが紹介されていても、なぜ機能する […]
sponsors
