« 2013年5月 | トップページ | 2013年7月 »

2013年6月

2013年6月30日 (日)

サイトリニューアル

20130630_web_sample_2

 春からチマチマと作ってきたリニューアルのデザイン、ようやくアップできるようになりました。

 最初の頃から比べてずっとシンプルに。
 シンプルな分、スタイルシートも短めで軽くなってるかな?
 だいぶ自分のサイトをいじるのに慣れたので、いちいちページごとに設定変えたりとか面倒なことはしなくなりましたw
 (最初は色違いページとか作ってみたりしてたんですけど、あとで自分で分からなくなったり、めんどくさいことになったので)

 メディアクエリの方でサイズ指定して、モニターサイズによってフロート解除とか、位置調整とか、悩まずに出来るようになって苦手意識がなくなってきたのも、今回自分で自分を誉めたい点です(そこ?とかいわないで;フロート大嫌いだったのです)

 ほんとにド素人なので、まだまだ色んなことを試して勉強していかないとです。

 ブラウザの枠をマウスで掴んで、左右の大きさを変えてみると、ちょっと変わるのが分かると思いますw
 まだ工事中のページがあるのですが、そこも早いうちにやってしまいたいですね。

 暑くならないうちに!w

 そんなこんな。

 こちらからどうぞ。

201306_site_bn_2

| | コメント (0) | トラックバック (0)

2013年6月26日 (水)

タイル配置

 部活サイトを少し修正。

 部員紹介の所、タイル状に配置するというのを前に試していて、その時うまくいかなかったのです。
 今回は簡単な方法を知ったので、やってみたらできた、だけなんですけど。

 1人分の文字量が違うと、どうしても枠のサイズが変わってきてしまって、段差が出来てしまうのを直したくてずっと気になってたのです。

 

20130626_box_2

 これを解消するのに、waterfallというのを導入してみました。
 私はスクリプトというものがサッパリ分からないノンプログラマーなので、うまくいくかどうかと思ったのですが、なんとかw 

20130626_box2_2


 こんな感じで、すき間を作らずに詰めて詰めて、で配置が成功しましたよ。

 角丸も追加して、ちょっと見やすくなったかな…
 文章量が少ないと、幅が小さくなるのはご愛敬って事で…
 (ここも、フォントサイズを大きくして少し稼いだりはしてみました)

 幅可変にもかろうじてなんとか…
 枠のサイズの変え方がイマイチ分かってないようなのですが、とりあえず見ることは出来ます。

 また調整する必要がありそう;

 そんな感じで、ちょっとだけ。修正。

 引き続き、時間が出来たらやります。。。今日はこれくらいで。

| | コメント (0) | トラックバック (0)

i-phoneアプリ「Photograd」和風フレーム

Sample

 i-phoneのスクラップブッキングアプリ「Photograd」の、アップグレードで、和風フレームと和風スタンプのセットが配信されました☆

 セットはそれぞれ20点ずつ、です。
 初めてお仕事させていただきました!

 アプリ自体がすごく洋風で可愛いので、和風デザインをどうしていいか悩みましたが。
 写真自体が主役になるように、少しシンプル目を心がけて作りました。
 装飾はあくまでサブ的要素ということで・・・
 (でももっと派手めでもよかったかな?
 そのあたりは、またユーザー様の反応を頂いてということになるのかな・・・;)

 夏物の、お祭りとか、旅行にいったときの、とか、飲み会とか、いろんなシーンで使うことを想定して色々、ほんとに色々入れてます。w
 夏物以外でも、モチーフは、ストアのサンプルにのせていただいた鳥獣戯画(上のサンプル画像の海のやつ)以外にも、黒猫とかこけしとか、クローバーやイチゴなども。
 演奏会とかお正月カラーのとかも。

 (公式ブログで和風フレームのサンプルがでてました、こちらの記事もご覧下さい☆)

 アプリ自体は無料で、有料のバージョンを選ぶことで、機能や使えるものが変わってくるみたいです。

 和風フレームとスタンプは、プレミアムバージョン(350円)をお使いであれば、無料ということですので。
 ぜひよろしくお願いいたします(・▽・)

 

| | コメント (0) | トラックバック (0)

2013年6月11日 (火)

アリスのtwitter壁紙

 以前のtwitter用の壁紙の焼き直しです。

 今回は色鉛筆ぽくしてみました。
 夏っぽく涼しい色が多いです。
 ツイッターの設定で、背景画像をタイルする にチェックを入れてくださいね。

 *著作権は放棄していません。

 *個人のツイッターアカウントでの背景としての使用に限ります。
 *それ以外の場所に掲示・貼り付け・アップロードを禁止します。(無断転載禁止
 *HPやブログ用素材ではありません。(流用禁止
 *この壁紙を別の物に素材として使用することなどは出来ません。
  例:一部を切り取ってアイコン化 など(二次加工禁止

 画像中にも明記してありますが、以上のことを守れる方だけご利用くださいませね。

 コメントいただけると励みになります。
 よろしくお願いいたします。

20130611_arice

| | コメント (4) | トラックバック (0)

« 2013年5月 | トップページ | 2013年7月 »