コピペで使えるCSS３の角丸・ボックスシャドーまとめ | リンクラボBLOG
ブログのデザインをリニューアルしました☆ カスタマイズする際に、勉強がてらCSS3をいろいろ試してみました。 画像のサムネイルの角が全部丸っこくなっているのも、CSS3で「border-radius」を書いただけ。 デザインソフトを使わなくても、CSSだけでここまで表現できるって、すばらしい！ 数値や色だけ変えれば使いまわしできるので、まとめてみました。 角丸 img{ -webkit-border-radius: 5px; /* Safari, Chrome用 */ -moz-border-radius: 5px; /* Firefox用 */ border-radius: 5px; /* CSS3 */ } 丸 ※border-radiusの数値を50％にするだけ！ img{ -webkit-border-radius: 50％; /* Safari, Chrome用 *
レスポンシブWebデザインの作り方（簡単設定方法）
webmobileは、みんなが知りたいスマホ・通信ガジェットの使い方を発信しているレビューサイトだよ♪ webmobile（ウェブモバイル）は、大好きなPixel/iPhone/MVNO/amazonについて、気づいたこと・困った事の解決など経験したことを発信しています。 運営歴はかれこれ10年以上です。 私が初めて買ったスマートフォンは、auから発売されたSHARP製IS03。今でもデザインの良さに感銘を受けます。 今のメイン機はGooglePixelとiPhone15ProMAXです。 昔はASUS製ZenFoneにはまり、新製品が発売されるごとに買っていました。 MVNOのお店に我が子と訪ねる旅、楽しかったなぁ♪ ご縁あって、UQコミュニケーションズ本社に行くこともありました。 UQモバイル公式グッズをたくさん手に入れる機会がありました。 東京新宿にあるLINE株式会社に招待して貰っ
初心者がレスポンシブなWordPressテーマを自作した10の手順
ブログを始めて1年半。前々からやってみたかったWordPressテーマの自作に挑戦してみました。その際自分の備忘録としてEvernoteに作成手順をメモしていたので、そのメモを元にまとめてみます。 これまでの環境と作成に至る経緯 WordPressテーマstinger3を使用 HTML・CSSの知識はカスタマイズ程度 stingerをカスタマイズしていて自作テーマが作りたくなった どうせなら基礎から始めたかった 折角作るので一緒にレスポンシブウェブデザインも勉強してみたかった SEOに強いと言われるstinger3を使用していたので、これまでのPVが激減してしまうのでは無いかと戦々恐々としながらも、減ったらまた勉強しようと気楽に始めてみました。 本業はWebの仕事では無いので、プロの方から見るととても残念な内容かとは思いますが、同じようにWPテーマを自作してみたい方の参考に。 出来るだけ初
レスポンシブWebデザインのWordPressテーマを作成するときに参考になるサイト - Naifix
レスポンシブデザインのテーマを作成するにあたって、多くのサイトを参考にしました。備忘録として参考サイトをご紹介します。 基本を学べるサイト レスポンシブ Web デザインの基本を学べるサイトがこちら。 レスポンシブWebデザインとは 「枝豆隊」というサイトを作成する過程を見ながら基本を学べます。HTML5＋レスポンシブデザインの概要がつかめるので、これから始める方におすすめです。 この企画は書籍化されており、動画像の対応やパフォーマンス改善など、より詳しい情報が盛り込まれています。 「枝豆隊」サンプル HTML をベースに、骨格が完成すると思います。 CSS3 を学べるサイト 骨組みができたあとは、スマホ閲覧時のデザインから始めます。 上記の「枝豆隊」のサンプルをベースに、リファレンスで調べながらデザインしていくのがよいと思います。 スタイルシートリファレンス（目的別） レスポンシブデザイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.css-lecture.com/log/css3/css3-border-radius.html
