2116/10月
fudemoji-capture

【TIPS|筆文字デザイン作成】自作の筆文字をデータ化する方法

表現の幅を一層広げる筆文字のデザインは日常の様々な場面で目にするようになりました。例えば、「社名ロゴ、店舗ロゴ」「webサイトや番組のタイトル」「広告やチラシ」「看板、のれん」「メニューや商品のロゴ」「表札」「名刺」など。 また、書体を変えることで躍動感、静けさ、高級感、可愛らしさ等など、表現方法は無限にできるので、ビジネスでもプライベートでも、Read More…

0316/6月
wordpress-thumbnail

WordPressでブログ運営することのメリットとデメリット

WordPressは、CMS (コンテンツ・マネジメント・システム)というプラットフォームのシステムのことで、WEBサイトやブログの構築をすることのできるWEBサービスの1つです。 CMSとは、Content Management Systemの略で、日本語に訳すと「コンテンツ管理システム」です。その名の通りコンテンツを管理するシステムで、一般的Read More…

1716/5月
wearable-device-capture

次世代型デバイス「ウェアラブルデバイス」について

次世代型デバイス「ウェアラブルデバイス」について、気になったものをまとめておきます。 ウェアラブルデバイスは、スマートフォン、タブレットに次ぐ小型コンピュータとして、今後 様々な製品開発が進み、新たなビジネスチャンスを生み出すと期待されているものです。 ウェアラブルデバイスは、腕や頭部などに身につけて利用する小型のコンピュータ(端末、デバイス)のRead More…

3016/4月
thumbnail

Gmailの機能、特徴、利便性について

Gmailとは、Googleが無料で提供しているWEBサービスで、メール機能を始めとする様々な機能や大容量のストレージを併せ持つサービスです。 2015年時点で月間アクティブユーザー数が10億人を突破し、世界最大規模のメールサービスとしてGoogleの主要サービスの一つとなっています。 競合サービスにはマイクロソフトのOutlook.comやYaRead More…

1615/10月
blog-capture-1

【 機能と特徴を徹底比較! 】無料で始められる国内のブログサービス17選

この記事では、それぞれのブログサービスの機能・特徴を把握して、目的・用途に合ったものを選びやすいように、代表的な17選をまとめてみたので比較してみてください。※2015年10月時点のデータ 目  次 1.  FC2ブログ 2.  アメーバブログ 3.  はてなブログ Read More…

1215/10月
zoom-slider-title-gazou

【TIPS|ズームスライダー】高速スライド&ズーム表示の画面遷移がインパクト大!

アニメーションしながらスライダー&ズーム表示する「ズームスライダー」。 demo 「ズームスライダー」の設置手順 htmlファイル内にCSSファイルとJSファイルをリンクさせる まず、以下のサイトから外部ファイルをダウンロードする。 元サイト http://tympanus.net/codrops/2015/07/06/zoom-slidRead More…

0915/10月
dropbox-thumbnail

無料で利用できるオンラインストレージ (クラウドストレージ) サービスを比較してみた

無料で使えるWEBサービスであり、プライベートでもビジネスにおいても生産性アップ、業務効率化のためにおさえておきたいオンラインストレージ ( クラウドストレージ ) サービスについてまとめておきます。 オンラインストレージ(クラウドストレージ)とは? インターネット上で、ストレージ(外部記憶装置)、いわゆるRead More…

0215/6月
capture-title-version

【TIPS】画像ホバーの際アニメーション効果をつけるCSS3

スクリプト不要で、画像ホバー時にCSS3アニメーションで様々なキャプション表示ができるスタイルシート10パターンのまとめ。 記述はまず、どのパターンでも共通に適用させるCSSを設定して(ダウンロードした外部ファイルをリンクさせる)、あとはパターンごとに異なる個別のhtmlを書いていくという流れ。 目  次 ・head内に共通のRead More…

0215/6月
online-service-sumbnail

オンラインで学べる学習サイト 11選【 Webデザイン / プログラミング編 】

近年、Webデザインやプログラミングをオンラインで学べるサイトが増えてきているので、いくつか気になったものをピックアップしておきます。 どのサービスも無料から有料のものまで様々なカリキュラムが提供されていて、隙間時間を使って学んでいけるような工夫もされているので、大いに活用していかないともったいないなと、改めて感じた次第です。 というわけで、このRead More…

2415/5月
wordpress-thumbnail

プラグイン不要!!のページネーション設置方法

僕はワードプレスを始めてまだ浅いですが、今の段階で  すでにプラグイン同士のバッティングによる不具合と思われる現象が起きていて、ワードプレスの拡張性や自由度の高さを実感している一方で、同じように不安要素も尽きません。 プラグインにしても  なるべく使わずに作業を進めていきたいと思っている今日この頃‥。 注意Read More…

2015/5月
wordpress-thumbnail

サイドバー以外の場所にも複数のウィジェットを設置する方法

サイドバーというひとかたまりのエリアだけでなく、ヘッダー部分などページのあらゆる箇所に複数  ウィジェットの機能を設置する方法。 設置したいウィジェットの数だけ「 register_sidebar(); 」の設定を記述して有効化させる まず、functions.phpファイルを開いて、register_siRead More…

1515/5月
light-box-thumbnail

【TIPS】CSSだけで実装できる!! エレガンチックな「LIGHT BOX」

CSSだけで表現できるエレガンチックな「LIGHT BOX」3パターン。 記述の手順は、以下のサイトからソースをダウンロードし、対象とする画像の<img>タグにコードをつけて、あとはパターンごとの個別のCSSをリンクさせるという流れ。 http://tympanus.net/codrops/2011/12/26/css3-lightbox/ パタRead More…

1415/5月
wordpress-thumbnail

プラグインを使わずに、コードを追加するだけでパンくずリストを設定する方法

  プラグインを使わずにコードを追加するだけで「パンくずリスト」を設定する方法をまとめておきます。 手順としては  まず「functions.php」ファイルに記述する作業になるので  その際の注意点から。 この「functions.php」ファイルは、関数ファイルが集約されていて &nRead More…

1015/5月
khanacademy-thumbnail

世界中にある一流大学の講義を無料で受けられるWEBサービス「MOOC」(ムーク)

MOOC ( ムーク:MassiveOpenOnlineCourse。直訳すると「大規模オンライン公開講座」)とは、近年アメリカの教育現場で浸透し始めているオンライン学習のこと。 ハーバード、スタンフォード、MITなどをはじめ、世界中の一流大学が提供するオンライン講義を無料で受けることができます。 ちなみに2013年2月に、日Read More…

0715/5月
wordpress-thumbnail

Facebook,LINEなどのSNSボタンをプラグインを使って設置する方法

「WP Social Bookmarking Light」は、ソーシャルメディアの共有ボタンを一元管理できるプラグインです。 ほとんどのソーシャルボタンに対応しています。 「WP Social Bookmarking Light」をインストールする まず、Wordpress管理画面のプラグイン新規追加の画面を開き、「WP Social BookmRead More…

0415/5月
wordpress-thumbnail

「リビジョン」機能について

リビジョン機能は、ワードプレスに基本機能として備わっていて、記事の編集中に内容を自動で保存してくれるという機能です。 これは非常に便利なもので、例えば、 「記述ミスをしたり  不具合が生じたので前のデータを復元したい」「過去のデータを呼び戻して確認したいことがある」 といった時にも対応できます。 ただ この機能は、デフォルトのRead More…

0115/5月
wordpress-thumbnail

パーマリンクについて

サイト構築をする際、最初の準備段階で注意しておかなければいけないことの1つにパーマリンクの設定があります。 この記事の中では、パーマリンクとはどういったものか、設定時に使える構造タグ、設定する際に注意しておきたいことなどをまとめておきます。 目  次 1.  パーマリンクについて 1-1. &nbRead More…

2715/4月
sliding-image-panels-capture

【TIPS】画像を4枚のパネルに分割してエフェクトをかけたスライダー

画像を4枚のパネルに分割してエフェクトをかけたスライダー4パターン。 まず、共通のhtmlを記述を記述してから、パターンごとのCSSを記述していく流れ。 共通のhtmlを記述を記述 まずは共通のhtmlを記述していく。 画像内のテキストは、<div class=”cr-titles”>のタグ内で書き換える。  【 htmlRead More…