かよきせきデザイン|千葉のホームページ制作>kayokiseki-designブログ

営業日カレンダーをホームページに載せる

例えば、予約制サロンのような枠限定のサービスで、空かどうかをお知らせしたい時…。個人クリニックで、学会や祝祭日・長期休暇の休診などをお知らせしたい時…。

このようにタイムリーな営業告知が必要な業態ならば、ホームページに営業日カレンダーを設置するのはとてもよいサービスだと思います。


今回は、SoyCMSのプラグイン「カレンダープラグイン」に少し触れたあと、営業日カレンダーをホームページに設置する方法をご紹介します。

続きを読む

Wordでダサくない写真年賀状を作る

「Wordは余計な動きするから、表計算ソフトのExcelで文書も作ってる!」と言われるほど不人気の文書ソフトWord。

この時期になって昨年書いたエントリー「年賀状をデザイン&入稿する」へのアクセスが増えています。今回はこのWordを使って年賀状を作ってみたいと思います。というのはPCをお持ちの方ならほとんプリインストールされているソフトであり、使い方を覚えれば結構素敵な年賀状が作れるからです!(わたしはMOSWord2010Expertを持っていますが、Wordの機能を理解するにつれ大好きになりました)


その年賀状も、今カメラが本当に流行っていますから、自分で撮ったお気に入りの写真を使う方は多いと思います。そこでよくある写真はめ込みデザインではなく、写真をしっかり魅せるデザインを考えてみました。


「年賀状」でキーワード検索していらっしゃった方は、Wordのテンプレートを正月までリンクしますので、ぜひ写真の素敵な年賀状を自作してみてくださいね!

続きを読む

レスポンシブデザインの表

表、つまり<table>タグ。もちろんここで言うのはテーブルレイアウトではなく、表としてのtable使用のことです。


レスポンシブデザインはPCが横長のデザインに対して、スマホサイズでは縦長のデザインとなります。よって横長の表はスマホに収まりにくく、逆に縦長の表はPCでは無駄なスペースが多く出来てしまうというなんとも困ったコンテンツなのですが、どうしても表でなければ効果的に伝えられない情報も実際にありますよね。


今回のエントリーは、表のレスポンシブについてです。

続きを読む

2015年「上に戻る」ボタン4パターン

多くのホームページの右下やフッターに「上に戻る」ボタンがあるのをご存知ですか?

3年ほど前でしょうか、jqueryを使った「ぬるっと上に戻るボタン」が発表されてからいっきに広まりました。わたしもモバイルだとどうしても縦長のサイトデザインになるため、フッター固定で設置することが多いです。

今回のエントリーは、レスポンシブデザインのサイトにおける「上に戻る」ボタンのパターンのご紹介と、このホームページのボタンをSVGで作り直しましたのでざっくりとご紹介します。


続きを読む

FC2スマホ用テンプレートを編集する

皆さんはブログを書いていますか?

わたしはこのブログを立ち上げる前より趣味で書いているブログがあり、FC2ブログを使わせていただいています。他に3か所のフリーブログを触る機会がありましたが、動きが重い・時間がかかる・テンプレートがいまいち・カスタマイズ性が乏しいなどマイナス面が目立ち、もう1本趣味ブログを建てましたがやはりFC2ブログを使わせていただきました。


趣味のブログなら無料ブログをぜひ使わせていただきましょう!今回はFC2ブログのスマートフォンでの見映えを編集する手順です(やる作業自体は簡単なのですが、HTML/CSSの知識がないとつらいかもしれません)。

続きを読む

SoyCMSでお知らせラベルを実装する

最近の企業ホームページのトップページにある「お知らせ」「ニュース」などに、ちょっとしたブームが見られます。それは、そのお知らせのカテゴリーをラベルでカラフルに表示して、閲覧者に視覚的に見やすくするという配慮です。


これは、CMSの投稿機能とCSSをうまく活用して実現しているものです。わたし自身もお知らせが多いクライアントさんには、このラベルを実装するようにしています。もちろんわたしはSoyCMSで提供していますので、Soyでもお知らせラベルを実装する方法を今回はご紹介します。

続きを読む

レスポンシブとアクセシビリティ

久々の「大手サイトに勉強させてもらったシリーズ」です。やはりWebデザインといえば海外が先行しているので、わたしは海外サイトをザッピングします。

今回「レスポンシブとアクセシビリティ」というタイトルをつけたのは、少々内容からすると皮肉めいています。

Webサイトはデバイスサイズがあまりにも多岐化しているため縛られてきている部分が少なからずあります。しかしこのサイトを見たとき、今後面白い方向に進む足音が聞こえた気がしました。「閲覧する権利」ではなく「閲覧する資格」を、閲覧側も積極的に持つ努力をすべきだ、というある意味強気のスタンスです。国の文化の違いもあろうと思いますが、いくつかのヒントを見つけていただければ幸いです。


続きを読む

twitterヘッダー画像の制作のコツ

2015年5月におくればせながら「twitterのヘッダー画像の設定をしよう」を書いたところ、Hotentryに次ぐアクセス数があります。そういえば、ヘッダー画像の作成サイズを書いたブログ記事は多くあれど、作成のコツを書いている記事はあまりありませんね。わたしも手作業で、確認をしていったものです。ぜひ素敵なヘッダー画像を作っていただきたく、第二弾として今回のエントリーです。

続きを読む

IE10~でもfilterを効かせるには

巷で話題の東京オリンピックエンブレム。酷似していると言われる「リエージュ劇場」を検索してみました。

さすが!海外のホームページは進んでいますね♪レスポンシブデザインで素敵だなぁと思ったので、じっくり拝見しておりました。するとちょっと気になった仕掛けがありました。いや元々あったんですが、わたしが使っていなかっただけです(汗)。CSSのfilter:grayscale;です。

 

IE8までIEは独自路線で進んでいたのでfilter:gray;で対応したものの、IE10からfilter自体使えなくなって、クリエーターになんの恨みがあるのか…IE。そんな皆様にわたしの迷ントリーがお役に立ちますように。

続きを読む

SNSボタンを簡単生成するツール

SNSボタンは、イメージカラーが美しくアイコンが洗練されているので、ホームページデザインの一部として配置するサイトが増えています。


今回はそのボタンデザインを見ていくとともに、以前のエントリー「レスポンシブでの画像やボタンについて」で「ボタンは画像ではなくテキストデータで」という内容を書いたところ、在り難いことによくお読みいただいている記事のひとつとなりました。そこで今回も内容は近いのですが、簡単にSNSボタンをテキストデータを生成できるサイトをご紹介します。

続きを読む

ここは8ページ中4ページ目です

   << 2 3 4 5 6 >>