microCMSの活用テクニック: 実務で使える5つの機能
microCMSはAPIベースの日本製ヘッドレスCMSです。コンテンツをAPIベースで利用できるので、好きな言語・フレームワークと組み合わせて利用できます。 いろいろな言語・フレームワークでmicroCMSを始めるチュートリアル記事はインターネットに多くありますが、それを終えたあとに読む記事はあまり見かけません。このZennではチュートリアルを終えた方向けに、実際の運用で役立つ機能を紹介していきます。 microCMSの便利な機能 柔軟なクエリパラメータ microCMSはAPIを柔軟に構成できますが、クエリパラメータも充実しています。 例えば以下のURLはクエリパラメータを使って 「titleフィールドに"おすすめ"を含むもの」 をフィルタし、その結果を 「公開日時の新しい順」に並び替えて 取得しています。 https://your-domain.microcms.io/api/v1/b
これは覚えておきたい！ CSSの三角関数で斜めのレイアウトを実装するテクニック
ヘッダやコンテンツの区切りを斜めにしたいとき、どのように実装していますか？ CSSの三角関数が主要ブラウザのすべてにサポートされたことで、今まではかなり複雑なCSSやJavaScriptが必要だった斜めのレイアウトがシンプルなCSSで実装できます。 コンテンツ自体を斜めにすることも、水平のままにしておくことも可能です。 Diagonal Layouts in 2023 斜めのレイアウトを実装するこれまでの方法は、下記をご覧ください。 ヘッダやコンテンツを区切るラインを斜めに実装するCSSやSVGのテクニック総まとめ 1. rotateではなく、skewを使用する 2. 疑似要素を使用する 3. CSSの三角関数で適切なpaddingを設定する 4. CSSカスタムプロパティでpaddingを管理する 斜めのレイアウトを実装したデモ 1. rotateではなく、skewを使用する width
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
みつける。だから感動する。信州の鎌倉、塩田平。