CSS RPG (CSS Programming Advent Calendar 2012)

CSS Programming Advent Calendar 2012 10日目です。今回の自分の作ったデモは全てOperaでしか動作しませんので、まだインストールしていない方は予め opera.com にてダウンロード、インストールを行なっておいてください。今回作成したのがこちらです。 …

2012-11-05

Webサイトのモックアップを作るのに便利なPhotoshopプラグイン WebZap

Photoshopでサイトのモックを作成する際に、作業時間の短縮に繋がりそうなプラグインWebZapを紹介します。 WebZapはこちらより購入できます。 2012年11月5日の時点では$15で購入することができます。 WebZap - Photoshop panel plugin for web developers […

2012-10-12

AfterEffectsでモーショントラッキングした座標をスプレッドシートに書きだしてCanvasで再現させる

先日こちらのイベントに参加する機会がありまして、その時にAfterEffectsのキーフレームの情報をスプレッドシートに書き出せることを知ったので、それを利用してWeb上で何か作ってみるところまでをやりたいと思います。とりあえずスプレッドシートに書き…

2012-10-08

ある日突然CSS Hatが消滅して再インストールもできなくなった

ちょっとしたドロップシャドウやグラデーションをCSSで表現するのに大活躍のCSSHatですが、問題が起こったので、メモ書きしておきますそれは突然のことでした。 CSS HatがPhotoshopから消滅しました。そもそも入れたと思ったのは妄想だったのか？とか思…

2012-09-06

CSS hatが1.1.0になってCompass用のSCSSの出力にも対応してた

CSS hatは以前の記事で紹介しましたが、 Photoshopでレイヤーに適用したレイヤースタイルを CSSに書きだしてくれるプラグインです。そのプラグインがいつの間にかバージョン1.1.0になって出来ることも増えていたので、紹介しておきます。出力の形式が増え…

2012-09-03

Cordova(PhoneGap)で作ったiOSアプリにAdMobを適用する

PhoneGapはHTMLやJavascriptなどで作られたWebアプリケーションを、 WebViewを利用してアプリ化することができるフレームワークです。今回はPhoneGapで作ったアプリに広告を貼りたいなーという所から話が始まります。そもそもAdsenceを貼っていいの？まず…

2012-08-28

Androidのアンカーリンクが一度しか効かない

どういうことかというと、アンカーリンクをクリック→ページ内移動→ 再びアンカーリンクをクリック→動作しないといった現象がAndroidで発生しました… とりあえずページトップヘのリンクだったので、 window.scrollTo(0, 0) と、Javascriptでサイトの一番上…

2012-08-23

PhoneGapでXcodeプロジェクトを作成するまで

作り方が変更されていたので自分用メモ書き。参考URL:Getting Started with iOS まず作成するために必要な環境条件・Xcode 4.3以上・Xcode Command Line Tools ・IntelベースでMacOSX Lion または 10.7以上プロジェクトファイルの作成事前にXcodeのイン…

2012-08-23

エディタでcommand + ]が効かなくなった

それはある日突然のことでした。インデントが効かない!! command + ] が効かなくなったんです。キーバインディングを見なおしてみたりしたんですが、直らず… Googleさんでググリ続けていたところ、 Twitterで同様の現象が起きている方のツイートを発見。 …

2012-06-07

PhotoshopのレイヤースタイルをCSSで再現してリアルタイムに出力してくれるプラグインCSS Hat

2012/09/06追記：現在 Windows版も対応されています。 fontのプロパティ各種にも対応されています。詳しくは最新の記事にて確認して下さい。最近はCSS3によってリッチなUIを作成できるようになりましたが、 Photoshopで作成されたデザインを元にCSSを作成…

2012-06-04

Coda使いの人がCoda2買ってみたよ

Coda大好きです。ということで先日発売されたCoda2を発売日に迷いなくApp storeで購入しました。直販版だとiCloudを利用した機能が使えないそうなので注意が必要です。 Coda2はCodaのアップデート版というわけではなく、別物の製品扱いなので、Coda2を購…

2012-06-04

PHP4でもPHP5の関数を利用できるようにするupgrade.php

PHPのバージョンによって、当たり前のように使っていたjson_encodeやarray_diff_assocなどの関数が使えなかったということが出てくることがあります。これを簡単に解決してくれるライブラリがありました。使い方利用法はとても簡単です。 include 'upgr…

2012-05-06

jsFiddleで保存したり更新する度に変なCSSが挿入されてしまった原因と解決法

久しぶりにjsFiddleでコードを書こうとしてフォーカスを当てた瞬間に、以下のようなコードがいきなり挿入されました。え…どういうこと… ぐぐったらすぐ答えが見つかりました。 advertising - Unwanted css injected into posts - Stack Overflow 原因はGoo…

2012-03-31

TwitterのAPIを利用して取得できるプロフィール画像のサイズと注意点

TwitterのAPIを利用してプロフィール画像を取得するのは簡単です。以下のURLにパラメータをつけてリクエストするだけで画像を返してくれます。 http://api.twitter.com/1/users/profile_image Twitterのプロフィール画像を指定する方法指定できるパラメー…