先日リリースされたChrome 108で「メモリセーバー(Memory Saver)」と「省エネモード(Energy Saver)」が導入されました。これらは、Chromeがシステムリソースをどのように利用するかをユーザーがより詳細に制御できる機能です。 ユーザーとしてはメモリ節約モードのメモリセーバーも省エネモードも嬉しい機能ですが、Web制作者は認識しておくべき重要なことがいくつかあります。 What developers need to know about Chrome's Memory and Energy Saver modes メモリセーバーと省エネモード メモリセーバーと省エネモードの確認方法 メモリセーバーと省エネモード 先日リリースされたChrome 108のデスクトップ版で、2つの新しいパフォーマンス設定が導入されました。 メモリセーバー(Memory Saver)
ボタンにテキストを配置する時、上下のスペースを揃えるのに困ったことはありませんか? ボタンのHTMLはそのままで、疑似要素を追加するだけで簡単に揃えられるので、そのCSSのテクニックを紹介します。 Aligning a Button Label Vertically by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ボタンにテキストを配置する時、上下のスペースを揃える 終わりに はじめに デベロッパーのあなたは実装するために、デザインのモックアップを渡されたとします。そのモックアップではかっこよくフォントが使用されており、デザインの中で完璧に見えました。 しかし、CSSで実装してみると、フォントの周りに予期せぬスペースが追加されていることに気がつきました。これは何だと思いますか? そもそ
2022年9月26日、neccoのデザイナーチームメンバーである阿部 文人、今 聖菜、田口 冬菜、中川小雪が執筆した『これからはじめるFigma Web・UIデザイン入門』をマイナビ出版より出版しました。 この記事では、執筆依頼を受けた1月から、9月の出版にいたるまでの道のりを紹介していきます! 本の詳細については実績ページでご確認いただけます。 本を依頼された経緯(1月5日) 2022年1月5日、阿部さん宛にマイナビ出版の畠山さんからFigmaの本の企画をいただいたきました。担当の畠山さんは以前、「豊富な作例で学ぶ Adobe XD Webデザイン入門」「現場で使える Webデザインアイデアレシピ」等の書籍を担当していた方です。 Figmaを知らない方にも簡単に説明すると、Figmaとはデザインコラボレーションツールのことです。Webサイト・Webアプリケーションといった制作に利用するこ
こんにちは、でぃーすけと申します。 microCMSではメディアにタグを紐づけて管理する機能があり、今まではBusinessプラン以上へのご提供とさせていただいておりました。 この度、メディアのタグ管理機能が全プランでご利用いただけるようになりました! 1つのサービスの中で、「コラム」「ニュース」など異なるコンテンツを入稿する際などにこのメディアはどちらのものなのかとわからなくなってしまうケースもあるかと思います。 タグ管理機能を使わないケースですと、たとえばファイル名を工夫して管理いただいていることもありました。 このような場合にメディアのタグ管理機能を使用いただくことでより柔軟により便利にメディアを管理いただくことが可能となります。 どんな機能かについては以下の記事で詳しくご説明させていただいておりますのでそちらをご覧ください! https://blog.microcms.io/med
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く