サイト構築 -制作

古いモックアップ素材はアップデート! iPhone 14, iPhone 14 Proのディテールまで忠実に再現されたモックアップ素材のまとめ

Post on:2022年9月26日

2022年9月にリリースされたiPhone 14, iPhone 14 Pro, iPhone 14 Pro Maxのベクターで作成されたモックアップ素材を紹介します。 Webサイトやスマホアプリのプレゼン・UIデザイン

...記事の続きを読む

HTMLだけでスマホのカメラにアクセスできるの知ってた? 前面・背面カメラにアクセスできるHTMLのcapture属性

Post on:2022年9月21日

HTMLだけでスマホやタブレットのカメラにアクセスできる、HTMLのcapture属性を紹介します。 私はこの属性を知らなかったのですが、実際にiPhoneとiPadで試してみたところ、前面カメラにも背面カメラにもアクセ

...記事の続きを読む

iPhone, iPadなど、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes

Post on:2022年9月14日

Webサイト制作者・スマホアプリ開発者向けに、iPhone, iPad, Apple WatchなどのAppleデバイスのスクリーンサイズ、各サイズを採用しているモデル、ノッチのサイズ、解像度、PPI、表示タイプ、比率、

...記事の続きを読む

VS Codeの新機能「スティッキー スクロール」がさらに便利に! 追従行数の変更、関数やクラスをリスト化できます

Post on:2022年9月12日

先日アップデートされた、VS Code v1.71で「スティッキー スクロール」がさらに便利になったので紹介します。 「スティッキー スクロール」はv1.70で実験的な機能として実装されましたが、v1.71で正式に実装さ

...記事の続きを読む

漢字もたっぷり揃った新作筆文字フォント! 7000文字すべて完全手書き、商用利用可の日本語フォント -しょかき ささぶね

Post on:2022年9月7日

「しょかきさらり」「しょかき鱗片」「しょかきうたげ」「しょかき楷月」(すべて無料版あり)をリリースされているぼんのう堂様から、新作フォント「しょかき ささぶね」がリリースされました! ひらがな・カタカナ・英数記号文字、漢

...記事の続きを読む

神アップデート! Win, Mac, Linux対応、クラウドでの同期機能も備えた最強のコードスニペットマネージャー -massCode

Post on:2022年8月24日

HTML, CSS, JavaScriptをはじめとしたさまざまな言語に対応、クラウドでの同期機能も備えたオープンソースのコードスニペットマネージャー「massCode」がv3に神アップデートされたので、改めて紹介します

...記事の続きを読む

永遠にスクロールしていたくなる、気持ちいいエフェクト -Intersection Observer Scrolling Effects

Post on:2022年8月23日

Intersection Observerとカスタムプロパティを使用して、グリッドやリストのスクロールビューにアニメーションを適用するテクニックを紹介します。 アニメーションはスクロールに連動して動作し、GridやLis

...記事の続きを読む

カラー生成のこんな便利ツールがあったとは! ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo

Post on:2022年8月22日

同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。 半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数

...記事の続きを読む

VS Codeの新機能がすごく便利! JavaScriptやCSSの関数やクラスなどを上部に固定させる「スティッキー スクロール」

Post on:2022年8月8日

8/5にアップデートされた、VS Code v1.70で「スティッキー スクロール」を使用できるようになったので、紹介します。 JavaScriptやCSSで作業しているときに、関数やクラスなどが自動でスティッキーされ、

...記事の続きを読む

レスポンシブの確認が簡単に! iPhone, iPad, Androidなど各モデルのサイズ、操作や動画にも対応した優れもの -モバイルシミュレーター

Post on:2022年8月4日

iPhoneをはじめ、PixelやGalaxyのAndroidスマホ、iPadやGalaxyのタブレット、ラップトップ、ワイドスクリーンなど各モデルのサイズでWebページを表示して確認ができるChromeの機能拡張を紹介

...記事の続きを読む

top of page

©2024 coliss