MarsEditで画像を一括で記事に添付する方法が便利！ | MasterPeace21
ブロガー＆Macユーザーから絶対的な支持を受けているMarsEditですが、気に入らない点が画像を一気に添付が出来ない。たくさんの画像があるときに、一個ずつ添付していくのは大変時間の無駄だと感じてしまうわけだ。 そこで、紹介したいのが、azur256.comの@azur256さんが作ったAppleScriptだ！これを使えば、同じフォルダに格納された画像を一気にMarsEditに貼り付けてくれる。素晴らしいScriptだ！ まずは使い方を紹介しよう どうやって使うのかを、感覚的にわかるように動画で紹介しよう。 AppleScriptコード アプリーケーションにあるユーティリティの中のAppleScriptエディタを開きます。開いたら以下のコードをコピペします。@azur256さんが作成したバージョンから改行がきっちりと入るように若干変更を加えております。 on run tell appli
canvas要素 + Javascriptで作る、動的コンテンツ
HTML 5 + Javascriptで作る動的なコンテンツ 前回の授業では、HTML 5について、その成り立ちや特徴を解説した上で、新しい構造化のための要素について解説しました。また、あわせてCSS3によって格段に進歩した表現力について実際にサンプルページを作りながら解説しました。 今までは、Webページで動的に図や画像やアニメーションを描画するにはFlashが代表的な選択肢でした。しかし、ここ数年でその状況が大きく動きつつあります。Flashに代表されるような動的なコンテンツが、専用のプラグイン無しに、HTMLの要素とそれと連携するスクリプトだけで実現できるようになりつつあるのです。こうした技術は、今後のWebの動向を大きく変える可能性を秘めた技術として脚光を浴びています。 HTML 5で動的に画像やアニメーションを生成するためには、canvas要素という新規に導入された要素と、can
パララックスエフェクトの基本
jQueryをメインにHTML5やCSS3を使ったリッチな表現のためのテクニックを紹介。まずはパララックスエフェクトの基本から。 Webサイトの55％で利用されているjQuery はじめまして。クラスメソッドのフロントエンドエンジニア、山田です。「jQuery×HTML5×CSS3を真面目に勉強」という連載をスタートします。 2005年2月にGoogle mapsが登場して以来、Web開発者の間でJavaScriptの株は上昇の一途をたどっています。その勢いはとどまることを知らず、リッチなWebコンテンツを作るには、Flashをはじめとしたプラグインに頼るという、それまでの常識をすっかり覆してしまいました。 さらに、HTML5やCSS3も登場し、各ベンダのブラウザがWeb標準の仕様に合わせて実装の足並みを揃え始めるなど、プラグインに頼らずともリッチなUIのWebコンテンツを少ない手間で作れ
【CSS】Positionのrelativeとabsoluteを用いて、画像に文字列を重ねる方法 | MasterPeace21
サムネイル画像の上にタイトルリンクを表示させたいと思っていたのですが、今までCSSのPosition:relativeでタイトルの位置を替えても、上手くいかなくて謎でした。 そこで、今回はちゃんとした方法を学んだので紹介したいと思います。 相対位置と絶対位置  ポイントは相対位置と絶対位置でした。まぁ言葉で言うと難しいかもしれないですが、実際に考えてきには、あまり難しくないので見て行きましょう。 上のようなサムネイルとタイトルがある場合を想定します。この時にタイトルを画像に重ねる場合はタイトルを上に持ってくれば良いと考えてしまいがちですが、それだけではタイトルの行数によって、どのくらい上に持ってくるかも変わってきてしまい汎用性があるません。 こういった時に使えるのが、相対位置と絶対位置であるPositionプロパティを設定してあげる方法です。 上の画像では、まず画像とタイトルをDIVタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
