[Mac][app]CSS3スタイルを作ろう！ジェネレータアプリ「CSS3 Toolkit」が直感的で使いやすい！
こちらが起動画面。下にあるツールバー内の数値をあれこれするとメイン画面のビジュアルがリアルタイムで変化していきます。 一番左は「Border Radius（角丸）」の設定画面。全ての角を同じように曲げる事も、各々の角に違う値を与えることももちろんおｋ。 その次は「Gradient（グラデーション）」。 カラーピッカーで簡単に色を選択できます。角度の調節も！ さらに色は2色だけでなく、複数追加可能。 つづいてのプロパティは「Box Shadow（影）」（背景色明るくならないかしら…(´ε｀；)） 最後に「Inner Shadow（内側の影）」。ちょいと加えるとさらに立体的になりますな。 作ったclassには実際に文章を打ち込んで雰囲気を見るのもよいでしょう。 我ながら、例文の意味が全くわかりません。 できたCSSは、別窓にプロパティと値が表示されますのでありがたく使いましょう。コピーボタンも
![[Mac][app]CSS3スタイルを作ろう！ジェネレータアプリ「CSS3 Toolkit」が直感的で使いやすい！](https://cdn-ak-scissors.b.st-hatena.com/image/square/6b9830aed955dbf41703388be43fbea547194fae/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2FCSS3_Toolkit.jpg)
これからWebサイトの制作をしたいけど、何から勉強したらいいの？っていう人のためのガイド
以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの？」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近本だなを整理していて、もう読まなくなった Web制作系の本を片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んな本を読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5 とか CSS3 とか、私が勉強し出した頃に比べる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
