カテゴリー: スタジオハロー日記

スタジオハローのWEB専門サイトのwp-planが「WEB作成のプロが魅せるホームページデザイン」様に掲載していただきました。ありがとうございます。

スタジオハローのWEB専門サイトのwp-planがWEBデザインリンク集の「WEB作成のプロが魅せるホームページデザイン」様に掲載していただきました。ありがとうございます。

20140701

消費税に関して

この度の消費税法等の改正に伴い、平成26年(2014年)4月1日からの弊社サービス、制作・商品全般については、新税率の8%で計算された税額にてご請求させていただきます。何卒ご理解の程お願い致します。

フリーペーパー「くるいく」の創刊につきスタッフ募集!

茅野市〜北杜市までの八ヶ岳山麓のイベント情報や、そこに暮らす人々の暮らしぶりを伝えるフリーペーパー「くるいく」の創刊準備を進めています。只今制作スタッフを募集中です。詳しくはお電話を下さい。よろしくお願い致します。

Webデザインの配色に迷ったら

Webサイトを制作するとき、「サイトデザイン」の方向決めとして必ずカンプを提出します。

その際、どのようなイメージで何色を基調にサイトを作るか。
これが決まらないとなかなか先に進めません。

企業だったらコーポレートカラーやロゴで使用している色、またクライアントの希望する色をうかがってベースとなるカラーを決めるのですが、商用サイトなどは、さまざまなコンテンツの組み合わせでできているので、それらを区別するための配色のバランスなど迷うこともあります。

そんなときに参考にしたいサイト。

『WEB色見本 原色大辞典 – HTML Color Names』

*色の名前とHTMLタグが一目でわかるWEB色見本

Adobe kuler

*配色をWebブラウザ上で作成・共有できるWebアプリケーションツール。

「Create」からベースカラーを決め、「From a Rule」から
「Analogous(類似色)」
「Monochromatic(単色)」
「Triad (3分割)」
「complementary(補色)」
「Compound(間色)」
「Shades(階調)」
のいずれかのルールを選択するだけで、2〜5 色の配色パターンを作成できます。

その他にも「Popular(定番配色)」や「Highest Rated(人気配色)」、「Newest(新しく公開された配色)」といったメニューがあり、色のタイトルを参考に選ぶこ とができます。

最新記事にnewマークをつける方法

以前、新着情報に使える便利なJavaScriptの記事をかきましたが、

最近、「トップページの新着情報にNEWをつけてほしい…..」という依頼をたて続けにいただき、
まとめの意味で再投稿です。

jQuery(document).ready(function(){
var currentDate = new Date();
jQuery(‘.newmarkList’).each(function(){
var pass       // passage time
= 240;
var content    // display content
= ‘<img src=”http://www.wp-plan/img/item/newmark.gif” alt=”10日以内の新着ブログ記事” width=”18″ height=”5″ title=”10日以内の新着ブログ記事” />’;
var newmarkAttr = jQuery(this).attr(‘title’);
newmarkAttr = newmarkAttr.replace(/年|月|日|時|分/g,’:’);
newmarkAttr = newmarkAttr.replace(/\s|秒.*/g,”);
var time = newmarkAttr.split(“:”);
var entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]);
var now = (currentDate.getTime() – entryDate.getTime())/(60*60*1000);
now = Math.ceil(now);
if(now <= pass){
jQuery(this).after(content);
}
});
});

このようなソースコードを newmark.js などのファイル名にしてサーバーにアップします。

今回は画像を表示させるように設定していますが、テキストで表示させたい場合は、
6.7行目あたりを

var pass // passage time = 240;
var content // display content = ‘<span>New !!</span>‘;

のようにします。

<head></head>の要素内でファイルを読込みます。

<script type=”text/javascript” src=”http://www.google.com/jsapi”></script>
<script type=”text/javascript”>google.load(“jquery”, “1.2”);</script>
<script type=”text/javascript” src=”http://www.wp-plan/js/newmark.js” charset=”UTF-8″></script>

新着情報のNEWマークを表示させたいリンクに class=”newmarkList” を設定します。

<h2>新着情報</h2>
<?php query_posts(‘category_name=news&showposts=5’); ?>
<ul>
<?php while (have_posts()) : the_post(); ?>
<li><a class=”newmarkList” href=”<?php the_permalink() ?>” title=”<?php the_modified_time(‘Y年m月d日 H時i分s秒 に更新’); ?>”><?php the_title(); ?></a></li>
<?php endwhile;?>
</ul>

これで10日以内の新着記事にリンクつきでNEWマークが表示されます。

寒天蔵が「日本一入りにくいレンタルルーム」と紹介されています

寒天蔵を表題タイトルで紹介されたブログがこちら。(寒天蔵HP管理人の私が読んでもなかなか面白いですよ)

http://naganouradoori.blog133.fc2.com/blog-entry-752.html

ちなみに寒天蔵公式ホームページはコチラ

http://www.chinonet.net/miyakura/