Textareaで保存したテキストの改行を表示させる方法(\n \r とは?)

こんにちは!

技術担当のレミです。

<textarea>でテキストを入力することができることをもう皆さんご存知だと思いますが、その<textarea>の中でユーザが改行した時にどうなるかわかりますでしょうか?

textarea1

特に何も「↩︎」のようなキャラクターが入った訳でもないのに、ちゃんと改行されていますよね。

さて、その<textarea>の内容をそのままサーバのデータベースに保存したとします。

続きを読む

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

triangle-css-cover2

皆さん

技術担当のレミです。

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

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

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

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

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

続きを読む

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

cover-image-dialog-html

こんにちは!

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

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

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

続きを読む

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

css-supports

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

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

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