このエントリーをはてなブックマークに追加

タグ「css」が付けられている記事

こんにちは。 この記事は「WordPress Advent Calendar 2016」3日目の記事です。 昨年は間に合わなかったので、最後に滑り込めてうれしいです:) 今年は、WordPress公式...
コピペで使える!公式SNSシェアボタンを横に並べて揃えるCSS@2016
SNSシェアボタンやソーシャルブックマークボタンはサイトの必需品ですが、 公式サイトからコードを取得して色々設置すると、ガタガタとズレてきれいに並びません。 今回は、公式コードのままできれいに揃える、...
オウンドメディアが簡単に運用できるWordPressテーマ
オウンドメディアが簡単に運営できるWordPressテーマ「LIQUID MAGAZINE」を紹介します! テーマ:オウンドメディア構築用WordPressテーマ MAGAZINE メディアに特化し...
Bootstrap対応のWordPressテーマ作成が簡単じゃなかった件
こんにちは。 この記事は WordPress Advent Calendar 2015に参加したかった人達の Advent Calendar 2015 15日目の記事です。 Bootstrap対応の...
Bootstrap 4 先取り対応 WordPressテーマ
アルファ版がリリースされたばかりの、Bootstrap4 を先取り対応した WordPressテーマ「LIQUID LIGHT」を紹介します! テーマの特徴 Bootstrap4 対応 最新版、Bo...
レスポンシブWebデザインで指定する、CSS Media Queries について、 ブレークポイントとなるサイズについての具体的なサンプルを紹介します。 ※実際にはサイトのUI設計にあわせて指定する...
レスポンシブWebデザインのメリット、デメリットとその解消方法
レスポンシブWebデザインのメリットとデメリットをまとめてみました。 私はレスポンシブ信者ですので、あえてデメリットの方を詳しく書いています。 また、デメリットをどうすれば解消できるかも考えてみました...
レスポンシブWebデザインで、PCとスマホ表示を切り替える方法
一般的なレスポンシブWebデザインのサイトでは、画面サイズに合わせてレイアウトするため、 ユーザーがPC表示とスマートフォン表示を切り替えることはできませんが、 PC表示も選択出来た方がアクセシビリテ...
CSSシグネチャとは?メリットと実用TIPS
CSSシグネチャとは CSSシグネチャとは、ページのbodyなどにidやclassを設定し、 CSSでページごとのスタイルの切り替えを行う手法です。 シグネチャ(signature)は直訳すると署名、...
スマートフォン対応のためのレスポンシブWebデザイン実用TIPS
スマートフォン対応サイト制作の手法として注目されている、 レスポンシブWebデザイン(Responsive Web Design)の実用TIPSを紹介します。 PC用表示・スマートフォン用表示の切り替...
OpenPNE をCSSで簡単にiPhone(スマートフォン)対応化する方法
OpenPNE をCSSで簡単にiPhone(スマートフォン)対応化するテンプレートを紹介します。 テンプレート:iPhone対応CSSテンプレート cssTouch for OpenPNE (拙作)...
Movable Type をCSSで簡単にiPhone(スマートフォン)対応化する方法
Movable Type をCSSで簡単にiPhone(スマートフォン)対応化するテンプレートを紹介します。 テンプレート:iPhone対応CSSテンプレート cssTouch for MT (拙作)...
1