スマホサイトを作るときの参考に

久しぶりの更新になってしまいました。

今日はスマホサイト案件の参考になりそうなサイトのご紹介です。

期間限定でスマートフォンのテンプレのプレゼントキャンペーンしているサイト。
5種類のテンプレートがタダでもらえます。
http://template.offer123.net/

HTML5とCSS3を用いてコーディングされた、シンプルでスタイリッシュなデザインです。

トップページのほかに、カテゴリページと詳細ページのテンプレートも同梱されています。

jQuery Mobile などは使用されていない軽量なテンプレートです。

ダウンロードはこちらのサイトから

あくまでも個人利用とのことなので、
スマホサイトを作るときの参考にさせていただきたいと思います。



楽天ショップがIEでレイアウト崩れしてしまう時

久々の投稿です。

現在、楽天ショップのリニューアル案件をやらせていただいています。
楽天RMSは、ちょっと癖があってやり辛いのが玉に傷です-_-;

今回は「商品ページの表示がIEだけ(かな?)幅が広がってしまう現象」のとりあえずの回避方法をメモ。

どうしても

タグが多用されている楽天RMS。
商品登録の時に「PC用説明文」などで

の幅を指定する方法もあるようですが、すでに商品登録されていて全部を修正するのは大変そう。。。

今回は「レフトナビ」と「フッター」部分に

タグをあえて挿入してみます。

●レフトナビの最初に

<table border="0" width="ショップ全体の幅">
<tr valign="top">
<td valign=top width="レフトナビの幅">

●レフトナビの最後に

</td>
<td valign="top">

●フッターの最初に

</td>
</tr>
</table>
<table>
<tr>
<td>

●フッターの最後に

</td>
</tr>
</table>

余計なタグが増えてしまうのは不本意ですが、これで楽天RMSで書き出している商品ページ全体の幅を指定することができそうです。

このような方法をとらなくてもFirefoxなどでは全然崩れないんですけどねぇ。
やっぱりIEユーザーは高齢の方も多いので今回はこの手を使わせてもらいたいと思います。



WordPress カスタム投稿の一覧表示

東京は毎日暑い日が続いています。
夜も蒸し暑い熱帯夜で、クーラーをつけたい衝動にかられるのですが、
節電を気にして我慢してしまう土井です。

基本、MTのカスタマイズをすることが多いのですが、
最近WPのカスタマイズも練習しておかなきゃなぁ・・・と思っています。

というわけで、今後のカスタマイズベースにするための
WPテーマの制作をしています。

WPも3.0以降はカスタム投稿など導入され、
CMSとしてWebサイト全体の構築がしやすくなってます。
(5年くらい前は結構カスタマイズも大変だったような・・・)

今回の覚書は「カスタム投稿の一覧表示」です。
もちろんウィジェットの「カスタムメニュー」を利用することも可能ですが、
これだと毎回手作業でカスタム投稿の記事を登録しなければならないので少々面倒。

    <ul> <?php $names = get_post_types( array( 'public'
    => true, '_builtin' => false ) ); $posts = get_posts( array( 'post_type' => $names ) ); foreach( $posts as $post ) { setup_postdata( $post ); ?><li><a href="<?php the_permalink() ?>"><?php the_title() ?></a></li><?php } wp_reset_query(); ?> </ul>

これで一覧表示できました。



シンプルで使いやすい!ハイクオリティなパターン素材集HP【Subtle Patterns】

最近、GORI Styleの運営状況のご報告しかしてませんでした。
ほぼ復活!の土井です。現在いろいろ準備中です!!

今日はとりあえずお休みしている間に気になってた
Webサイトのメモなど。(ほとんど自分の覚書ですが…)

当サイト(GORI Style)でも取り入れていますが、
最近多い『ザラッとした質感のあるWebデザイン』を簡単に表現できる
Photoshopのパターン素材を配布しているサイト
『Subtle Patterns』をご紹介します。

http://subtlepatterns.com/
http://subtlepatterns.com/

Subtle Patternsで紹介されている各パターンは、
「Preview」ボタンを押すと、サイトの背景がそのパターンに切り替わるので、
実際の見た目を確認することができます。
グレーからブラック系のモノトーンのパターンが多いですが、
紙やメタル、木調など使いやすい素材がそろっています。

パターンって何?どうやって使うの?

『パターン』は、Webページの背景やボタンなどパーツ素材の背景に
使われている、模様の素材です。
Subtle PatternsではPhotoshopでインストールして使える
.patファイルも合わせて配布されているのでおすすめです。

パターンファイルは、photoshopにそのままクリック&ドラッグでも追加できますし、
「パターンオーバーレイ」から「パターンの読み込み」でも追加できます。

すぐに使わないとしても、このパターンセットをphotoshopに追加しておいて
損はないと思います♪



ようやくの活動再開のご案内です!

いつもお世話になっております。GORI Style 土井です。

昨年末に『営業活動休止』のお知らせをしてから、春が過ぎ、梅雨になりました。
あっという間に半年以上たってしまいました。

関係者の方々には多大なるご心配とご迷惑をお掛けしておりましたが、
ようやく営業活動を再開する準備が整いつつあります。

いきなりフルスロットルでばりばり働くぞ?!というわけには行かないと思うのですが。。。
体調も体力もほぼ戻りつつあるので、リハビリも兼ねて(?)
徐々に仕事をしていければよいなぁーと思っております。

育児真っ最中でもあるので、どうしても作業のペースが落ちがちです-_-;
通常期よりも少々お時間をいただくことになりますが、何卒ご了承くださいませ。

新規案件などスケジュール調整しますので、
お気軽にお問い合わせください。

今後ともGORI Styleを宜しくお願い致します。



ふたたび活動休止のお知らせ

いつの間にかクリスマス目前です。
こんばんは。GORI Style土井です。

2011年は妊娠、出産、育児とある意味【クリエイティブ】な生活をしており、
毎日があっという間に過ぎていました。
突然ですが、このたびGORI Styleでは活動休止をせざるを得ない事態になりました。
新規案件はもちろんのこと、継続案件の対応も通常期より時間がかかると思います。

育児疲れなどが理由ではありませんが、
3-4ヶ月の療養が必要となりました。
すでに入院生活です。。。

来年春には一皮向けて、新しいGORI Styleを再生したいと思います。
今後ともよろしくお願いいたします。



ロールオーバー時に画像のアルファ値をかえる簡単な方法

Webサイト制作で必ず出てくるのが
「メニュー部分のロールオーバー」「バナーのロールオーバー」などなど。
テキストで作っているか、画像で作るのかでその都度
CSSで設定したりJavascriptを使ったりしますが、
今回は「ロールオーバー時に画像を薄くみせる」だけの簡単な方法。

要は、アルファ値(不透明度)を設定しているだけですが、

    a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    }

この設定をCSSに追加してみます。
0.8や80という数値はアルファ値(不透明度)を「80%」に設定しているので
この部分は70%でも60%でもお好みで。

このままだとサイト全体のリンクの貼られた画像は全て影響してしまうので、
他の設定を反映させたい場合は、

    a:hover
    img.hoverImg { ...

などとclass設定を追加して、反映させたい画像のclassに

class=”hoverImg” を追加してみましょう。



ぼちぼちと、再開です。

8月に入り、東京は一日の中で暑い日差しとゲリラ豪雨がやってくるおかしな天気が続いています。
空模様を見ながらちょっとそこまで出かけようとしてもざーっと降られてしまったり^^;

さて、しばらくあいてしまいしたが、8月に入りボチボチお仕事を再開することになりました。

ご報告が遅くなりましたが、6月1日に無事に女児を出産。
慣れない育児と寝不足気味な毎日で、あっという間に2カ月が経過してました。
振り返ると怒濤のような体験をしてきた2ヶ月だなぁ、と。
もちろん「初めて」な事ばかりなので、戸惑いながらの日々でした。

諸事情により緊急帝王切開となってしまったので、
産後の傷が思ったより痛んで思うようにテキパキと用事をこなすことも出来ず、
家族や親のサポートが無ければ乗り切れなかったかもしれません。

大変だけど嬉しいことに、退院して間もない6月中旬には
以前からお世話になっているクライアントさんからご連絡を頂いたり、
仕事の打診をして頂いたり・・・本当に感謝です!
(実際にはすぐには作業できませんでしたけど)

一応公約通り、産後2ヶ月経ちましたので、
8月から【GORI Style】活動再開したいと思います。

ただ、どうしても日中の時間が十分に取れなかったり、
打合せに外出する事が出来なかったりと活動に制限があります。
ストレスなくスムーズに進行できるよう心がけておりますが、
しばらくはメールなど活用した打合せをお願いすることになりそうです。

私事で大変恐縮ですが、ご理解頂ければ幸いです。

これからも GORI Style を宜しくお願い致します。



GORI Style 新規受注など一時休止のお知らせ

今年はほどほどに長くお休みが出来たGWも終わり、東京は暑い日が続いています。
みなさまGWはどのように過ごしましたか?

本日はGORI Styleの営業一時休止のお知らせです。

☆☆☆☆ 営業休止期間 ☆☆☆☆☆
 
 2011年5月6日から7月末日まで

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

誠に勝手ながら、この期間中の新規案件の受付、制作はお断りさせて頂いております。
また継続案件(既存のクライアント様)の緊急作業については、その都度対応させて頂きます。

本当にプライベートな理由で申し訳ありません-_-;

理由は・・・当方の【産休】です。

今月中には、我が家に新しい家族が一人増える予定です。
あと2週間ちょっと(のハズ?) もうカウントダウン状態に入っています^^

今は無事に生まれてきてくれることだけを祈りつつ、
しばらくの間はお仕事モードから子育てモードにシフトしたいと思っています。

様子を見つつ、仕事復帰を目指しますので、何卒宜しくお願い致します。



仕事も節電意識を持ってみる。Optimal Greenを導入してみた

あっという間に4月も後半に突入しました。

当方の仕事場兼自宅の付近は桜並木が続くちょっとした観光スポットですが、
今年の花見客は例年と比べて少なかったように思います。

なんとなく【自粛ムード】もあったせいもあるのでは?と思いましたが、
今年は桜の色も白っぽく、花の数も少なかったような・・・。
さらに気温が急に暖かくなったこともあって、あっという間に満開になり
あっという間に散っていきました。
気持ちが晴れやかになりきれなかったなぁ?というのが正直な感想でした。

さて、関東地方の計画停電もとりあえずは施行されなくなりましたが、
夏に向けて少しでも実行できることはやっておこうかな、と思っています。
(一般家庭でも最大20%削減!が目標ですから-_-; 結構頑張らないと・・・)

最近作業用(仕事用)PCに導入したのが
使用中のPCを手軽に節電モードにできる常駐ソフト「Optimal Green」です。

http://green.optim.co.jp/

「Optimal Green」はパソコンを省エネモードで利用できるツールです。
ただ単に省エネモード設定をするだけだったら、PC設定である程度可能ですが、
このソフトの嬉しい点は削減した電力量も一目で分かるところでしょうか。
本来は有料のソフトだそうですが、現在は東日本大震災の支援活動として
期間限定のフリー配布を行っています。

http://www.optim.co.jp/

「Optimal
Green」は、インストールするとタスクトレイに常駐し、
パソコンの状態に合わせて無駄な電力消
費をカットしてくれます。
OSの休止状態への移行のタイミングなども、カスタマイズ可能なので自分の作業状況に合わせて設定することが出来ます。

削減した電力量はグラフで表示されるので、どれだけ効果があるのか一目で分かるのが一番嬉しい点ですね♪
「○○円削減」って数字をみると、ほんの数円でも「やればできるじゃないの!」と思えるから不思議です。

2011年4月末までは無料で利用できるので、電力削減に協力したい人にはぜひ導入してもらいたいですね。



東北・太平洋大地震の影響

少し気持ちが落ち着くまで時間がかかりました。GORI Styleです。
まずは、
3月11日に発生した東北地方太平洋沖地震により被害を受けられた皆様に謹んでお見舞い申し上げます。
被災地の一日も早い復興をお祈り申し上げます。

東京在住の当方は、被災地の方々に比べれば「生活が少々苦しくなる」程度のことなので、
こんな時に不平不満はいっていられないぞ! と思っております。

ただ実際には最初の地震の時には一人で自宅作業中で、
ゆらゆらと揺れる感じに(めまいでもしたかな?)と思う程度でした。
だんだん大きな揺れになってくる頃には、飾り棚から食器は落ちてくるし
本棚(カラーボックスを重ねた簡易的なもの)は倒れてくるし、
パソコンモニターももちろん倒れて・・・
家の中の物がこれほど左右に揺さぶられている光景は軽くパニックに陥ります。

おそらく外出中だったり、会社で働いていれば「誰か」が身近にいるので
もう少し冷静でいられたかもしれません。

地震が収まった後、仕事場の片付けと自宅部分の片付け、
全部をやる気力もなく、パートナーが帰宅するまでそのまま放置してしまいました。

私事ですが、ちょうど3月11日は私の誕生日でした。
何事もなければ誕生日を祝う予定でしたが・・・結果的に夜中まで家族の安否確認したり
ばたばたと過ぎてしまった一日となりました。

Web制作の仕事にも地震の影響は多少なりともあるようです。
週が明けて日ごろお世話になっているクライアント様よりご連絡を受けました。
EC系サイト制作に関しては、セールキャンペーンやメルマガ配信を自粛する会社が増えているようです。
楽天市場を利用しているショップ様も、メルマガ配信が出来ないようになっていると仰っていました。
当方でもキャンペーンページやメルマガ用画像、バナー等制作させて頂いておりますので
関連案件についてはここ数カ月自粛気味になりそうです。

・・・ちょうど4月いっぱいで3か月程度のお休みを頂こうと思っていた矢先のことで
少々戸惑いもありますが、時間が出来たことをプラスに考えていきたいと思います。

今回の震災に関して、微力ながら何かお手伝いできないか・・・と思い、
当方で運営するショップなどでも収益の一部を募金していこうと準備中です。

大きな事を言える立場ではありませんが、
日本人はこんなことくらいでへこたれません! ぜったいに!
みんなで頑張りましょう!!



毎年の悩み・・・確定申告の季節です。

先週から確定申告の受付が始まりました。

毎年、3月の間際になってから悲鳴を上げているのですが、
今年は心を入れ替えて(?)早めに準備に取り掛かっています。

・・・というのもたまたま2月はお仕事関連のスケジュールが
それほどタイトじゃないので「今のうちに!」と手をつけ始めたわけです。

青色申告の準備は「売掛帳」やら「買掛帳」など何種類もの補助帳も
記載しなければならないので頭が混乱してしまいます。
まぁ、本当は毎月きちんと入力していればこんな事にはならないんですけど^^;
丸一日以上かけて一年分の帳簿を入力して、
12月の時点で金額が合わないこともしばしば。
原因を探るのもまたひと苦労です。。。

そんな状況が一週間続きましたが、そろそろ形が見えてきています。

今年は混雑する前に書類を出しにいけそうで、
ちょっと嬉しくなっているのでした。

2月が比較的のんびりだった分、3月4月のスケジュールがちょっと怖いデス。
(新規案件のお声もかけていただいたりしているので)

一時お休みまであと2カ月(の予定)。
体調を見ながら作業をしているので一日の作業量が体力MAXの通常期に比べれば
少し落ちてきていると思います。
お世話になっておりクライアント様にはご迷惑をお掛けしないように
頑張りたいと思います!
まずは夜更かししないようにしないと・・・^^;  



2024年4月
1234567
891011121314
15161718192021
22232425262728
2930