Salesforce Lightning Design Systemとは - Qiita
Salesforce.comは新しいCSSフレームワークであるSalesforce Lightning Design System(SLDS)をリリースしました。 SLDSはSaelsforceのコアプロダクト(CRM製品やForce.com)で適用されているデザインを誰でも簡単に利用できるようにするために開発されたもので、以下の特徴を持っています。 Salesforceの提供サービスが利用している見た目に準拠 レスポンシブデザイン SASS, LESS, StylusなどのCSSプリプロセッサに対応 Pure CSSフレームワークのためJavascript不要 このSLDSには業務システムを構築する上で重要なコンポーネントが数多く揃っており、またSalesforce上でなくても、もちろんSalesforceユーザでなくても誰でも自由に利用することができます。 同様のものとしてはTwitt
[CSS]さまざまなデザインのチェックボックス・ラジオボタンを美しく実装するスタイルシート -Pretty Checkbox
チェックボックスやラジオボタンのスタイルを苦手にしている人も少なくないと思います。シンプルなHTMLにclassを加えるだけで、さまざまなデザインのチェックボックスとラジオボタンが実装できるスタイルシートを紹介します。 角を丸くしたり、カラーをつけたり、といったシンプルなものだけでなく、アニメーションを使ったものもclassを加えるだけで簡単に実装できます。
![[CSS]さまざまなデザインのチェックボックス・ラジオボタンを美しく実装するスタイルシート -Pretty Checkbox](https://cdn-ak-scissors.b.st-hatena.com/image/square/1dd910b325a6cc2c3c080f26dc7ac70824dc0015/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201704%2F2017110701.png)
ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。
こんにちは、デザイナーの長谷川です。 今回は僕が普段気をつけている、ちょっと意識するだけでスッキリしたデザインになるレイアウトのコツをご紹介します。 デザイナーじゃない方も、企画書や簡単な UI のモックアップ、Web や雑誌のレイアウトなどに応用できると思いますので、ぜひ参考にしていただければと思います。 1. 上下左右のマージンを均一に Web デザインや UI デザインの要素全てに対して隣り合う要素との間隔やバナー、ボタンなどの外側と内側の要素の上下左右マージンをできるだけ均一にすることで、デザインがスッキリ見えます。 2. 内側のマージンは外側のマージンより狭く レイアウトなど一番外側とコンテンツの間隔より文章のかたまりや画像同士の間隔を小さくします。基本的にコンテンツのまとまりを作るためですので、デザインによっては広く取って区分ける場合もあります。 3. 段落の下は間隔を広く開け
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーで美しいCSSデザインのサイトテンプレート２０:phpspot開発日誌
ピュアCSSで実装された吹き出しのデザイン例色々:phpspot開発日誌
[CSS]画像やスクリプトを使用せずに実装する、多彩なデザインのスピーチバブル
CSSのrotationを使った時計「CSS Clock」:phpspot開発日誌
CSS3でクールなボタンを作るチュートリアル集いろいろ:phpspot開発日誌