3016/4月
gmail-top-image

Gmailとは?機能、特徴、利便性をまとめてみた

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

1615/10月
blog-capture-1

無料で始められる国内のブログサービスを比較してみた(17選)

国内にある無料ブログサービスの代表的なものを比較してみます。 それぞれのブログサービスの機能・特徴をしっかり把握して、目的・用途によって使い分けていけるように、ここでは初心者にとっての使いやすさ 必要最低限 把握しておきたいスペックの部分(ブログ容量、広告表示、カスタマイズ機能、アフィリエイトやSEOなどでの収益性) をざっくりとまとめておきますRead More…

1215/10月
zoom-slider-title-gazou

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

アニメーションしながらスライダー&ズーム表示する「ズームスライダー」。 demo   まずはhtmlファイル内にCSSファイルとJSファイルをリンクさせる     まず、外部ファイル(http://tympanus.net/codrops/2015/07/06/zoom-slider/)をダウン &Read More…

0915/10月
dropbox-thumbnail

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

    無料で使えるWEBサービスとして、プライベートでもビジネスにおいても生産性アップ、業務効率化のためにおさえておきたいオンライン(クラウドストレージ)サービス。   オンラインストレージ(クラウドストレージ): インターネット上で、ストレージ(外部記憶装置)、いわゆる保管用のディスクスペースを貸し出してくれるサRead More…

0215/6月
capture-title-version

画像ホバーの際アニメーション効果をつけるCSS3 (10パターン)

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

0215/6月
online-service-sumbnail

無料から有料のものまで、オンラインで学べる学習サイト【11選】

  近年、オンラインで学べるサイトが増えてきているので、いくつか気になったものをピックアップしておきます。 もくじ 1: schoo ( スクー ) 2: ShareWis ( シェアウィズ ) 3: ドットインストール 4: ウェブカツ!! 5: SKILLHUB 6: CODEPREP 7: プログラミン 8: シラバス 9: VIRead More…

2415/5月
wordpress-12

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

    ワードプレスを始めてまだ浅いですが、すでにプラグイン同士のバッティングによる不具合と考えられる現象が起きているので、それを考慮しながらなるべくプラグインを使わずに色々と作業を進めている今日この頃‥ ということでプラグインを使わずにページネーションを設置する方法です。 【 完成画像 】 手順としては、functions.Read More…

2015/5月
wordpress-12

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

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

1515/5月
light-box-thumbnail

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

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

1015/5月
khanacademy-thumbnail

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

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

0715/5月
wordpress-12

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

WP Social Bookmarking Lightは、ソーシャルメディアの共有」ボタンを一元管理できるプラグインです。投稿や固定ページに共有ボタンを追加できます。 ほとんどのソーシャルボタンに対応していて使い勝手もかなり良いです。 「WP Social Bookmarking Light」のインストール Wordpress管理画面のプラグインRead More…

0415/5月
wordpress-12

リビジョン機能について

    リビジョン機能はデフォルトで備わっている機能で、投稿記事や固定ページの編集時に自動保存してくれて いつでも復元することができるというかなり助かる機能。 ただ この機能の問題点としては、デフォルトの設定のままだとリビジョンのデータの最大保存数が無制限になっているので、記事数が増えるほど 当然データベースの容量が肥大化してRead More…

0115/5月
wordpress-12

パーマリンクについて

目次 1:パーマリンクについて ・パーマリンクとは ・パーマリンク設定時に使える構造タグ一覧 2:設定するにあたり必ず押さえておくべきこと ・英語表記の投稿名を入れておいた方がいい ・カテゴリ名や日付を入れるのは避けた方がいい ・パーマリンクを変更したら、早急にリダイレクト設定をする パーマリンクについて パーマリンクとは パーマリンクとは、サイRead More…

1715/4月
ihover-capture-1

画像ホバーの際アニメーション効果をつけるCSS3 (6パターン) - ihover –

  スクリプト不要で、画像ホバー時にCSS3アニメーションで様々なキャプションを表示するスタイルシート。  【 CSS3だけでできる素敵な魅せ方6パターン 】 もくじ ・hover effect【1】左側と右側からテキストがスライドしてくるエフェクト ・hover effect【2】画像を画面上側に、テキストを下側にエフェクトをかけて配Read More…

1515/4月
design-category-topimage-5

気になったWEBデザインのサイト【4】~素材感を活かした手作り風のサイトについて~

グラフィックソフトの機能を駆使することで直線的でシャープ スマートな表現はできるけれど、一見 単調にもなりがちなので、もっと素材感を活かした手作り風の柔らかい雰囲気のデザインで表現する場合には以下のようなポイントを押さえておきたい。 素材感を活かして手作り風にデザインする際に押さえておきたいこと ● 布地 紙などのムラのあるものや、粗い木目などのRead More…

1315/4月
design-category-topimage-4

気になったWEBデザインのサイト【3】大量の商品を見せるデザイン レイアウトについて

大量の商品を掲載するサイトを作る時のポイント 情報アーキテクチャ ( レイアウト、サイト構造を整え、情報をわかりやすく伝える ) の行き届いた設計 商品 サービス 情報量の豊富さを限られたスペースにいかに効率よく配置 分類して紹介していくか。 行間 各ブロック要素に十分な間隔をとるなどしてレイアウトを整えることで、視覚的にわかりやすくしたり、ナビRead More…