CSSで簡単な三角形を作るコツ!

triangle-css-cover2

皆さん

技術担当のレミです。

CSSで、どうやって正方形が作れるのだろうか?

> それは、簡単ですよ!あらゆるHTMLエレメントは正方形・長方形が基本ですから。。

ただし、三角形はどうでしょう?

あなたならそれをどうやってそれをCSSで実現しますか?

この記事では、CSSで簡単に三角形を作るためのコツを教えます。

続きを読む

HTMLだけでモーダルを作る方法

cover-image-dialog-html

こんにちは!

フェノメなの開発担当のレミです!

さて、タイトルを見てHTMLだけでモーダルが作れるの?と思った方は少なくないかもしれないですが、はい、作れます。

完全にHTMLネイティブのモーダルです。

続きを読む

CSSの@supports宣言でクロスブラウザに対応する方法

css-supports

フェノメナの技術担当のレミです!

「flexboxを使いたいけど、ユーザのブラウザが果たして、それに対応しているのだろうか」と心配する開発者は少なくないでしょう。
flexboxだけでなく、あらゆる新しいCSSプロパティも全て同じ問題を抱えていて、「新しい技術は便利だし使いたいなー」という思いと、使えるユーザが制限されるのではないかという心配が共存しています。
それはもちろん、「なるべく多くのユーザに、リッチでかつ一貫性のある体験を届ける」という志し、ミッションをもつプロフェッショナルならば、少なくともそう思うでしょう。 続きを読む

画像の配置 その2

こんにちは。すーさんです。

前回に引き続き、画像の配置についてまとめておきたいと思います。
前回は余白の削除でしたが、今回は位置の調整について記載します。
※参考図は位置が分かりやすいようにdivに枠線をつけています。

続きを読む

このブログから情報発信しているUIデザイン専門家集団のホームページ :
フェノメナエンターテインメント株式会社