[CSS] 動画の貼り付けコードをレスポンシブに最適化させる

Embedvideo responsive

YouTubeをはじめ様々な動画サイトの貼り付けコードは、そのまま貼り付けるとサイズ調整されずに、レスポンシブレイアウトが壊れてしまう場合があります。レスポンシブサイトに最適化させるには、cssでコンテナを作りwidthをピクセル指定からパーセント指定にしてやります。

以前紹介したFitVids.JSを使う方法(とコンテナを使う方法)では、実質、YouTubeの貼り付けコードのみに対応していましたが、iframe以外にobjectembedにも対応させることで、幅広い貼り付けコードをレスポンシブサイトの表示を崩さずに貼り付けることができます。

続きを読む →

[Mac] Apple Scriptを使って、FC2ブログに複数の画像ファイルを一括アップロードする方法

FC2 gazouupload applescript 01

Macから、FC2ブログに複数の画像ファイルを一括アップロードするには、Apple Scriptを使うと簡単です。

ファイルのアップロード速度もWindows用ツールのFC2Uploadと比べてかなり速く、ブログエディタからXML-RPCを通じてアップロードできない状況でも、複数の画像ファイルを比較的効率的にアップロードすることができます。

続きを読む →

[HTML] ブラウザから使える、オンラインHTMLエディター「CODECAST」

CODECAST

ブラウザから使えるオンラインのHTML&CSSエディター「CODECAST」がローンチしました。

左にコード、右でリアルタイムプレビューというシンプルなデザイン。HTMLタグを入力すると自動で閉じてくれます。段落も綺麗です。

本格的なサイト構築に使うのでは無く、ブログ記事などを作成するのに使うと便利かな〜という感じですかね。

Source: CODECAST