SlideShare の埋め込み表示をレスポンシブ対応させ

先日 WordCmap に参加して 『WordCamp Tokyo 2014 北海道・札幌からの参加レポート』 というのを書きましたが、気づけばスマホでサイズのはみ出しが起こっていてページ右側に余白ができていました。

SlideShare の埋め込みをレスポンシブの対応を指定なかったためですが、以前、Youtube の埋め込みをレスポンシブ対応したように(参照:Youtube 動画の埋め込みをCSSでレスポンシブ対応する方法) SlideShare もレスポンシブ対応で入れられるようにしてみようと思います。

Youtube 動画の埋め込みをCSSでレスポンシブ対応する方法

続きを読む

WordCamp Tokyo 2014 参加レポート

2014年10月11日に東京で開催された WordCamp Tokyo 2014 に参加してきました。

WordCamp Tokyo 2014

2年ぶりになる WordCamp Tokyo、色々と熱い話が聞けたり、たくさんの人と交流ができたり、とてもとても充実した日になりました。

ステージセッション後の座談会やワールドカフェにも参加したのですが、その場でいろいろな質問と回答がでたのですが、モニターなどがない状況だったため、どのサイドだろう?その単語は何をさせいているのだろう?というのがいろいろ出てきていて、補足あるといいなーと思う部分が多々あったので、それらも含めて、時間がたっていろいろと忘れる前に参加レポートとしてまとめておこうと思います。

続きを読む

WordPress 初心者が学ぶ、オリジナルテーマ作成の最小構成のはじめの一歩

10/11(土)に東京で開催される WordCamp Tokyo 2014 が開催されます。WordCamp Tokyo への参加は2回目になります。(参照:WordCamp Tokyo 2012に参加してきました! | THE HAM MEDIA BLOG)昨年も参加しようと考えていたものの、オープンソースカンファレンス北海道の開催と重なってしまい、残念ながら参加できなかったので、2年ぶりの参加です。

ついでに今回はリレーブログにも参加しようとエントリーをしたため、簡易な記事ではありますが、スタート位置に立ったつもりで、オリジナルテーマを作成する流れについて書いてみようと思います。

オリジナルのテーマを作成するときに、すでにテーマ作成を覚えた方はイチからすでに作っていると思いますが、初心者だとどのような構成でどう作って良いのか戸惑うことのほうが多いのではないでしょうか?

デザイナーさんで WordPress 初心者の方は WordCamp に参加する前に、今一度テーマの作成方法の基礎について振り返ってみましょう。

尚、本エントリーは初心者向けの内容になっておりますので、すでにテーマ作成について理解されている方は、最後に余談をかいておりますので、そちらを読んでください。

続きを読む

max-width がイメージと違う動きをする? width と max-width と float を理解する

【CSS】max-widthについて調べて、floatとセットで使いたいけど使えない現状

某モズが CSS 勉強中とのことですが・・・

floatした要素にmax-widthを指定したときに
思った挙動と違うレンダリングになってしまいました。

そもそも max-width の部分よりも float の挙動を理解しきれていないのでは?と予想。

理解していない部分を確認して、どのようになるかを再確認してみましょう。

続きを読む