CSSのtransformでクルクル回転するパネルのサンプル
CSSの【transform:rotate()】を使った回転するパネルのサンプルを作ってみました。 手法としては比較的知ってる人も多いかもしれませんが自分用備忘録として。 回転変形おもしろーいベースとなるHTMLはこちら。 <p><a href="#">Sample Box 1</a></p> はい、1行ソースです、すみません。単純に【p】の中に【a】を内包しているだけ。これに p{ display:block; margin:10px; width:100px; height:100px; } a{ display:block; line-height:100px; text-decoration:none; text-align:center; color:#fff; border-radius:6px; background-color:#44f; transition:0.3s l
サイトを運営している人ならチェックしておきたい情報サイトまとめ - ウェブネタマニア
サイトを運営していて 必ずチェックするようになった 役立つ情報サイトをメモ ■コリス 言わずと知れたサイト制作に関するアウトプットとクリップした情報を 紹介するブログ フリー素材の情報等も豊富 ■かちびと.net Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介しているサイト ■Webクリエイターボックス WebデザインやWebサイト制作、最新のWeb業界情報などを紹介してるサイト。 ■二十歳街道まっしぐら 管理人のカメきちさんが みつけたWebサービスや役立ちそうな情報を更新 ■ライフハッカー［日本版］ 生活全般に役立つライフハック情報を紹介しているサイト（ウェブネタも多数） ■フリーソフトの樹 おすすめのフリーソフトや知っていると便利な無料サイトなど、 パソコンを楽しむ情報を幅広い分野で毎日紹介しているサイト ■100shiki 海外のユニークなサイトを紹介 ■Ph
レスポンシブ・ウェブデザイン - メディアクエリのパワーを使いこなす
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
可能性を広げる10のスタイルシート | コリス
ウェブサイトを制作する際、特にCSSの新しいテクニックにはデザインの可能性を広げるのに役立つものがたくさんあります。 すべてのウェブ制作者が知っておくべき10のスタイルシートを紹介します。 @media screen and (max-width: 960px) { } 「@media」は単に印刷用ページのためだけではありません。最近のウェブサイトで多く見かけるレスポンシブデザインや可変レイアウトでもよく利用されます。 「min-width」などのプロパティを使ってMedia Queryを作る際は、ビューポートのサイズを設定して利用してください。 HTML <meta name="viewport" content="width=device-width, initial-scale=1.0"> スマートフォンでは表示するページの大きさをビューポートの幅に（主に）縮小してフィットさせるため
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブデザインのセンスを学ぼう、2012年上半期洗練されたディテールのUIデザインのまとめ
商用利用も無料、美しいページレイアウトと細部まで作り込まれたUIエレメントが揃ったウェブデザイン用のPSD素材 -Blaz.
ウェブデザインのアイデアに悩んだ時に訪れたいサイトをまとめて一覧できる -Visual Heap