CSSのみで背景を全体的に斜めにして傾斜をつける方法

CSSのみで背景を全体的に斜めにして傾斜をつける方法

http://theorthodoxworks.com/web-design/slanting-background-css/

CSS3を極めたいなら知っておきたい三角形を作る3つの方法

http://webrocketsmagazine.com/entry/20120213/how-to-triange-in-css3.html

CSS3を使ってできる画像まわりのエフェクトやスタイリング18

http://webrocketsmagazine.com/entry/20120224/css3-image-effects.html

【JavaScript入門】初心者でも実践!HTMLやCSSと違う?

https://tech-camp.in/note/4125/#i-2

カテゴリー: 未分類 | コメントする

バリデートすると、いっつも にエラーが出るんですけど、みなさんどうされてますか?

バリデートすると、いっつも

にエラーが出るんですけど、みなさんどうされてますか?

http://w3q.jp/t/5545

HTML:W3Cのチェッカーで不明なエラーがでたので原因と解決策を聞きたいです。

https://teratail.com/questions/16164

カテゴリー: 未分類 | コメントする

【CSS】共通パーツには「BEM」の命名規則を使おう

【CSS】共通パーツには「BEM」の命名規則を使おう

コーディングに慣れてきたら意識して欲しい「保守運用」を意識したマークアップ

レスポンシブサイトで必要になるレイアウト変化に関わるJSの処理

レスポンシブでアニメーションも美しいWordPressテーマ11選

カテゴリー: 未分類 | コメントする

CSSで出来るレスポンシブ対応を考えた table レイアウト

CSSで出来るレスポンシブ対応を考えた table レイアウト

あなたはCSSプロパティ”display”をどのぐらい知っているだろうか?

“display”プロパティ

CSSの display: inline、display: block、display: inline-block をマスターしよう!

displayプロパティの意味と使い方(ボックスの種類の指定)

【css】displayの値オススメ5つ!レスポンシブデザインにも便利

レスポンシブデザインでdisplay:none;はどこまで利用してよいのか?

レスポンシブWebデザインで使える!inline-blockで高さを揃えよう

tableのthやtdをソースを変えずにCSSだけで縦並びにする方法 – レスポンシブデザイン編 –

ボックスの定義と、divの要素について

displayプロパティでボックスの表示形式を自由に変えよう

第2回 クリックの操作 – jQueryによるJavaScript入門

CSS3の「フレキシブルレイアウト」使い方まとめ

カテゴリー: 未分類 | コメントする

WordPressの一歩踏み込んだパーマリンクカスタマイズ

WordPressの一歩踏み込んだパーマリンクカスタマイズ

カテゴリー: 未分類 | コメントする

レスポンシブなサイトをつくりたい!実装方法はじめの一歩

レスポンシブなサイトをつくりたい!実装方法はじめの一歩

カテゴリー: 未分類 | コメントする

「Google マップ」の埋め込み地図をカスタマイズする方法まとめ

「Google マップ」の埋め込み地図をカスタマイズする方法まとめ

カテゴリー: 未分類 | コメントする

MTOSのダウンロード

MTOSのダウンロード

Movable Type 6 の新しいライセンスについて

ウェブサイトとブログの設計

カテゴリー: 未分類 | コメントする

CSSで実装するハンバーガーメニューアイコンの見栄えやクリック・ホバー時のエフェクト 10

CSSで実装するハンバーガーメニューアイコンの見栄えやクリック・ホバー時のエフェクト 10

CSSで実装するハンバーガーメニュークリック時のエフェクト 10+

ひたすらハンバーガーアイコンを作ったので9種のソースを公開します!

こんなの作りたい!CSS3で実装するキレイなボタンチュートリアルまとめ

使いやすくなった!UI素材とテクニック集/CSS jQuery版

ハンバーガーアイコンのUI問題6つの答え

【この機能がほしかった!】多階層のレシポンシブメニュー16選

レスポンシブWEBデザイン用ナビゲーション&メニューのベストパターン16

【まとめ】レスポンシブデザインで使えるメニュー3選+1

カテゴリー: 未分類 | コメントする

web模写 レスポンシブデザイン まとめ サンプル集

レスポンシブデザイン サンプル集

レスポンシブWebデザインの基本!参考にしたい30個のポイントと実例サンプル

レスポンシブWebデザインの基本!参考にしたい30個のポイントと実例サンプル

カテゴリー: 未分類 | コメントする

AMPの利点と対応HTMLの作り方

AMPの利点と対応HTMLの作り方

【SEO】AMP対応は必須となるか?GoogleがAMP対応を促すメッセージの配信とモバイル検索結果に専用枠を導入予定

サイトのAMP対応状況を確認しよう。Google「AMPテスト」ツール

モバイルウェブが爆速に! GoogleがAMP (Accelerated Mobile Pages) を立ち上げ
Googleは、Accelerated Mobile Pages (アクセラレイティッド・モバイル・ページ)という、モバイル端末でのウェブページの表示を高速化するためのプロジェクトを公開しました。
略して、AMP(アンプ)と呼びます。

AMPで策定された仕様に従ってモバイルサイトを構成すると、モバイル検索結果からリンク先ページがまさに“一瞬”で表示されます。
レスポンシブウェブデザインでもAMPに対応できます。
RWDとAMPは排他的ではないし依存関係もありません。

AMP対応について勘違いしていたので対応することにした

AMP(Accelerated Mobile Pages)とは?今から導入するための基礎知識と手順書マニュアル

AMP対応すれば「モバイルファーストインデックス」対応済み?/Google回答

AMPって導入すべき?表示速度は4倍でも、今AMPを導入しない理由

AMPとは~対応HTMLを作ってみてわかったこと~

いよいよ導入されるAMP(Accelerated Mobile Pages)の基礎知識から対応方法まで!まとめ

AMP編!WEBデザイナーが覚えて損無しのHTML コーディング!

カテゴリー: 未分類 | コメントする

ページ読込速度 エラーのないコーディングは必須 ワンランク上のHTMLコーディングを行うための18のポイント

レスポンシブECサイトの読込速度を上げる方法7選 後編

CSSがサイトの読込速度の遅延原因かも?見直すところは大きく3つ!

Webフロントエンド表示速度、最速化手法まとめ

正しいコーディングは重要!?HtmlソースはどこまでSEOに影響するのか

ワンランク上のHTMLコーディングを行うための18のポイント

コーディングガイドライン レギュレーション

コーディングガイドライン

カテゴリー: 未分類 | コメントする

エビスコムの本のロードマップ

エビスコムの本のロードマップ

『WordPressデザインブック HTML5&CSS3準拠』について

WordPress ステップアップブック

HTML5&CSS3デザインブック

WordPressレッスンブック HTML5&CSS3準拠

カテゴリー: 未分類 | コメントする

テーマを自作したい人必見!WordPressの基本的な仕組み

テーマを自作したい人必見!WordPressの基本的な仕組み

カテゴリー: 未分類 | コメントする

CSS3でストライプパターンを作る

CSS3でストライプパターンを作る

[CSS]画像を使用せずに、背景をストライプやチェック柄にするスタイルシート

CSS3で斜線・ストライプなどの背景装飾のコードまとめ-コピペですぐ使える!

CSSだけでストライプ柄の背景を実装する方法

8ステップで完成!CSS3で「斜めのストライプ」を作る方法

CSS Sample

カテゴリー: 未分類 | コメントする

無料で利用できるアクセス解析ツール12選

無料で利用できるアクセス解析ツール12選

http://netaone.com/wp/free-analytics-tools/

WordPressにアクセス解析機能を拡張できるプラグイン7選

http://netaone.com/wp/wordpress-analytics/

WordPress 公開承認ワークフロープラグイン「Peter’s Collaboration E-mails」

http://frog-eight.com/technical/wordpress-%E5%85%AC%E9%96%8B%E6%89%BF%E8%AA%8D%E3%83%AF%E3%83%BC%E3%82%AF%E3%83%95%E3%83%AD%E3%83%BC%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%80%8Cpeters-collaboration-e-mails%E3%80%8D/

寄稿者が投稿と固定ページを書き、管理者が承認するフローを実現する

http://ryus.co.jp/blog/shounin-flow/

WordPressに承認申請や差し戻しを行う承認フローを導入し、コメントも添えてメールで連絡する方法

http://www.tam-tam.co.jp/tipsnote/cms/post7154.html

WordPressの公開承認ワークフローでハマったところ

http://akimokan.hatenadiary.jp/entry/2015/04/03/150735

投稿された記事を承認工程を経て公開したい時に使えるプラグイン

http://onlineconsultant.jp/pukiwiki/?Peter%27s%20Collaboration%20E-mails%EF%BC%88%E5%85%AC%E9%96%8B%E6%89%BF%E8%AA%8D%E3%83%AF%E3%83%BC%E3%82%AF%E3%83%95%E3%83%AD%E3%83%BC%E7%AE%A1%E7%90%86%EF%BC%89

承認工程を経たいユーザーの設定ですが、ユーザーの権限を「寄稿者」にします。
※「投稿者」では承認申請はされず、すぐに公開されるので注意。

WordPressのプラグイン「Peter’s Collaboration E-mails」をマルチサイトで使う。

http://blog.livedoor.jp/kagzugi/archives/45310337.html

カテゴリー: 未分類 | コメントする

【サンプル有】レスポンシブなグローバルナビの作り方3選

【サンプル有】レスポンシブなグローバルナビの作り方3選

http://www.aiship.jp/knowhow/archives/14535

最近のスマホサイトのサイズ感や機能で配慮したい10のアレコレ

https://www.i3design.jp/in-pocket/376

UIデザインにおけるナビゲーションのデザインパターンまとめ

https://baigie.me/sogitani/2014/08/navigation-design-type/

ドロワーメニュー(ハンバーガーメニュー)を簡単な jQueryとCSSだけで作る手順

http://webdesign.practice.jp/drawer_jquery_css

カテゴリー: 未分類 | コメントする

黄金比をサイトのデザインに取り入れる簡単な3つの方法

黄金比をサイトのデザインに取り入れる簡単な3つの方法

http://coliss.com/articles/build-websites/operation/design/206.html

黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに

http://coliss.com/articles/build-websites/operation/design/the-golden-ratio-in-design.html

カテゴリー: 未分類 | コメントする

幼児が夜中に足が痛い!病気かも?危険な成長痛、安全な成長痛

幼児が夜中に足が痛い!病気かも?危険な成長痛、安全な成長痛

http://www.ひざの痛みスッキリ.jp/?p=1054

成長痛

http://zousantsushin.jp/illness/%E3%81%9D%E3%81%AE%E4%BB%96%E3%81%AE%E7%97%85%E6%B0%97/%E6%88%90%E9%95%B7%E7%97%9B.html

カテゴリー: 未分類 | コメントする

日本以外との通貨スワップ協定も延長交渉中断?期限切れ?

日本以外との通貨スワップ協定も延長交渉中断?期限切れ?

http://kankokukeizai.net/2016/12/26/swap-2/

韓国との通貨スワップに関して

http://kininews00.blog.so-net.ne.jp/2016-09-24-3

日本に振り回された韓日通貨スワップ←(怒)

http://kankokukeizai.net/2017/01/06/swap-4/

カテゴリー: 未分類 | コメントする

2015年1月第3週号 1位は,BootstrapとBEMを組み合わせたCSS設計パターンについて考える

2015年1月第3週号 1位は,BootstrapとBEMを組み合わせたCSS設計パターンについて考える

CSSをBEM/MindBEMdingの命名規則で書いてみる

CSSの命名規則をちゃんとやるためにBEMはいい選択だと思う

そのCSS、ヤバイかも?CSS設計が破綻するありがちな失敗パターン4つ

クリスマスなのでBEMを紹介する

BEMについてのメモ

より良いCSSを書くための様々なCSS設計まとめ

BootstrapをBEMに考えてみる

WEBデザイナーも知っておきたい!BEM×Bootstrap の良いとこどりでキレイなCSS 設計る

Bootstrap と BEM を組み合わせた CSS 設計パターンについて考える

カテゴリー: 未分類 | コメントする

Twitter Bootstrap 風のキャレットの作り方

Twitter Bootstrap 風のキャレットの作り方
三角 css

カテゴリー: 未分類 | コメントする

レスポンシブ水平フォーム bootstrap

レスポンシブ水平フォーム bootstrap

スマホ対応じゃない問い合わせフォームを「とりあえず」レスポンシブにする方法

レスポンシブにはtableではなく、dlを使おう

レスポンシブで無料のフォームを見つけました!

htmlとCSSで入力フォームをレスポンシブ対応にする方法

CSSで出来るレスポンシブ対応を考えた table レイアウト

レスポンシブデザインのフォームを設計するときに気をつけたい7つのステップ

レスポンシブデザインを採用するとき参考にしたいフォーム実例まとめ

カテゴリー: 未分類 | コメントする

Google タグマネージャを使って、Google Analyticsでクリックイベントを見れるようにしよう!

Google タグマネージャを使って、Google Analyticsでクリックイベントを見れるようにしよう!

カテゴリー: 未分類 | コメントする

【資格】ウェブデザイン技能検定2級に合格しました!勉強法とか…

【資格】ウェブデザイン技能検定2級に合格しました!勉強法とか…

カテゴリー: 未分類 | コメントする

情報セキュリティマネジメント試験

情報セキュリティマネジメント試験

https://www.jitec.ipa.go.jp/sg/

情報セキュリティマネジメント試験(SG) 

https://www.jitec.ipa.go.jp/1_11seido/sg.html

※基本情報技術者試験(FE)と同日開催(4月第3日曜日・10月第3日曜日)

情報セキュリティマネジメント試験(SG) 受験申込み

https://www.jitec.ipa.go.jp/1_01mosikomi/_index_mosikomi.html

平成29年度春期試験について

https://www.jitec.ipa.go.jp/1_02annai/h29haru_exam.html

受験手数料 5,700円
試験実施日 平成29年4月16日(日)
申込期間   インターネット 平成29年1月12日(木)10時 ~ 2月20日(月)20時
       郵送 平成29年1月12日(木)~ 2月9日(木) 消印有効

スケジュール、手数料など

https://www.jitec.ipa.go.jp/1_02annai/_index_annai.html

試験地一覧

https://www.jitec.ipa.go.jp/1_02annai/sikenti.html

情報セキュリティマネジメント試験 おすすめ参考書・問題集

http://www.sg-siken.com/sgtext.html

情報セキュリティマネジメント試験を受験してきました(20年ぶりの情報処理試験受験)

http://www.lac.co.jp/blog/category/education/20160420.html

情報セキュリティマネジメント試験を受けてきた 感想

http://nakameguro.jpn.org/jtec/sg-2016-04-matome/

情報セキュリティマネジメント試験の概要――本番前にポイントを総ざらいしよう (1/2)

http://www.atmarkit.co.jp/ait/articles/1601/18/news007.html

情報セキュリティマネジメント試験をまったり受験

http://blog.kentei-uketsuke.com/suzuki/archives/2929

情報処理教科書 出るとこだけ! 情報セキュリティマネジメント 2017年版

https://www.amazon.co.jp/2017/dp/4798149578/ref=dp_ob_title_bk

(PDF・スマホ単語帳付)徹底攻略 情報セキュリティマネジメント教科書 平成29年度

https://www.amazon.co.jp/PDF-%E3%82%B9%E3%83%9E%E3%83%9B%E5%8D%98%E8%AA%9E%E5%B8%B3%E4%BB%98-%E5%BE%B9%E5%BA%95%E6%94%BB%E7%95%A5-%E6%83%85%E5%A0%B1%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3%E3%83%9E%E3%83%8D%E3%82%B8%E3%83%A1%E3%83%B3%E3%83%88%E6%95%99%E7%A7%91%E6%9B%B8-%E5%B9%B3%E6%88%9029%E5%B9%B4%E5%BA%A6/dp/429500054X/ref=pd_cp_14_1?_encoding=UTF8&psc=1&refRID=R70TE7N0EXDM0W579M7A

情報セキュリティマネジメント試験のレベルと勉強法

http://nakameguro.jpn.org/jtec/information-security-management/

情報セキュリティマネジメント試験のおすすめ問題集

http://nakameguro.jpn.org/jtec/sg-exercise-books/

情報セキュリティマネジメント試験の難易度・勉強法

http://nakameguro.jpn.org/jtec/sg-level-method-eval/

情報セキュリティマネジメント試験新設!試験対策と参考書は?

https://digitalgatez.net/archives/3742

SG試験まであと5か月だった件。「情報セキュリティマネジメント試験」参考書の選び方!

http://hke.hatenablog.jp/entry/sg002

情報セキュリティマネジメント試験を受けてきた(事前準備編)

http://masamasa.hatenadiary.jp/entry/2016/04/18/182337

カテゴリー: 未分類 | コメントする

基本情報技術者試験に一ヶ月勉強して一発合格したので、勉強法とか使った本とか書いておきます

基本情報技術者試験に一ヶ月勉強して一発合格したので、勉強法とか使った本とか書いておきます

http://siganaitohoho.hatenablog.jp/entry/2014/11/18/%E5%9F%BA%E6%9C%AC%E6%83%85%E5%A0%B1%E6%8A%80%E8%A1%93%E8%80%85%E8%A9%A6%E9%A8%93%E3%81%AB%E4%B8%80%E3%83%B6%E6%9C%88%E5%8B%89%E5%BC%B7%E3%81%97%E3%81%A6%E4%B8%80%E7%99%BA%E5%90%88%E6%A0%BC

基本情報技術者独学テキスト・問題集

http://dokugaku.info/dokugaku_text/text007_zyouhou1_kihon.htm

基本情報技術者試験に独学で合格できる勉強法とおすすめの参考書

http://www.tekelog.com/entry/2016/02/04/163549

【合格者が語る】基本処理技術者試験オススメ参考書まとめ!

https://matome.naver.jp/odai/2140939434750442901

基本情報技術者試験 おすすめ参考書・問題集

http://www.fe-siken.com/fetext.html

初学者が独学10日間で基本情報技術者に合格する勉強方法と参考書

http://www.qualog.net/entry/2016/08/31/164035

基本情報技術者試験に合格した人の勉強法

http://h-sby.hateblo.jp/entry/2014/08/03/205557

基本情報技術者試験に90点合格したとき使った参考書&勉強法

http://kuroeveryday.blogspot.jp/2014/08/FE.html

【基本情報技術者試験】 独学で合格する勉強法と良書を紹介します。

http://chousa.hatenablog.com/entry/FE-%E5%9F%BA%E6%9C%AC%E6%83%85%E5%A0%B1-%E5%AD%A6%E7%BF%92%E6%B3%95

IT業界未経験者から見た基本情報技術者試験の難易度

http://teihensikaku.com/archives/4025

【1ヶ月で2冊だけ】基本情報技術者試験に合格する最短ルート(勉強法と午後対策)を教えます。

http://www.大人の女の旅と趣味.club/entry/2016/11/06/%E3%80%90%E3%81%9F%E3%81%A3%E3%81%9F%EF%BC%92%E5%86%8A%E3%81%AE%E6%9C%AC%E3%82%92%EF%BC%91%E3%83%B6%E6%9C%88%E3%82%84%E3%82%8B%E3%81%A0%E3%81%91%E3%80%91%E5%9F%BA%E6%9C%AC%E6%83%85

基本情報技術者合格!これが初心者王道攻略法

http://www.life-maintenance.com/kihonzyouhou/

2回基本情報処理試験に落ちた自分が厳選したおすすめの本を3つ紹介する

http://www.no-overtime-day.com/entry/kihonjyoho_recommend_books

【オススメ参考書あり】基本情報技術者試験に合格するための勉強法を自分なりにまとめてみた

http://www.yuru2memo2.com/entry/2016/02/13/230033

基本情報技術者独学合格へ試験対策!おすすめ参考書と過去問を紹介

http://proengineer.internous.co.jp/content/columnfeature/3767

カテゴリー: 未分類 | コメントする

ITパスポート試験に2日で合格する方法

ITパスポート試験に2日で合格する方法

http://winfriede.com/post-1919/

ITパスポート試験を受けました!勉強時間や使った参考書などをまとめます

http://www.ochogoo.com/entry/2016/02/24/083000

ITパスポートの効果的な勉強方法

http://www.itpassportsiken.com/ipsyudy.html

独学20時間でITパスポートに合格する勉強法まとめ

http://itpassport-dokugaku.blogspot.jp/2013/12/20it.html

最低限の勉強で、ITパスポートに独学合格する人の共通点とは

http://nopatokyo.net/work/skill/473

ITパスポートを1ヶ月の独学で合格する勉強法

http://www.make-effort.com/entry/2015/04/23/131529

【ITパスポート試験】 独学で合格する勉強法と良書を紹介します。

http://chousa.hatenablog.com/entry/IT%E3%83%91%E3%82%B9%E3%83%9D%E3%83%BC%E3%83%88-%E7%8B%AC%E5%AD%A6-%E5%90%88%E6%A0%BC

ITパスポートの難易度と独学にお勧めの参考書

http://www.tekelog.com/entry/2015/12/23/154920#t5

1日でITパスポートに合格する勉強法

http://blog.livedoor.jp/geeklinn/archives/1030521226.html

【勉強時間】ゆとりニートが知識0から独学でITパスポートを取得したのでメモ【方法・感想】

http://yutorineet.hatenablog.com/entry/2015/11/05/%E3%80%90%E5%8B%89%E5%BC%B7%E6%99%82%E9%96%93%E3%80%91%E3%82%86%E3%81%A8%E3%82%8A%E3%83%8B%E3%83%BC%E3%83%88%E3%81%8C%E7%9F%A5%E8%AD%98%EF%BC%90%E3%81%8B%E3%82%89%E7%8B%AC%E5%AD%A6%E3%81%A7IT

ITパスポート試験.com

http://www.itpassportsiken.com/

ITパスポートを独学で一週間勉強して合格した勉強方法

http://rainspangles.xsrv.jp/it-passport

ITパスポートの勉強方法

http://www.it-passport-get.com/

ITパスポート試験に一発合格するためのおすすめ勉強法

http://powerbombkun.hatenablog.jp/entry/2016/05/31/233419

基本情報技術者試験に一発合格するためのおすすめ勉強法

http://powerbombkun.hatenablog.jp/entry/2016/05/28/202900

情報処理技術者試験が僕に教えてくれたこと

http://powerbombkun.hatenablog.jp/entry/2016/04/17/085517

「ITパスポート試験攻略サイト」へようこそ!

http://itパスポート試験.com/

ITパスポートと基本情報処理技術者の違い

http://itパスポート試験.com/it%e3%83%91%e3%82%b9%e3%83%9d%e3%83%bc%e3%83%88%e3%81%a8%e5%9f%ba%e6%9c%ac%e6%83%85%e5%a0%b1%e5%87%a6%e7%90%86%e6%8a%80%e8%a1%93%e8%80%85%e3%81%ae%e9%81%95%e3%81%84/

ITパスポート試験でおすすめの参考書

http://itパスポート試験.com/%e3%81%8a%e3%81%99%e3%81%99%e3%82%81%e3%81%ae%e5%8f%82%e8%80%83%e6%9b%b8/

ITパスポートのおすすめ過去問サイトまとめ

http://itパスポート試験.com/it%e3%83%91%e3%82%b9%e3%83%9d%e3%83%bc%e3%83%88%e3%81%ae%e3%81%8a%e3%81%99%e3%81%99%e3%82%81%e9%81%8e%e5%8e%bb%e5%95%8f%e3%82%b5%e3%82%a4%e3%83%88%e3%81%be%e3%81%a8%e3%82%81/

ITパスポート試験の参考書・テキストは中古でも大丈夫か?

http://itパスポート試験.com/%ef%bd%89%ef%bd%94%e3%83%91%e3%82%b9%e3%83%9d%e3%83%bc%e3%83%88%e8%a9%a6%e9%a8%93%e3%81%ae%e5%8f%82%e8%80%83%e6%9b%b8%e3%83%bb%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%af%e4%b8%ad%e5%8f%a4%e3%81%a7/

カテゴリー: 未分類 | コメントする

Apacheのおすすめ書籍

Apacheのおすすめ書籍

http://server-helper.doorblog.jp/archives/3886383.html

http://win.kororo.jp/archi/book/apache.php

CGI モジュール(1) パラメータを受け取る

http://d.hatena.ne.jp/palmo/20060725/cgi

JavaScriptでURLパラメータを手軽に取得する方法

http://did2memo.net/2015/12/28/javascript-url-parameter/

パラメータ (parameter)

http://wa3.i-3-i.info/word1443.html

パラメータとは

http://www.mtlevensloop.nl/portalHelp/ohw?topic=popgpmwh_htm&locale=ja

[特別企画] この業界でメシを食うための5冊(プログラマ編)

http://www.ndis.co.jp/blog/tech/2008/12/enquate-book1.html

カテゴリー: 未分類 | コメントする

Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い?

Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い?

https://www.cherrypieweb.com/weblog/technical/20160629025615.php

Chromeでも読みやすい游ゴシックを指定する方法

http://qiita.com/RinoTsuka/items/1e7b3ca1325e704bbc41

游ゴシックは何故Windowsでかすれて見えるのか

http://mandel59.hateblo.jp/entry/2016/11/11/012654

カテゴリー: 未分類 | コメントする

.htaccessでアクセス制限

.htaccessでアクセス制限

http://php-web.net/web/htaccess.html

.htaccessとは、Apache などの Webサーバーの動作を、ディレクトリ単位で制御するための設定ファイルです。CGI実行の許可や、リモートIPに基づくアクセス制限、リファラに基づくアクセス制限などが可能になります。

.htaccessを利用するには、制限をかけたいディレクトリに、.htaccessという名前のファイルを作成すればOKです。

リファラ制限とはなんでしょうか?

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1322365573

参照元(Referer)によるアクセス制限が可能

http://www.shtml.jp/htaccess/referer.html

htaccessによるアクセス制限(Referer)

https://htaccess.cman.jp/explain/access_referer.html

リンク制限(SetEnvIf, Referer)

http://www.adminweb.jp/apache/allow/index2.html

リファラでアクセス制限

http://phpjp.com/htaccess/%E3%83%AA%E3%83%95%E3%82%A1%E3%83%A9%E3%81%A7%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E5%88%B6%E9%99%90.php

Apache:アクセス制御をする

http://qiita.com/YasuyukiKawai/items/727d2238572851000c79

カテゴリー: 未分類 | コメントする

『WordPressデザインブック』

『WordPressデザインブック』

『HTML&CSS レクチャー 【float、display編】』(DESIGNMAP BOOKS)

デザイン力をつけるデザインルールの入門書

『配色の設計 - 色の知覚と相互作用』(ビー・エヌ・エヌ新社)

『超明快 Webユーザビリティ ユーザーに「考えさせない」デザインの法則』

『WordPressデザインブック HTML5&CSS3準拠』について

『WordPressデザインブック HTML5&CSS3準拠』について

レスポンシブでテーマ作りならこの本! WordPressデザインブック HTML5&CSS3準拠

「WordPressデザインブック HTML5&CSS3準拠」の読書感想

基礎から脱却!「WordPressデザインブック」

独学でWEBデザイナーを目指す人におすすめの本 part1

サポート情報:WordPressデザインブック HTML5&CSS3準拠

WordPressデザインブック HTML5&CSS3準拠

【2016年最新】WordPress入門書おすすめ5選

WordPressをこれから始める人におすすめしたい本20選

【独学入門】WordPress初心者におすすめしたい書籍・勉強本6選

【入門】JavaScriptのド初心者におすすめしたい学習本・教科書7選

巷のWordPress本とはわけが違った「WordPress ステップアップブック」

WordPressレッスンブックとデザインブック両方読んでみた

WordPressでカスタム投稿タイプを作成する方法【初心者向け】

ページの表示速度もアップ!WordPressのキャッシュ処理プラグイン5選

WordPressでカスタムタクソノミーを設定する方法【初心者向け】

WordPressでカスタムメニューを作成する方法【初心者向け】

カスタム投稿の追加の仕方と、具体的な使用例

WordPress カスタム投稿タイプの作り方

WordPressのカスタム投稿(ポスト)タイプを作成するまでの手順リスト

WordPressのカスタム投稿タイプとカスタムフィールドを実際に追加してみた!

WordPress使うとWebサイト作るの超簡単♪でも、だからこそ怖い(-_-;

WordPressのカスタム投稿タイプはウィジェットとメニュー追加で簡単に表示可能(^-^)w

WordPressのカスタムフィールドを表示する!「single.php」のソース改編で実現!

WordPressのカスタム投稿タイプを使えば大抵のことが出来るらしい!

WordPressを勉強中φ(.. )色々と出来そうなんですね~☆

WordPressのカスタムタクソノミーを追加して独自の分類を作る!

カテゴリー: 未分類 | コメントする

5ステップでマスターする!初心者から始めるWordPress勉強法

5ステップでマスターする!初心者から始めるWordPress勉強法

http://kunkun.pya.jp/basic_design/web_design/wordpress-131105/

WordPressカスタマイズの基礎が全て分かる初心者必読の記事10選

http://bazubu.com/wp-customize-7166.html

これからWordPressを始めるなら絶対に読んでおきたい本まとめ

http://tetra-themes.com/wordpress-beginner-books-456/

【独学でWeb制作マスター】勉強方法のまとめ【初心者向け】

https://manablog.org/web_study_map/

WordPressカスタマイズするならこれで学習!おすすめテキスト本8冊

http://rikumalog.com/wordpress/wordpress-customize-books8.html

意外と知らない?サイトの更新が便利なCMSまとめ【随時更新】

https://liginc.co.jp/web/tool/30371

カテゴリー: 未分類 | コメントする

ARIA in HTML 日本語訳

ARIA in HTML 日本語訳

https://momdo.github.io/html-aria/#document-conformance-requirements-for-use-of-aria-attributes-in-html

暗黙的な ARIAセマンティックがある要素では role 属性を外すことが今後推奨されるようだけど、まだ外すのは時期尚早

http://mzmjp.net/blog/2015/04/26/0052/

レイアウトで使うランドマークのrole属性【アクセシビリティ】【WAI-ARIA】

http://blog.e-riverstyle.com/2011/01/rolewaiaria.html

role属性とaria-*属性(WAI-ARIA)について【HTML5 Advent Calendar 2012 Day 9】

http://blog.e-riverstyle.com/2012/12/roleariawaiariahtml5-advent-ca.html

【STINGER5対応】 Webアクセシビリティのためrole属性を実装しよう!

http://shufulife.com/role/

role 属性を正しく設定してアクセシビリティを高める

http://カラクリ.jp/502/

HTML5のrole属性を考える!マークアップ時に意識したいこと

http://05step.com/2012/06/03/html5-role-markup/

Re: role 属性を正しく設定してアクセシビリティを高める

http://momdo.hatenablog.jp/entry/20150623/1435062374

role属性を実装しよう

https://w3g.jp/blog/lets_role_fit

カテゴリー: 未分類 | コメントする

情報処理推進機構:試験制度:試験区分一覧

情報処理推進機構:試験制度:試験区分一覧

https://www.jitec.ipa.go.jp/1_11seido/seido_gaiyo.html

ITパスポート

https://www.jitec.ipa.go.jp/1_11seido/ip.html

カテゴリー: 未分類 | コメントする

建築資料館用wp

[WordPress] 管理画面の言語設定をユーザ毎に日本語・英語にカンタンに切り替えられるプラグイン「Bogo」

http://codenote.net/wordpress/2199.html

WordPressをマルチサイト化して多言語対応してみたので手順まとめ

http://jp.corochann.com/wordpress%E3%82%92%E3%83%9E%E3%83%AB%E3%83%81%E3%82%B5%E3%82%A4%E3%83%88%E5%8C%96%E3%81%97%E3%81%A6%E5%A4%9A%E8%A8%80%E8%AA%9E%E5%AF%BE%E5%BF%9C%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F%E3%81%AE%E3%81%A7-13.html

WordPress.comの管理画面の言語を変更する方法(英語⇒日本語)

https://ygxjp.wordpress.com/wordpress/tips/%E7%AE%A1%E7%90%86%E7%94%BB%E9%9D%A2%E3%81%AE%E8%A8%80%E8%AA%9E%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B%EF%BC%88%E8%8B%B1%E8%AA%9E%E2%87%92%E6%97%A5%E6%9C%AC%E8%AA%9E%EF%BC%89/

英語と日本語切替も可!ブログを多言語化できるWPプラグイン

https://www.iscle.com/web-it/wp/lang.html

各固定ページのページデザインをテンプレート選択で可能にする方法

http://www.wordpressmatome.com/%E5%90%84%E5%9B%BA%E5%AE%9A%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%92%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E9%81%B8/

覚えておきたいWordPressのユーザー権限の種類と登録・管理方法

http://bazubu.com/how-to-setup-wp-users-23705.html

WordPressのユーザーの権限グループについて。管理画面のスクショ、権限の追加など。

http://nskw-style.com/2014/wordpress/users-role-capability.html

複数のユーザー権限や承認フローやなどのが必要なポータルサイトの制作をしたいのですが、wordpressではこの辺りが不十分と感じています。

http://w3q.jp/t/8198

WordPressで寄稿者下書き投稿の後、管理者が承認して公開する方法

http://www.magical-remix.co.jp/magicalog/archives/3113

権限グループ(管理者/編集者/投稿者/寄稿者/購読者)毎にどのようなことができるのか

http://www.adminweb.jp/wordpress/user/index5.html

WordPressで会員制サイトを構築する際に役立つプラグイン6選

http://netaone.com/wp/wordpress-members-site-plugin/

行動履歴を取るWP Security Audit Log

http://wp.clean-navi.com/wp-security-audit-log-867.html

Crazy Bone – WordPress管理画面のログイン履歴を記録・閲覧できるプラグイン

http://netaone.com/wp/crazy-bone/

WordPress のログイン履歴を保存するプラグイン「狂骨」

https://dogmap.jp/2013/05/13/crazy-bone/

WordPressにログイン履歴機能を実装する

https://www.eyemovic.com/blog_it/5186.php

WordPress ログイン履歴を記録!不正アクセスも確認できるプラグイン「Crazy Bone(狂骨)」

http://evm-label.com/2015/04/wordpress_plugin_crazybone01/

カテゴリー: 未分類 | コメントする

wordpressに自動挿入されるPタグを削除する3つの方法

wordpressに自動挿入されるPタグを削除する3つの方法

http://hikarika.jp/ptagusakujo/

WordPressの自動挿入されるpタグを削除する方法

http://scope.minibird.jp/niji-life/archives/289

カテゴリー: 未分類 | コメントする

Gmailで無限にメールアドレスを作る簡単な3つの方法

Gmailで無限にメールアドレスを作る簡単な3つの方法

http://athomegeek.com/make-unlimited-email-address/

現在gmailを一つ持っています。 2つ目の

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q11128306141

Gmailアカウントの作り方、新規作成・複数管理・削除・復活まで(iPhone/Android)

http://appllio.com/how-to-use-gmail-account

簡単Gmail!1つのアカウントで複数のメールアドレスを使う方法。エイリアス機能を使おう!

http://kantandays.com/gmail-fukusu-address/

Gmailメールアドレス取得方法を解説

http://sonoyama.org/2150.html

Gmailアカウント1つで複数のメールアドレスを利用する方法!エイリアス機能が便利すぎる

http://blog.nzakr.com/gmail-alias/

Gmailはアカウント1つで複数のメールアドレスが持てる!

https://www.iscle.com/web-it/gmail-plus.html

Gmail活用方法|複数のアカウントを使いこなす!

http://www.infact1.co.jp/staff_blog/webmarketing/1353/

googleアカウントの作り方と複数アカウントでの追加方法

http://kanyamaru.com/596.html

Gmailのアドレスを複数に増やして活用する小技【知らないと損】

https://yamato-masanao.com/webservice/180/

容量オーバー後メールを削除したが受信ができない

https://productforums.google.com/forum/#!topic/gmail-ja/BvxVB_8__oI

Gmailの容量が足りない時にファイルサイズ指定でいっきに削除する裏ワザ

https://digitalfan.jp/114900

Gmailの容量が不足してきた時に空き容量を簡単に作る方法

http://news.mynavi.jp/articles/2015/03/23/gmailshort/

Gmailの空き容量が少なくなった時の解決策。容量の大きい添付ファイルをまとめて削除!

http://enjoy.sso.biglobe.ne.jp/archives/gmail_delete/

Gmailが一杯になったらどうなる

http://oshiete.goo.ne.jp/qa/7896735.html

Gmailの容量(15GB)の残量がわずかな時に3分で解決-容量の大きな添付ファイルを見つける-

https://mono96.jp/archives/26209

Gmailの無料容量(7GB)をオーバーしてしま

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1048100990

カテゴリー: 未分類 | コメントする

MySQL入門者必見!MySQLとデータベースの基礎を徹底解説!

MySQL入門者必見!MySQLとデータベースの基礎を徹底解説!

https://blog.codecamp.jp/my_sql_intro

【超初心者向け】MySQLとは?どこよりもわかりやすく解説

http://www.sejuku.net/blog/9021

MySQLと、PHPで、できることって、どんな

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1445580859

MySQLにできることは?初心者向け MySQL入門記事

http://tech-duct.com/matome/653

MySQLの基礎

http://www.php-labo.net/tutorial/mysql/

MySQLとは一体どんなシステム? MySQLの使用例と大きな特徴

http://type.jp/s/itips/network/i_20140219.html

PHPを勉強するならこれだけは言いたい!PHPのオススメ勉強法

http://www.kaasan.info/archives/2623

PHP初学者が学ぶ為に、本当に必要だったこと。

http://kwsktr.hatenablog.com/entry/20100108/1262976569

初心者でもほぼ無料でPHPを勉強できるコンテンツ11選

http://paiza.hatenablog.com/entry/2015/03/17/%E5%88%9D%E5%BF%83%E8%80%85%E3%81%A7%E3%82%82%E3%81%BB%E3%81%BC%E7%84%A1%E6%96%99%E3%81%A7PHP%E3%82%92%E5%8B%89%E5%BC%B7%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%8410%E9%81%B8

一週間で身につくMySQL

http://web.sevendays-study.com/mysql/

非エンジニアでも知っておきたい!データベース・MySQLの基礎【人事担当者のためのIT勉強会レポート】

https://techacademy.jp/magazine/4337

Mysql→Php→Javaの順番で勉強する

http://d.hatena.ne.jp/madtradejp/20110211/1297384795

MySQL SQLの基礎を学ぶ。

http://mysqlweb.net/article/61124249.html

カテゴリー: 未分類 | コメントする

Movabletypeサイト構築

Movabletypeサイト構築

https://movabletype.website/

これからWebサイトの制作をしたいけど、何から勉強したらいいの?っていう人のためのガイド

http://webdesignrecipes.com/web-developers-guide-to-getting-a-start-up-and-running/

独学で勉強!プログラミング学習サイト18個まとめ

http://programming-study.com/trouble/programming-site/

Perl、jQuery、Ajax、JSON、MySQL を使用した非常に単純なログイン

https://www.ibm.com/developerworks/jp/webservices/library/ws-simplelogin/

WebAPIについての説明

http://qiita.com/busyoumono99/items/9b5ffd35dd521bafce47

カテゴリー: 未分類 | コメントする

WebサイトへのGoogleMap埋め込みと、デザインや機能のカスタマイズ方法

WebサイトへのGoogleMap埋め込みと、デザインや機能のカスタマイズ方法

新googlemapを簡単に埋め込む方法

GoogleMapの埋め込みコードを取得する方法がまたまた変わっていました

Google Maps JavaScript API v3の使い方まとめ (サンプルコード付き)

Googleマップをホームページに埋め込む(新仕様)
http://pasopia.velvet.jp/sub/homepage/map/

http://pasopia.velvet.jp/sub/homepage/map2/index.html

GoogleMapの埋め込みと、デザインやアイコンの変更などをカスタマイズする方法

コントロール

マップタイプ

カテゴリー: 未分類 | コメントする

エクセルの「行」と「列」どっちが縦でどっちが横か判別する方法

エクセルの「行」と「列」どっちが縦でどっちが横か判別する方法

カテゴリー: 未分類 | コメントする

今までで一番高機能かもしれないjQueryプラグインのスライドショー「camera」

今までで一番高機能かもしれないjQueryプラグインのスライドショー「camera」

jQueryでカッコいいスライドショーを実装する方法

シンプルでフレキシブルでレスポンシブなlightboxプラグイン「Nivo Lightbox」

コンテンツスライダー、カルーセルスライダーにもなるjQueryプラグイン「bxSlider」

ECサイトで使えそうな写真をズームできるjQuery – Cloud Zoom –

ナビゲーションを上部に隠すjQueryを実装してみました

カテゴリー: 未分類 | コメントする

「やさしいPHP」はやさしくない

気づけばプロ並みPHP 副読本:お助け電子BOOKへの寄稿の顛末

気づけば プロ並み PHP

PHPの学習におすすめの参考書籍8選

「やさしいPHP」はやさしくない

基礎からのMySQLを読めば掲示板が作れる

「PHP MySQLマスターブック」読んだ感想

「気づけばプロ並みPHP~ショッピングカート作りにチャレンジ!」読んでみた!

phpわかんないから「いきなりはじめるPHP」読んでみた

PHPエディタならSublime Text (サブライムテキスト)がおすすめ

やさしいPHP 第3版

詳解MySQL 5.7 止まらぬ進化に乗り遅れないためのテクニカルガイド

やさしく学べるMySQL運用・管理入門

新版Perl言語プログラミングレッスン入門編

ゼロからわかる CGI/Perl超入門

カテゴリー: 未分類 | コメントする

BEMをSassで快適に書く方法

BEMをSassで快適に書く方法

BEMでmodifierを作る時に便利な&の変数化パターン

CSSとSassのコーディングスタイルガイドを作ってみた

BEMという命名規則とSass 3.3の新しい記法

SASSを使ってBEMで記述

SassでBEMる時に便利なmixin

Sassがきっかけで変化したCSSコーディング。BEMを取り入れてみました。

現場で役立つ実践Sass(2)セレクタをもっと便利に書く

脱カオスなCSSのために実践している7つの事

それほど便利ではないSass(SCSS)について語る

ツクメモ的、CSSの命名規則、BEM(ベム)の使い方決定版!

カテゴリー: 未分類 | コメントする

perlでできることを具体的に教えてください

perlでできることを具体的に教えてください

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1399310053

perlってどういう使い道が主に多いですか

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1272490812

Perlの基礎知識

https://allabout.co.jp/gm/gl/25218/

Perl(パール)とは

http://pckyousitu.com/perl.html

対談「初心者とハッカーが共存できるPerl」

http://itpro.nikkeibp.co.jp/article/COLUMN/20071011/284282/

そもそも「Perl」って何ですか?

https://allabout.co.jp/gm/gc/405490/2/

SNSサイトの「mixi」や有名なブログツール 「Movable Type」も Perl で作られているんですよ。

カテゴリー: 未分類 | コメントする

Sassがきっかけで変化したCSSコーディング。BEMを取り入れてみました。

Sassがきっかけで変化したCSSコーディング。BEMを取り入れてみました。

Bootstrapでレスポンシブなレイアウトを組むときの要点覚え書き

これでいいのか?WordPress制作のワークフロー

OOCSS(オブジェクト指向CSS)のススメ

【まとめ】webデザイナー必見! スマホデザインの参考になるサイト

使いやすいWordPressのためのCSSのつくりかた

動きがユニークで参考になるメニュー系のUIアニメーションまとめ10選

【WEBデザイン10選】これぞ進化系!今どきのレスポンシブWEBデザインサイトまとめ

僕が思う最高にお洒落ですごいスマホサイト13選

UIデザインの動きまで共有できるモックアップ作成ツールまとめ

これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編)

優れたUIデザインを作るために知るべき12のTips

優れたUIデザインを作る為に重要なことは何か

見ないとトレンドに乗り遅れるWebデザイン&スマホデザインまとめサイト33選

面白いスマホサイトとは?動きが面白いスマホサイトまとめ

スマホのメニューデザインに悩んだらこれを見る 徹底収集36選!

UIデザインのアイデアを探す時にチェックしたいサイトのまとめ

2017年の流行を先読み!ウェブデザインを考える際に気に留めておきたい7つのトレンド

ユーザーの心をつかむ!動きが秀逸なWebサイト5選(1)

カテゴリー: 未分類 | コメントする

スマホアプリのデザインで必ず押さえておきたいサイト&ツールまとめ

スマホアプリのデザインで必ず押さえておきたいサイト&ツールまとめ

イラレ信者の私がUIデザインではSketchをおすすめする理由

デザインにおけるペルソナ設定の難しさ

モーショングラフィックスをはじめるためのソフト10選

スクロールエフェクトが楽しすぎて最後まで見てしまうWebサイト14選

クリエイター必見!「Lyric Video」がアイディアの宝庫でおもしろい

保存版!CSS3で出来る素敵なデザインやアニメーションをまとめてみた

CSSのみで実装するボタンデザインやホバーエフェクト 20+α

スマホ対応のパララックスデザインサイトをまとめてみた

動きをたのしむ、面白レスポンシブWebデザイン参考例26個まとめ

モバイルの使いやすさを劇的向上!参考にしたい7つのポイントまとめ

【動きが素敵!】マテリアルデザインをよく理解できるUIデザインまとめ

【厳選】サイトをリッチに見せる背景効果3選

【Android版】動作が重くなったスマートフォンを軽くする6つの方法|【初心者向けスマホ講座】

Webとは一味違うスマホアプリの動的UI設計は、「脱・ワイヤーフレーム思考」で【連載:えふしん⑫】

スマホアプリのイケてるエフェクトまとめサイト「UI APPS」

スマホ・アプリのデザイン参考サイト5選

アプリのUIデザインと配色パターンまとめ(非デザイナー向け)

カテゴリー: 未分類 | コメントする

私が売れるランディングページを作れる様になる迄の3年で学んだ7つの事

私が売れるランディングページを作れる様になる迄の3年で学んだ7つの事

サイトのコンバージョン率を簡単に3倍にするたった4つのテクニック

ランディングページで平均4,2%の成約率を出すために行っている27の手順

売れるサイト作成に必須!たった4つのWEBデザインの基本法則

ランディングページの簡単な改善で成約率が大幅に上がった5つの事例

WordPressカスタマイズの基礎が全て分かる初心者必読の記事10選

SEO対策|検索上位を独占するために弊社が行っている36の手順

カテゴリー: 未分類 | コメントする

WebデザイナーのためのJavaScript、jQueryの勉強法

WebデザイナーのためのJavaScript、jQueryの勉強法
プログラミングの基礎スキルをがっちり固める

次にやっておきたいことは、プログラミング自体の基礎をがっしり固めることである。特定の言語に依存しない”基礎スキル”をつけておくと一生の財産になる。JavaScriptの本ではないが、『新版Perl言語プログラミングレッスン入門編』をおすすめしたい。配列、ハッシュ、条件、ループ、正規表現、コンテキストの基礎がしっかりみにつく良書である。

とくに、コンテキストは重要な章である。入門書でコンテキストだけで専用の章を割いているのはすごい。この概念はJavaScript以外の言語をやる場合でも、のちのち役に立つだろう。

もしjQueryを習得する気になったなら、まずはJavaScriptから![jQuery/JavaScript]

JavaScriptでゲームを作ろう!おすすめ学習本5選

カテゴリー: 未分類 | コメントする

土日でJavaScript入門!ムダのないオススメ勉強方法をご紹介!

土日でJavaScript入門!ムダのないオススメ勉強方法をご紹介!

http://recipi.jp/study/221

スマホにも対応!写真を360度ぐるっと回転できるjQueryプラグインまとめ

http://w3q.jp/t/4498

http://www.360slider.com/

カテゴリー: 未分類 | コメントする

WAI-ARIA

WAI-ARIA の基礎知識

http://website-usability.info/2014/04/entry_140415.html

WAI-ARIA

http://uhyohyo.sakura.tv/html/6_10.html

Web アプリケーションと ARIA の FAQ

https://developer.mozilla.org/ja/docs/Web/Accessibility/ARIA/Web_applications_and_ARIA_FAQ

WAI-ARIAの誕生と現状

https://www.mitsue.co.jp/column/backnum/20090501.html

HTML5 + WAI-ARIA: 入門篇

http://terkel.jp/archives/2010/08/beginning-html5-and-wai-aria/

カテゴリー: 未分類 | コメントする

企業からスカウトが来る!おすすめ逆求人系就活サイト10選

企業からスカウトが来る!おすすめ逆求人系就活サイト10選

http://jibunlife.hateblo.jp/entry/20160601_scout

カテゴリー: 未分類 | コメントする

レスポンシブWebデザインの基礎

レスポンシブWebデザインの基礎

http://documentslide.com/technology/web549549a8b47959993a8b45f5.html

レスポンシブWebデザイン ワークフロー

http://documentslide.com/design/web-556a4925d8b42a4a1e8b4fa5.html

レスポンシブWebデザインの実践ワークフロー(WDS)

http://documentslide.com/technology/webwds.html

レスポンシブWebデザインのサイトを作る前に

http://documentslide.com/design/web55921f651a28abe4598b4588.html

カテゴリー: 未分類 | コメントする

アイコンフォントが手軽に使える「IcoMoon」の使い方

アイコンフォントが手軽に使える「IcoMoon」の使い方

[CSS]無料で使えるWEBフォント「Google Web Fonts」の使い方

PDF やWord、Excel などのリンクに自動でアイコンを表示させる方法

[CSS]ol のリストで①や②などの丸数字を表示させる方法

icomoon

アイコンフォントをicomoonで生成してサクっと導入するよメモメモ

無料でできる!オリジナルアイコンフォントを作ってみよう

SVGでアイコンフォントをつくるならIcoMoonがオススメ!

イラレのSVG出力時は文字をアウトライン化してさらにパスの単純化でダイエットしよう

情報をデザインする力 ~ 30日間チャレンジ「毎日ブログの記事を書く」を終えて

SVGとJavaScriptでユーザーが操作できるアニメをつくる

簡単6ステップ!オリジナルアイコンフォントの作り方

IllustratorとIcoMoonでSVGスプライトのラクラク設定!

自作のアイコンフォントを「IcoMoon App」で作成する

PhotoshopでFont Awesomeを利用する方法 ( PNG & SVG )

[み]画像は使わない!CSS3とWebフォントだけでステキなボタンをつくる方法

アイコンフォントをPhotoshopで使用して作業効率を上げる方法

【Fontello】アイコンを選んでWebフォント化してくれるジェネレータ

アイコンはもうSVGに決まり!効率よく使うワークフローを考えてみた

Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い?

游ゴシックとヒラギノとメイリオの見比べた結果、font-familyには游ゴシックを指定したい

プロは知ってる。メイリオに変わる新標準フォント”游ゴシック”

フリーアイコン・イラスト素材の無料ダウンロードサイト41選

食わず嫌いしていたけど、実はとっても使いやすい「アイコンフォント」

SVGの書き出しおよび表示方法

いまさら聞けない無料のアイコンフォントの導入の仕方・使い方

Web制作で使えそうなアイコンフォント

脱Bootstrapガイド 〜フルスクラッチCSS〜

カテゴリー: 未分類 | コメントする

Google Analyticsのページ遷移を分析して目的のページへ誘導させる方法

Google Analyticsのページ遷移を分析して目的のページへ誘導させる方法

Googleアナリティクスでページ遷移をナビゲーションサマリーを使って見れば読者目線が分かってくる

「ユーザーの動線分析」って、Googleアナリティクスで、どうやればいいのでしょうか?

アナリティクスでユーザーの動きを確認するユーザーフローの使い方

まずはココだけおさえる! Googleアナリティクスの見方5選

ぱぱっとブログのアクセス解析にグッドな『Page Analytics(by Google)』

うんと楽しくなるホームページの作り方がこれ!『コンセプトダイアグラムとは?』

Googleアナリティクスのすごい使い方!バブルチャートで検索経由の売上を増やそう

リスティング広告の目標設定で決めておくべき3つのポイント

具体例で理解する検索連動型広告再入門一覧

カテゴリー: 未分類 | コメントする

jquery.cookie.jsを利用して文字サイズを変更する

■文字サイズを変更できるjQueryプラグイン(高速道路機構HP改修に使用)

http://kohe.icebear.jp/blog/311

■[ プログラミング ] jquery.cookie.jsを利用して文字サイズを変更する(JKAリニューアルに使用)

http://coolwebwindow.com/jquery-lab/archives/114

■文字「大・中・小」、フォントサイズの切り替え【jQuery】

http://ameblo.jp/c-simon/entry-11850627912.html

■CSS切替なしでフォントサイズを変更するjQueryのスクリプト

http://web-mugen.com/javascript/jquerynochangecssfontsizechange/

————————————————————————————

■ドロップダウン

●CSSだけで作る動きのあるドロップダウンメニュー

http://weboook.blog22.fc2.com/blog-entry-359.html

●CSSだけで作る「多階層」なドロップダウンメニュー

http://weboook.blog22.fc2.com/blog-entry-383.html

————————————————————————————

————————————————————————————

■bxSlider

●jQueryプラグイン「bxslider」を利用してサムネイル付スライダーをつくる

http://560days.com/lab/2013/02/001244.php

簡単!bxSliderでスライドショーを作成

http://www.narugaro.com/web/%E7%B0%A1%E5%8D%98%EF%BC%81bxslider%E3%81%A7%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E3%82%B7%E3%83%A7%E3%83%BC%E3%82%92%E4%BD%9C%E6%88%90/

カルーセルスライダーbxSlider

http://blog.alan-trigger.info/?p=116

簡単にコンテンツスライダーを実装できるjQueryプラグイン「bxSlider」の実装サンプル

http://www.nxworld.net/tips/jquery-plugin-bxslider-examples.html

【jQuery】スライダーで、1枚の時は動作しないようにする。

http://kyonodesing.hatenablog.com/entry/2015/02/11/135023

jQuery レスポンシブ・スライダー bxSlider

http://www.webdesignleaves.com/wp/jquery/843/

【初心者向け】簡単・おすすめ「jQuery」と「bxslider」によるスライドショーの設定方法

http://matome.bgah.jp/javascript-bxslider/

jquery.bxslider.jsの使い方やオプションなどのまとめ

http://cly7796.net/wp/javascript/plugin-jquery-bxslider/

「bxSlider」の使い方2 ~サムネイルをカールセルにしたスライドショー~

http://www.plusdesign.co.jp/blog/?p=3037

————————————————————————————

■CodeStudy

http://jeek.jp/study/exp?banner=8

■お気に入りのJavaScript学習サイト”CodeStudy”

http://www.b-chan.jp/entry/programming/JavaScript-CodeStudy

■JavaScript入門編

http://wp-p.info/tpl_rep.php?cat=js-biginner&fl=r1

■富士通のサイトのようなブロック・スキップを時には表示させ、時には非表示にする実装

http://blog.e-riverstyle.com/2010/10/js-8.html

■フォーカスした時に、ブロックスキップを表示させ、フォーカスが外れたらブロックスキップを非表示にさせるjQueryプラグイン「focusBlockSkip」を開発しました。

http://blog.e-riverstyle.com/2010/10/jqueryfocusblockskip.html

■【アクセシビリティ対応】ブロックスキップを実装した際の「tabindex」の処理について

http://www.web-genba.com/entry/2015/06/24/011834

カテゴリー: 未分類 | コメントする

jsで:before :after疑似要素にアクセスする

jsで:before :after疑似要素にアクセスする

スマートフォンに対応したレスポンシブメニューを実装するときに役立つリソース

afterやbeforeなどの擬似要素にクリックイベントを発生させたいのですが

JSLint とJSHintどっちがいいの?

import.css、import.jsって使ってます?

javascriptかjQueryを勉強しようと思っているのですが、どちらの方を先にすればいいでしょうか?

カテゴリー: 未分類 | コメントする

CSSで実装する見た目もコードもシンプルなボタンサンプル【決定版】

CSSで実装する見た目もコードもシンプルなボタンサンプル【決定版】

カテゴリー: 未分類 | コメントする

グサリっ!ホームページのリニューアルを成功させる急所

グサリっ!ホームページのリニューアルを成功させる急所

カテゴリー: 未分類 | コメントする

ぜんぶ無料!スマホサイトを素人でも制作会社に頼らず作成できるツール6個

ぜんぶ無料!スマホサイトを素人でも制作会社に頼らず作成できるツール6個

カテゴリー: 未分類 | コメントする

今日でサヨナラ。Photoshopのトーンカーブの使い方を知らずただグリグリしてる僕と。

今日でサヨナラ。Photoshopのトーンカーブの使い方を知らずただグリグリしてる僕と。

カテゴリー: 未分類 | コメントする

スゲぇと噂のスタイルシート!『Sass』をサクッとブラウザで試すところまでやる。

スゲぇと噂のスタイルシート!『Sass』をサクッとブラウザで試すところまでやる。

カテゴリー: 未分類 | コメントする

江口寿史さんがたった5分で描いたスケッチがすごい【画像】

江口寿史さんがたった5分で描いたスケッチがすごい【画像】

本日お誕生日の江口寿史氏の5分間スケッチとその説明

カテゴリー: 未分類 | コメントする

【必ず繰り返す】【超重要・最重要・保存版】html5 css3 レスポンシブ cssハック 下位バージョンのブラウザでもhtml5 css3を使用するために読み込むデータ一覧

【制作において最重要】

html5 css3 レスポンシブ cssハック 条件付コメント ベクタープレフィックス 下位バージョンのブラウザでもhtml5 css3を使用するために読み込むデータ一覧
【制作・コーディング時のお助けソフト】
NoEditer
IP Messenger
IEテスター
miChecker
RWD Bookmarklet
Resizer
Wirify by Volkside
WhatFont
WhatFont Tool — これは便利!使われているWebフォントがすぐ分かるブックマークレット

http://blog.petitboys.com/archives/whatfont-bookmarklet.html

http://chengyinliu.com/whatfont.html

font-family一覧

http://gelsol.sub.jp/wp/?p=125

Color Scheme Design

http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF

配色探し!テーマカラーに合う色を配色

http://ironodata.info/search/

fontsize em px

http://pxtoem.com/

カラー・コントラスト・アナライザー 2013J

http://weba11y.jp/tools/cca/index.html

日本工業規格の『JIS X 8341-3:2010』
7.1.4.3 最低限のコントラストに関する達成基準
テキスト及び画像化された文字の視覚的な表現には,少なくとも4.5:1 のコントラスト比がなければならない。

a) 大きな文字
サイズの大きなテキスト及びサイズの大きな画像化された文字には,少なくとも3:1 のコントラスト比がある。
注記 サイズの大きなテキストとは,半角の英数字の場合,少なくとも18 ポイント又は14 ポイントの太字であり,日本語,中国語及び韓国語のフォントでは,それと同等の文字サイズである。日本語を含む場合,少なくとも22 ポイント又は18 ポイントの太字と考えるとよい。
b) 附随的
テキスト又は画像化された文字において,次の場合はコントラストの要件は該当しない。アクティブではないユーザインタフェースコンポーネントの一部である,装飾だけを目的にしている,だれ(誰)も視覚的に確認できない,又は重要な他の視覚的なコンテンツを含む写真の一部分である。
c) ロゴタイプ
ロゴ又はブランド名の一部である文字には,コントラストの要件はない。
注記 この達成基準は,等級AA の達成基準である。

引用元:JIS X 8341-3:2010「7. ウェブコンテンツに関する要件」

使いたいときの HTML特殊文字 & 機種依存文字

http://www.benricho.org/symbol/tokusyu_01_usefull.html

パソコンの、現在のウィンドウサイズを調べる

http://www.benricho.org/Tips/browse_size.html

Wappalyzer(ブックマークレット有り)

https://wappalyzer.com/download

あまりCMSに関する精度は高くなく、一部埋め込みや、根本からテーマを構築するような作り方をしたサイトは解析できません。

公開サイトにどのCMSが使われているか見分ける方法

http://webbingstudio.com/weblog/cms/entry-162.html

■firefox アドオン
Link Checker
HTML Validator

メールアドレスの HTML エンティティ化

http://subsite.icu.ac.jp/people/koba/make_html_entity.html

ヘボン式ローマ字変換

http://hebonshiki-henkan.info/

【参考】
Webサイトの横幅まとめ

http://ultra.zone/website_width#ctgy=all

サイトデザインの横幅の基準はこれだ!お役立ち記事まとめ&事例9選で何ピクセルかもう迷わない

https://promonista.com/width-of-site/

デザインは8の倍数でできている

http://ameblo.jp/ca-1pixel/entry-11837685575.html

データベースの役割、できること

http://mamsql.blogspot.jp/2012/04/blog-post_04.html

まず、俗に言う「データベース」ですが、何をするためのものなのか、果たしてその正体は?ということなのですが、「データを溜め込んでおいて、管理し、手っ取り早く必要なデータを抜き出しやすくしたもん」です。

これ以上でもなく、これ以下でもないです。

どこどこ社には、ペタバイトスケールの巨大なデータベースがあってだな…みたいなさもすごいもののように扱われるんですが、基本的なところはこれだけです。

で、データベースと一口に言っても色々あるのですが、MySQLだ、PostgreSQLだ、Oracleだ、SQLserverだってのは、「RDBMS」と呼ばれるものです。

これはデータベースの一種でして、広く知られ様々な場面で活躍するデータベースです。

またRDBMSごとに歴史的経緯、特徴、ライセンス形態などから使い分けがされておりまして、私のようなPHPスクリプターは、MySQLを選択することが多いと思われます。
PostgreSQLでもいいんですけどねー。勿論扱えますよ。
しかしながら、LAMP環境(Linux,Apache,MySQL,PHP)と言う言葉があるくらい、使われているわけです。

MySQLと、PHPで、できることって、どんな

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1445580859

MySQLの基礎

http://www.php-labo.net/tutorial/mysql/

基礎から始めるデータベース入門セミナー

http://www.oracle.com/technetwork/jp/articles/index-313275-ja.html

データベースの役割

http://www.newsbit.info/note/20011010.html

JavaScriptを学べるプログラミング学習サイト5選

https://geechs-magazine.com/tag/lifehack/20160106


初心者でもほぼ無料でJavaScriptを勉強できるコンテンツ17選

http://paiza.hatenablog.com/entry/2015/03/03/%E5%88%9D%E5%BF%83%E8%80%85%E3%81%A7%E3%82%82%E3%81%BB%E3%81%BC%E7%84%A1%E6%96%99%E3%81%A7JavaScript%E3%82%92%E5%8B%89%E5%BC%B7%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%8417

Progate

https://prog-8.com/

CodeStudy

https://jeek.jp/study/exp

web typography
30 of the Best Web Typography Resources Online

http://www.webdesignerdepot.com/2010/06/30-of-the-best-web-typography-resources-online/

Web-Typography Tool: CSS-Typeset Matrix and code generator

http://www.jan-quickels.de/tools-web-typography/

csstypeset

http://csstypeset.com/

フォントの各指定を見ながら出来る。(font-familyも指定できる)

IcoMoon
アイコンを選んでwebフォントにすることが出来る。
SVGをアップロードして自作のアイコンをwebフォントにすることも可能。
必要なアイコンのみを選ぶので、フォントサイズの削減にもつながる。

面倒なCSS3のベンダープレフィックスを自動で付けてくれる -prefixMyCSS

http://coliss.com/articles/web-services/online-vendor-prefixes-add-prefixmycss.html

[JS]面倒なCSS3のベンダープレフィックスを自動で付与するスクリプト -Prefix free

http://coliss.com/articles/build-websites/operation/javascript/js-prefixfree.html

jQueryなど他のスクリプトは必要ありません。
link要素でもstyle要素でも全てのスタイルシートに対して、必要なベンダープレフィックスを自動で加えます。
※@importしたスタイルシートはサポートしていません。
スタイルの属性を持っているエレメントに対して、必要なベンダープレフィックスを自動で加えます。
後から加えられたlink要素とstyle要素にも対応します。
後から加えられたエレメントにも対応します。
setAttribute()で変更したスタイルにも対応します。
既にベンダープレフィックスを使用しているプロパティには、適用されません。
対応ブラウザ

IE9+
※IE8はCSS3をほとんどサポートしていないため、Prefix freeを使うことはないでしょう。
Opera 10+
Firefox 3.5+
Safari 4+
Chrome

<script type="text/javascript" src="prefixfree.js"></script>

CSS3のベンダープレフィックスを自動で付けてくれる手軽で軽量なJavaScriptライブラリ・cssFx.js

http://kachibito.net/web-design/cssfx-js.html

Sassでベンダープレフィックスを自動で付与する

https://www.xenophy.com/sass/2795

Sublime Textで自動的にベンダープレフィックスを追加してくれるAutoPrefixerが便利

http://zxcvbnmnbvcxz.com/autoprefixer/

CSS3を使う時に面倒なベンダープレフィックスについてのまとめ

http://matome.naver.jp/odai/2132802443152232501

ベンダープレフィックスの順序

http://kojika17.com/2013/02/ordering-vender-prefix.html

ベンダープレフィックスを調整してくれるgrunt-autoprefixer

http://www.tam-tam.co.jp/tipsnote/javascript/post4084.html

ベンダープレフィックスを良い感じにしてくれるautoprefixerを試した

http://kerotaa.hateblo.jp/entry/2013/09/21/184552

JavaScriptのフレームワークをいろいろ使えるオンラインエディタ JSFIDDLE http://blog.nully.org/2011/06/01/javascript-library-multi-uses-online-editor-jsfiddle/
コードを書き終えたら、上部にあるRunボタンを押すことで実行結果画面に実行結果が表示されます。

VELOSITEY PHOTOSHOP EXTENSION(Photoshop素材)

http://dandkagency.com/extensions/velositey/

まるで魔法!Webレイアウトを数回のクリックで完成させる『Velositey』/要Photoshop

http://websae.net/velositey-20140331/

デザインで悩んだときに役立つ背景画像の無料フリー素材配布サイト12選

http://liginc.co.jp/designer/archives/6523

こいつは便利!FacebookやTwitterの最新のレイアウト用のPSD素材がすぐに利用できるPhotoshopの機能拡張 -Social Kit

http://coliss.com/articles/build-websites/operation/design/photoshop-extension-socialkit-for-social-services.html

「Source」のPhotoshopプラグインが便利!無料で使えるSNSテンプレやアイコンなど

http://liginc.co.jp/web/design/photoshop/127929

Subtle Patterns | Free textures for your next web project.

http://subtlepatterns.com/

ウェブサイトをピクセル単位で測定する
MeasureIt http://jutememo.blogspot.jp/2014/05/measureit.html

制作したサイトがスマホやタブレットでどんな感じに表示されるかをチェックできるツール「Screenfly」が使えそう。

http://cashew.hatenablog.com/entry/2014/04/22/074632

スマフォやタブレットの画面幅で表示確認できるChromeエクステンション「Mobile Layouter」

http://tar.blogru.me/entry/2014/05/17/080000

スマホやタブレットでの表示確認はGoogle Web Developer Toolsで

http://wild-cards.net/tool-google-web-developer/

【まとめ】スマホやタブレットでのサイト表示チェックに役立つオンラインサービス5選

http://freesoftdownload.1-yo.com/web-services/free-5-online-services-resolution-check-for-website.html

パソコンでスマホやタブレットの表示を確認出来るGoogle Choromeデベロッパーツール

http://motoshige.net/blog/archives/4897

【まとめ】Webサイトロゴや名刺にも使える企業ロゴが簡単に作れるオンラインサービス5選

http://freesoftdownload.1-yo.com/web-services/5selected-free-logo-maker-services.html

Thumbs.dbや.DS_StoreなどMacとWinの不要ファイルを一括削除するAIRアプリ : カス削除くん

http://freesoftdownload.1-yo.com/utility/recovery/kasu-sakujo-kun.html

Another HTML-lint gateway HTML文書の文法をチェックし、採点します

http://openlab.ring.gr.jp/k16/htmllint/htmllinte.html

写真AC
イラストAC

————-firefoxアドオン
Firebug
FireShot
LinkChecher //リンクチェック
Html Validator
page saver // スクリーンショットを撮るfirefoxアドオン

手軽にリンク切れチェックできるFirefoxアドオン『LinkChecker』

http://web.haioku.net/linkchecker/

Adobe Photoshopで文字をはっきり、くっきりさせる方法

http://dxd8.com/archives/90/

CSSハック一覧 -よく使うものをメモ- 【IE6、IE7、IE8、IE9、Firefox、Safari、chrome、Opera】

http://mitama-design.com/blog/cate_htmlcss/csshack.html

CSSハックを使わずIE6、IE7、IE8を条件付きコメントでバグに対処!

http://mitama-design.com/blog/cate_htmlcss/iehack.html

フォームでの全角⇒半角変換(電話番号、メールアドレス)自動変換

http://company.miyanavi.net/archives/1315

IE9以下にHTML5とCSS3とレスポンシブwebデザインを対応させる。

http://topsecret.boy.jp/sfp/blogs/?p=253

【PHPで何ができるか】

http://www.flzphp.com/

具体的に何ができるのか…、それはもう、いろんなことができます。でもPHPはブラウザに特化した言語です。できるのはブラウザで表示できることに限られます。しかし、Java Script とは逆の性格ですから、絵が動いたり、マウスを蝶々が追いかけてきたり、そんなことはできないのです。

PHPを覚えると何ができるのか??

http://oshiete.goo.ne.jp/qa/2988059.html?from=recommend

HTML→JavaScriptかPHPが一番面白いし、プログラムの勉強になります。

phpにcssを適応させたいのですが?

http://oshiete.goo.ne.jp/qa/1488708.html?from=navi_recommend

できます。 PHPはただ単にHTMLをはき出しているだけです。 HTMLを出力しているところでCSSを指定すればいいだけです。

“print”と”echo”の違いを教えてください

http://oshiete.goo.ne.jp/qa/3194358.html?from=navi_recommend

普通に使用する分にはほとんど違いはないです。 細かい違いをあげれば echo は “,”で複数の出力が出来る echo $a, “test”, $b; // OK print $a, “test”, $b; // エラー “.”で文字列結合するより若干早いようです。 ただし echo ($a, “test”, $b); //これはエラー print は関数のように使える(戻り値1を返す) ($a) ? print “true” : print “false”; // OK ($a) ? echo”true” : echo”false”; // エラー echo は短縮形が使える

HTML5を利用しCSSのみでレスポンシブサイト作る(HTML5のテンプレート付き!)

http://webpad.felicyle.com/web-create/media-queries-html5/

HTML5+CSS3は「メニューの作り方」を覚えるだけ! (1/3)

http://www.atmarkit.co.jp/ait/articles/1302/19/news013.html

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />ページタイトル名
<!-- IE8以下のための要素認識JS -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
<!-- 新要素のブロック要素への変換 -->
				<link href="css/html5.css" rel="stylesheet" />
<!-- スタイル設定 -->
				<link href="css/style.css" rel="stylesheet" />

これがベースとなります。しかし、HTML5はInternet Explorer 8以下には対応していないので、これらのブラウザでも問題なく表示されるよう対処しておく必要があります。それが内の「html5shiv.js」と「html5.css」になります。 html5shiv.jsは、

などのHTML5の新しい要素を認識させるポリフィルなライブラリで、こちらから入手できます。 また、html5.cssは新しい要素をブロック要素化するもので、以下のように記述してCSSファイルとして自分で用意しておきます。

レスポンシブWebデザインをIE8に対応させる方法 http://www.aiship.jp/knowhow/archives/8311 IE8以下にHTML5×レスポンシブウェブを対応させるJS http://blog.w-make.com/web-work/responsive/ie8down.html 簡単なサンプルで学ぶ!ゼロからはじめるレスポンシブWebサイト初級編 ~メディアクエリを使ってCSSを分岐させる~ http://www.html5-memo.com/css3/mediaqueries-sample01/ XHTMLでコーディングしたソースで、CSS3のメディアクエリを使って、PC、タブレット、スマートフォンの3種類のデバイスに対応させる場合のデモソースを用意しましたのでHTML5の新要素の使い方がわからなくてもやりやすいと思います。 IE6~8に対応するためのjsの設定 メディアクエリをIE6~8に対応させるためIE8以下の場合にrespond.jsを読み込ませます。

<!-- IE6~8に対応するrespond.jsを入れる。 -->
<!--[if It IE 9]>
<script src="js/respond.js"></script>
<![endif]-->

CSSで調整できない部分はHTML上でクラスを使ってCSSで表示・非表示を切り替える
スマートフォン端末での読み込みの要領などを考慮するとあまり多様はしない方が良いですが、今回グローバルナビの画像をPCでのクリックとタブレット・スマートフォンでのタップを考えてどうしても変えたかったので、HTMLで別々のclassを付けてそれぞれのCSSで表示・非表示を切り替えました。

レスポンシブの考え方

IE9以下にHTML5とCSS3とレスポンシブwebデザインを対応させる。

http://topsecret.boy.jp/sfp/blogs/?p=253

【レスポンシブ対応】 「css3-mediaqueries-js」はie9に対応。 「Respond.js」はie9以下に対応。 【HTML5】 ie8以前のブラウザにHTML5を対応させるには 「html5shiv.js」が必要。
ダウンロードすると「html5shiv.js」と「html5shiv-printshiv.js」が入っていますが、 こちらはは印刷時のサポート機能なので、印刷時のサポート機能が必要であれば「html5shiv-printshiv.js」を 使用するといいそうです。
さらに追求するためにCSS3 PIEを導入する
以下ソースコード有り

<meta name="viewport" content="user-scalable=1,initial-scale=1,minimum-scale=1,maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="" />
<meta name="keywords" content="" />

<!-- ※デフォルトのスタイル(style.css) -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- ※スマートフォン用のスタイル(smart.css) -->
<link href="css/smart.css" rel="stylesheet" media="all" type="text/css" />
<!-- ※タブレット用のスタイル(tablet.css) -->
<link href="css/tablet.css" rel="stylesheet" media="all" type="text/css" />
<script type="text/javascript" src="js/lib/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/respond.src.js"></script>
<!--[if lt IE 9]>
<script src="/js/dist/html5shiv-printshiv.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

PHPの内部エンコーディングでUTF-8を使う
http://lets.postgresql.jp/documents/tutorial/with_php/utf8_as_int_enc/ mb_convert_encoding

— 文字エンコーディングを変換する

http://php.net/manual/ja/function.mb-convert-encoding.php

PHPで文字コードをSJISからUTF8に変換する方法

http://hamamuratakuo.blog61.fc2.com/blog-entry-446.html

mb_internal_encoding
日本語エンコードの設定・取得

教えてマリオ お問い合わせフォームの作り方⑦

http://www.mariodesign.net/inqlesson7/

こちらのサイトは大変勉強になり、ありがとうございます。質問ですが、サンプルのinq03.phpで送信結果の文字化けがなかなか直らず、色々調べた結果、 mb_language(‘ja’); mb_internal_encoding(‘utf-8′); を入れ mb_convert_encodingは全てコメントアウトしたら良くなりましたが、これで何か問題はあるのでしょうか?

【webサイト制作のスキルを上げる方法】
Webデザイン完コピのススメ!ゼロから始める初心者は、まず沢山のページを模写し真似して作るべし!

http://www.web-labo.jp/archives/1946

Webデザイン力をアップさせる4つのアクション

http://www.actzero.jp/developer/report-3826.html

WEBデザインが短期間で上達した方法

http://blog.idea-clippin.com/?p=332#comment-111

「独学でがんばるWebサイト制作勉強方法」

http://akki-web.com/category/dokugaku-benkyou/

色んなwebデザイナーの方の勉強方法まとめてみました

http://nh-lab.com/web-design-work-study/

素早く確実にWEBデザインをするための手順

http://blog.idea-clippin.com/?p=376

1.資料を確認する
2.打ち合わせする
3.デザインを考える
4.作り込んでいく
5.確認する
6.コンセプトを文章にする

デザインができあがったら、コンセプトを文章にします。 文章にすることで、自分のデザインの曖昧な部分を気づくからです。
・デザインコンセプト
・レイアウトについて
・配色について
・メインイメージについて
あたりを書くようにしています。 上手く説明できないようなら、 適当に作ったり、苦しまぎれにデザインしたり、 何となくデザインしていることが多いです。 その箇所は再度デザインを考え修正します。

Webデザインのスキルを磨こう!Webサイト模写のススメ

http://www.webcreatorbox.com/tech/improve-design-skills/

デザイン現場の目線で“リアルに語る” 実践! WEBビジュアルデザイン

http://www.mdn.co.jp/di/articles/2332/

デザイン力を鍛える!Webデザインのフロー別セオリーと知識まとめ

http://blog.idea-clippin.com/?p=889

今からでも間に合う!レスポンシブWebデザイン作り方のまとめ

http://blog.idea-clippin.com/?p=830

フラットデザインまとめ参考サイト

http://fltdsgn.com/

年末だし、デザイナーが国産、国内フラットデザイン厳選31Webサイトまとめてみた【2013総集編】【まだ間に合う】

http://color-full-web.com/web/matome_flat/

【webfont】 Webフォントを利用した、画像を使わないWebサイトの作り方

http://biboroku.watanabehiroki.net/?p=703

XHTML1.0で使用している

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></pre>
<style type="text/css"><!--
@font-face{     font-family: 'WebSymbolsRegular';     src: url('/fonts/websymbols-regular-webfont.eot');     src: url('/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),          url('/fonts/websymbols-regular-webfont.woff') format('woff'),          url('/fonts/websymbols-regular-webfont.ttf') format('truetype'),          url('/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); } #site_title:before{     font-family: 'WebSymbolsRegular';     content:'S'; }
--></style>
<pre></pre>
<div id="site_title"><a href="http://biboroku.watanabehiroki.net">Webデザイナーの備忘録</a></div>
<pre>

意外と簡単だった!自分でつくったアイコンを2ステップでWebフォントにする方法

http://saeki.me/%E3%81%8A%E5%8B%89%E5%BC%B7/432/

自社サービスのロゴをWebフォント化して楽をしようと試みてみる方法

http://nanapi.co.jp/blog/2014/05/28/how-to-icons-web-font/

無料で出来る!オリジナルアイコンフォントを作ってみよう

http://liginc.co.jp/web/design/font/33237

WEBフォントで簡単に!STINGER3の細かいところにアイコンを入れてみた

http://www.32style.com/font-awesome/

メリットだらけ!SVG形式で保存したアイコンをウェブフォントにしてスマホサイトで使う方法

http://case-mobile-design.com/svg_font/

楽して便利!Webアイコンフォント『Font Awesome』の使い方と活用 Tips

http://h2ham.net/font-awasome

Font Awesome

http://fontawesome.io/icons/

M+ WEB FONTS

http://mplus-fonts.sourceforge.jp/webfonts/

IEにも対応したWebフォントの使い方について

http://memocarilog.info/webdesign/4191

実はすごく簡単!webフォントの使い方&日本語対応webフォントまとめ

http://www.hp-stylelink.com/news/2013/08/20130829.php

IEでjQueryが動かない人への対処法まとめ

http://matome.naver.jp/odai/2135469033299374201

jQueryでIEを判別して別処理を加える方法

http://black-flag.net/jquery/20120516-3830.html

jQuery 1.9登場 – 旧IEバージョンをサポートした最後のjQuery

http://news.mynavi.jp/news/2013/01/21/070/

【保存版】IEのバージョンを判別し、バージョンごとにスタイルを適用する3つの方法

http://dx.24-7.co.jp/ie-hack/

「エラーなんて許さないんだからっ!」jQueryプラグインが動かないときの3ステップ

http://allfesta.com/jquery_doesnt_work_3points/

拾ってきた jQuery コードが動かない場合の簡易対処方法
http://curious-everything.com/204-entry.html [etc]

IE6でjQueryが動かない

http://d.hatena.ne.jp/hirosemi/20110205

jQuery が IE でうごかねぇーーー、って思ったので、メモっとく。

http://ryoff.hatenablog.com/entry/20090110/1231576722

【PHP・新着情報更新】

http://www.sapphirus.biz/php/sezinfo/

フォームから入力した記事を、JavaScript を利用して簡易的なお知らせや新着情報等を簡単に掲載させることができます。また、ブラウザ上で掲載の順番の入れ替えや削除も行えます。
【google検索】
Google を利用したサイト内検索窓 設置方法(これはチェック)

http://search.web-sun.com/zatu/g_site.html

Googleカスタム検索(検索窓)を自分のホームページに設置する(これはチェック)

http://www.oikawa-sekkei.com/web/design/google/google-custom-search-box.html

【SEO対策】
SEO対策|検索上位を独占するために弊社が行っている36の手順

http://bazubu.com/seo-13666.html

【デザイン面】
ワンポイントに使えるCSS3マウスオーバーアニメーション5種

http://www.webopixel.net/html-css/831.html

簡単に実装できる、ボタン画像のマウスオーバーイベント 10+

http://www.nxworld.net/tips/button-mouseover-event.html

CSS3だけで実装!マウスオーバーエフェクトまとめ

http://matome.naver.jp/odai/2139057648899874001

Icon Hover Effects

http://tympanus.net/Development/IconHoverEffects/

Creative Button Styles

http://tympanus.net/Development/CreativeButtons/

スライドショーjQuery、クロスブラウザで日本語説明ありなものまとめ

http://matome.naver.jp/odai/2134830574589078001

[JS]jQuery無し、アニメーションを使ったスライダーを簡単に実装できる軽量スクリプト -slidr.js

http://coliss.com/articles/build-websites/operation/javascript/js-slidr.html

【拡張ツール】

http://wasuke.shioya.jp.net/?p=804

page saver(簡単にスクリーンショットをキャプチャできるFirefoxアドオン)

http://stylifyme.com/

既存のサイトで配色・フォント種類を調べられる

http://lab.maltewassermann.com/viewport-resizer/

viewport resizer(既存サイトをレスポンシブサイズで表示できる)

http://junonet.biz/chrome/182/

WhatFont(既存サイトで使用しているフォント、フォントサイズ、行間を調べられる(調べたいサイトでWhatFontをブックマークから起動させ調べたいフォントのところでクリックするとデータが表示される))

http://colorschemedesigner.com/

カラースキーム(配色関連)

http://ironodata.info/search/

配色探し(配色関連)

http://www.color-fortuna.com/color_scheme_genelator2/

ウェブ配色ツール Ver2.0(http://www.webcreatorbox.com/tech/color-tool-web-design/)

http://www.wirify.com/

ブックマークから起動すると既存サイトをワイヤーフレームに変換表示できる

https://wireframe.cc/

ブラウザ上でワイヤーフレームを作成でき保存⇒URLを発行してくれる(登録なしで使用可)
画像素材がまだ来ないけど先にHTMLマークアップ進めるなんて時に超便利!画像作成なしでダミー画像を表示してくれるサービス http://h2ham.net/placehold-it

http://coliss.com/articles/build-websites/operation/javascript/js-prefixfree.html

面倒なCSS3のベンダープレフィックスを自動で付与するスクリプト -Prefix free
http://leaverou.github.io/prefixfree/ Prefix free
(サイト右のアイコンからGitのデータをダウンロードする。使い方はhttp://coliss.com/articles/build-websites/operation/javascript/js-prefixfree.html参照)

http://prefixmycss.com/

スタイルシートをペーストし1クリックするだけで、「-webkit-」や「-moz-」などの面倒なCSS3のベンダープレフィックスを自動で付けてくれるprefixMyCSS

http://coliss.com/articles/web-services/online-vendor-prefixes-add-prefixmycss.html

面倒なCSS3のベンダープレフィックスを自動で付けてくれる -prefixMyCSS

http://keikanri.com/archives/8579

Chromeの「要素の検証」 ショートカットキーF12で一発で出せる
【レスポンシブ HTML5 おしゃれテンプレート 使いこなせればどんなサイトも出来る】
・[レスポンシブWebデザイン「超」実践デザイン集中講義]を読んで自分で作れるようにする
・WordPress
・bootstrapを使う
HTML5UPよりより自由に作れるのでbootstrap、HTML5UP、自分でレスポンシブの3つを出来るようにする http://www.find-job.net/startup/twitter-bootstrap-3
http://getbootstrap.com/

http://greenapple-room.com/conc/user/TwitterBootstrap/bootstrap.html

【初心者向け】デザイナーのつまずかないBootstrap3【コピペ】

http://color-full-web.com/web/easy_bootstrap/

・HTML5 UP、skelJSを使う

http://html5up.net/

http://ruucb.com/blog/2014-05-25/html5up-template-grid-system-orz/

[JS]jQueryも外部CSSも不要!レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js

http://coliss.com/articles/build-websites/operation/javascript/js-framework-for-responsive-skeljs.html

skel.jsでレスポンシブWebデザイン対応のWebサイトを構築する(skei.jsの使い方)

http://k-shogo.github.io/article/2013/10/19/skeljs/

これはすごいHTML5 レスポンシブ WordPressテーマもあるテンプレート これもマスターする どんなサイトでもおしゃれに出来る感じ

http://www.html5-templates.co.uk/

これもすごいテンプレート群 何でも出来そうな感じ(金かかるかも)

http://w3layouts.com/

レスポンシブデザイン多め!無料で使えるHTML5テンプレート10選

http://www.hp-stylelink.com/news/2014/01/20140116.php

sklJS

http://coliss.com/articles/build-websites/operation/javascript/js-framework-for-responsive-skeljs.html

デスクトップ・タブレット・スマフォ向けのレスポンシブ対応サイトを作成する超軽量(19KB)のスタンドアローンのスクリプトを紹介します。 jQueryなどの他のスクリプトは必要なく、外部スタイルシートも必要ありません。
※ページの各エレメントの装飾にはCSSを用意してください。
http://skeljs.org/ sklJS
【初心者】つまずかない一番簡単なSASS,SCSS,COMPASS【20分で】

http://color-full-web.com/web/easy_compass/

【CSSスプライト】

http://lopan.jp/css-sprites/

【スキル面でマスターする内容・制作面で読んで実践する内容】
SSI PHPでinclude出来るようにする
htmlファイルのままphp includeし、相対パスで読み込めるようにする

http://www.yusk.org/memo/php-memo/php_include_001.html

共通部分のインクルード

http://seo.k-m-k-m.com/hp/include/

SSI(Server Side Include)で外部ファイルを読み込んでみよう

http://lab.gpol.co.jp/tsubo/2011/12/ssiserver-side-include.php

SSIを「.html」で動かす

http://www.shtml.jp/htaccess/ssi.html

素早く確実にWEBデザインをするための手順

http://blog.idea-clippin.com/?p=376

WEBデザインが短期間で上達した方法

http://blog.idea-clippin.com/?p=332

少しのコードで実装可能な20のjQuery小技集

http://www.webcreatorbox.com/tech/jquery-tips20/

ワイヤーフレーム作成手法のメリット・デメリット(前編)
UI・情報設計を詰め資料化、提案する

http://webnaut.jp/direction/473.html

ワイヤーフレーム作成手法のメリット・デメリット(後編)

http://webnaut.jp/direction/474.html

Web制作の大切な土台、ワイヤーフレームって何だったっけ?というお話

http://taneppa.net/what-is-a-wire-frame/

ソースコピーですぐ使えてスマホ専用サイト作成に便利!PC・スマートフォンサイトの振り分けJavaScript作りました。

http://www.html5-memo.com/css3/pc_bunki/

PC、タブレット、スマホ ブラウザ(firefox、chrome、IE、Safari等)
崩れずに表示される フォームも正常に動くようにする
タブレットはフォントサイズは16px(下記CSS3のremを使用する)
(PCサイトの一般的な本文フォントサイズは12px~14px程度」とありますが、タブレットでの閲覧もふまえて、PCサイトでも基本の文字サイズはデバイスを問わず16pxほどはあったほうがいいようです)
14pt~16pt、行間は140%~160%が基本です。

http://touch-slide.jp/column/202/

PC、タブレット、スマホサイトはCSS3のremを使う

http://n2p.co.jp/blog/smartphone/fontsize/

http://case-mobile-design.com/about-css3rem/

http://html5-css3.jp/tips/css3-rem.html

■ブレイクポイント スマートフォン向け 〜480pxまで(1カラム・可変幅)
小型タブレット向け 〜768pxまで(1カラム・可変幅)
大型タブレット向け 〜960pxまで(2カラム・可変幅)
PC向け 961px以上(2カラム・固定幅)
現在使用されているデバイスのサイズは、 スマホ縦 320px〜479px スマホ横、タブレット 480px〜767px タブレット 768px〜1023px PC 1024px〜
■ファーストビュー 550px
【一覧】
IE7.js  googleコードから直接読み込めるので、「Google Code」のページにある「IE7.js」または「IE8.js」のコードをコピーして内に埋め込むだけ。
IE8.js  https://code.google.com/p/ie7-js/
IE9.js
jquery.backgroundSize.js IE7、8でも background-size:contain が利用できるjQueryプラグイン
css3-mediaqueries.js IEでも Media Queries を利用するために、Google Code で公開されているcss3-mediaqueries.js を利用します。
html5shiv-printshiv.js(html5.js)

<!--[if lt IE 9]><script src="./js/html5shiv-printshiv.js"></script><![endif]-->

と書いて読み込む IE8以下でHTML5を使えるようにする respond.js IE8以下でメディアクエリを使えるようにする minmax.js IE6はmax-widthやmin-widthを入れても何も反応しません。IE6だけに「minmax.js」を読み込ませましょう。 selectivizr.js  css3セレクタを使用するためのjs

<!--[if lt IE 8]><script src="selectivizr.js"></script><![endif]-->

Normalize.css  reset.cssの代わり CSS3PIE CSS3プロパティを使えるようにする
ie-css3.js IE5~8をCCS3の疑似セレクタ対応にする(http://coliss.com/articles/build-websites/operation/javascript/js-ie-css3.html)
IE-CSS3   IE6/7/8でもCSS3が使えるようになるスクリプト(http://coliss.com/articles/build-websites/operation/javascript/js-ie-css3-2.html)
REM unit polyfill   CSS3からの新しい単位「rem」をIE8でも利用できるようにするスクリプト(http://coliss.com/articles/build-websites/operation/javascript/js-rem-unit-polyfill.html)
sklJS http://coliss.com/articles/build-websites/operation/javascript/js-framework-for-responsive-skeljs.html
デスクトップ・タブレット・スマフォ向けのレスポンシブ対応サイトを作成する超軽量(19KB)のスタンドアローンのスクリプトを紹介します。 jQueryなどの他のスクリプトは必要なく、外部スタイルシートも必要ありません。
※ページの各エレメントの装飾にはCSSを用意してください。
http://skeljs.org/ sklJS
response.min.js「Response JS」はレスポンシブウェブデザインの画像問題を解決するためのJavaScriptライブラリです。

http://javascript.webcreativepark.net/library/responsejs

【IE7~8に対応したHTML5+CSS3サイトを制作してみよう ~IE7~8のブラウザ対応をするための便利な方法をまとめました~】 http://www.html5-memo.com/html5/html5-ie/
【IE8以前でCSS3の表現を使うには】

http://thinkit.co.jp/story/2011/06/20/2168

・filterプロパティの書式(IE5.5以上)
・filterプロパティの書式(IE4以上)
・条件付きコメントでIEだけにcss3ie.cssを読み込ませる IE6対応まとめ!

http://lopan.jp/good-bye-ie6/

IEでCSS3の効果を出せる。クロスブラウザ対応 CSSスニペット

http://kojika17.com/2011/02/css3-for-ie.html

【ベンダープレフィックス】

http://www.htmq.com/csskihon/603.shtml

先頭に付ける-moz-や-webkit-など CSS3で採用される予定の機能が各ブラウザで先行実装されていますが、それらの機能を動作させるには、 現状ではプロパティや値の先頭に-moz-や-webkit-などのベンダープレフィックスを付ける必要があります。
■拡張機能であることを明示するための識別子
ベンダープレフィックス(接頭辞)とは、ブラウザベンダーが独自の拡張機能を実装したり、草案段階の仕様を先行実装する場合に、 それが拡張機能であることを明示するために付ける識別子のことです。 将来的に仕様が変更されるリスクに備えて、独自拡張や先行実装のプロパティ名や値の先頭に付けることが推奨されています。
ベンダープレフィックスでは、前後に「-」を付けたベンダー識別子(vendor identifier)でブラウザの種類を特定します。
主要ブラウザのベンダープレフィックス
-moz-  …… Firefox
-webkit- …… Google Chrome、Safari
-o-    …… Opera
-ms-   …… Internet Explorer

■ベンダープレフィックス無しの指定も併記する CSS3が勧告されるまでには、まだ時間が掛かることが予想されますが、 今後審議を重ねる中で仕様変更・一部機能の廃止・新機能の追加が行われる可能性があります。 ベンダープレフィックスは草案段階の機能を実装する際に付けることが推奨されているので、 これらの機能を利用する際には当面ベンダープレフィックスを付ける必要があるでしょう。 ただし、ベンダープレフィックスは、 草案(Working Draft)が勧告候補(Candidate Recommendation)になったときには外すことが推奨されています。 すでにGoogle ChromeやFirefoxなどのブラウザでは、CSS3の機能の一部がベンダープレフィックス無しで動作するようになっています。 また、新しいブラウザではベンダープレフィックスが付いていると、逆に動作しなくなっている機能もあります。 ベンダープレフィックスを付けないと現状では動作しないプロパティや値を指定する際にも、 今後の仕様策定の進展やブラウザのバージョンアップに備えて、 ベンダープレフィックス無しの指定を併記しておくほうが良いでしょう。
border-image: url(“bg_dot.png”) 15 round;         //ベンダープレフィックス無し(標準)も併記する
-moz-border-image: url(“bg_dot.png”) 15 round;     // Firefox向け
-webkit-border-image: url(“bg_dot.png”) 15 round;   // Google Chrome、Safari向け
【条件付コメント】

http://mitama-design.com/blog/cate_htmlcss/iehack.html

CSSハックを使わずIE6、IE7、IE8を条件付きコメントでバグに対処! 条件付コメントとはIEの独自仕様でそのコメントで囲われた部分の表示・非表示をバージョンによって分けることができるというものです。 例えば、IE用のCSSを別に用意した場合に、そのCSSを読み込む際に使われたりします。 IE条件付コメントまとめ(わかりやすい)

http://html-coding.co.jp/knowhow/tips/000009/

条件付きコメントでIEのバグに対処する。

http://nekomoriya.biz/works/4650.html

[CSS]IE9対応、IEの各バージョンごとに異なるスタイルシートを適用する方法のまとめ

http://coliss.com/articles/build-websites/operation/css/safe-css-hacks-by-mathiasbynens.html

【CSSハック】

http://coliss.com/articles/build-websites/operation/css/css-quick-tip-css-hack-target-ie6-ie7-ie8.html

CSSハックはこれでOK

http://mitama-design.com/blog/cate_htmlcss/csshack.html

CSSハック一覧 -よく使うものをメモ-
【IE6、IE7、IE8、IE9、Firefox、Safari、chrome、Opera】
CSSだけで、IE6、IE7、IE8、IE9を判別する条件付きのHTML classとハック

http://www.conifer.jp/csstest/css-ie-version.html

body {
color: red; /* all browsers, of course */
color : green\9; /* IE8 and below */
*color : yellow; /* IE7 and below */
_color : orange; /* IE6 */
}

IE8とそれ以下用の指定 最後に「\9」をつける。
IE7とそれ以下用の指定 先頭に「*」をつける。
IE6用の指定 先頭に「_」をつける。
/*IE6ハック*/ * html p{font-size:10px;}
IE7,8はスタイルを微調整しよう! だいたい思ったようにレイアウトできるのでスタイル記述の中で微調整のハックをかけましょう。
/*IE8以下へハック*/ p{font-size:10px\9;}
/*IE7以下へハック*/ p{*font-size:10px;}
/*おまけ IE6以下へハック*/ p{_font-size:10px;}
IE6,7,8をレスポンシブさせることのまとめ CSS3PIE http://css3pie.com/ http://allabout.co.jp/gm/gc/377416/2/
【超重要】IE6~8でも一部のCSS3が使える!「CSS3 PIE」の使い方
IE7.js http://www.webantena.net/javascriptjquery/ie7-js/
IE8.js http://ezorisu-web.com/web-design/archives/tag/ie8js
jquery.backgroundSize.js http://www.webantena.net/javascriptjquery/plugin-jquery-backgroundsize/ minmax.js http://www.webantena.net/javascriptjquery/minmax-js-for-ie6/
css3-mediaqueries.js http://www.webantena.net/javascriptjquery/css3-mediaqueries-js/
respond.js http://notnil-creative.com/blog/archives/1943
selectivizr.js http://www.eupholab.net/post/55327864480

http://weboook.blog22.fc2.com/blog-entry-315.html

Normalize.css http://cappee.net/coding/normalize-css-reset-css

http://yomotsu.net/blog/2013/02/23/normalize.html

IE9.js http://www.webcreator-net.com/information/topics/20120309-topics11
既存のIEにHTML5の新要素を認識させる

http://www.xml.vc/HTML5/kiso/ie-script.html

HTML5の新要素は多いのでひとつずつ記述しては大変なので「html5shiv(http://code.google.com/p/html5shiv/)」で公開されているJavaScriptライブラリを利用するといいでしょう。これをhead要素内のCSSを組み込んでいる部分よりも前に配置すればv8以前のIEでもHTML5の新要素が認識されるようになります。
例)

 <!--[if lt IE 9]>
<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

[if lt IE 9]>と<![endif]が、「」のコメントで囲まれていますが、IEの独自仕様で「もしもIEのバージョンがv9未満だったならば、~を実行する」というコードとしてIEのブラウザに解釈されるようになります。

なお、このJavaScriptライブラリはHTML5の新要素に未対応のIEのブラウザに新要素を認識させるスクリプトですから新要素に対して、CSSの設定をしている場合、CSSの設定よりも先に指定しなければなりません。それには内部スタイルシートであるstyle要素がある場合はその前に記述し、外部スタイルシートのCSSファイルへの指定であるlink要素がある場合は、それよりも前に記述します。順番を間違えると新要素のスタイルが反映されませんのでご注意ください。

http://www.anothersky.pw/skyward/archives/000134.html

■html5shiv.jsとhtml5shiv-printshiv.jsの違いについて

両者の違いは印刷時のサポート機能が含まれているかどうかの違いです(具体的には、onbeforeprintイベントが発火した際、すべてのHTML5要素を印刷可能な要素でラップしたり、CSSを追加したりしているようです。詳しくはソースコードを。)。

よって、印刷時のサポート機能が必要であれば「html5shiv-printshiv.js」を選択しましょう。これはマークアップやCSSの記述次第ではないかと考えます。プリントプレビューでも確認できますので必要かどうか見極めて下さい。

カテゴリー: 未分類 | コメントする

レスポンシブだけがスマホ対応じゃない?モバイルフレンドリーなサイトとは

レスポンシブだけがスマホ対応じゃない?モバイルフレンドリーなサイトとは

歴史から考えるフラットデザインとマテリアルデザインの違いとは?

UXデザインにおけるユーザーに安心感を与える5つのポイント

ECサイトでデザイントレンドを取り入れるときの7つのポイント

スマホ最適化はモバイルファーストよりユーザーファースト!参考8サイト付、レスポンシブサイト、専用サイト、あなたはどちらを選びますか?

スマホサイト(モバイルフレンドリー)対応する4つの方法

どれが最適?ユーザーの期待に応えるモバイルサイト対応方法4つを比較!

レスポンシブサイトとスマホサイトのメリット・デメリット

レスポンシブだけじゃない!スマホ対応の方法3つと特徴まとめ

サイトをモバイル対応する前に知っておきたいレスポンシブWebデザインのメリット、デメリット

今さら聞けない。レスポンシブWEBデザインのメリット、デメリットとは?

レスポンシブデザインのメリット、デメリット

新しいWebデザイン「レスポンシブ」とは?

なぜウェブマーケティングが重要か?

マーケティングの必要性について

カテゴリー: 未分類 | コメントする

WebデザインでPhotoshopを使う際の活用術17記事

WebデザインでPhotoshopを使う際の活用術17記事

Webデザインは少しの工夫が重要!デザインクオリティが驚くほど向上するテクニック16まとめ

Webデザイナーを目指すならとりあえず読んでおきたい!Webデザインの基礎が学べる書籍4冊

日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト

参考になるレスポンシブデザインのサンプル集

レスポンシブのコーディング時に参考にしたいレイアウトサンプル集

簡単なサンプルで学ぶ!ゼロからはじめるレスポンシブWebサイト初級編 ~メディアクエリを使ってCSSを分岐させる~

カテゴリー: 未分類 | コメントする

現在のホームページをそのままCMS化するとはどういうことか

現在のホームページをそのままCMS化するとはどういうことか

WordPressによるCMS化の疑問

WordPressと静的ファイルを共存させて部分CMS化する

既存のhtmlを使ってWordPressテーマ化する時の必要最低限の手順

【WordPress】静的htmlサイトをフルCMS化するときにURLを変えないためのパーマリンク自由自在プラグイン「Custom Permalinks」

WordPressをCMSとして基本的なWebサイトを構築する

WordPressをCMSとして利用するホームページの構築手順

WordPressを使ったCMS構築の料金はいくらになるのか計算してみる

企業サイト構築に最適なCMSは? WordPressほか10選の特長まとめ

WordPressでポータルサイトを作れてしまう!ブログにとどまらないWordPressの可能性を知っておこう!

WordPressで掲示板を作成したいなら注意すべき3つのポイントとは

カテゴリー: 未分類 | コメントする

SEOキーワードを5つの無料ツールで効果的に選定する方法

SEOキーワードを5つの無料ツールで効果的に選定する方法

無料で使えるオススメ検索キーワード調査ツール14選

SEO対策に役立つ無料検索キーワード選定ツール5選

SEO対策のおすすめ無料ツール10選!キーワード選定や順位チェック・サイト構造の診断(解析)に必須の「ツール」比較まとめ

リスティング広告のキーワード選定

キーワード選定|圧倒的集客を実現するコンテンツプランニングと絶対やるべき5つの事

キーワード選定方法と利用すべき無料ツールやデータ

キーワード選定で失敗しないための8つのポイント|リスティング広告

SEOキーワード選定法。BtoBサイトへ良質なアクセスを激増させる

キーワード選定方法を確認できる設問3つ

コンテンツマーケティング時代のキーワード選定のポイント!

コンテンツマーケティングで必須のキーワード、4つの選定方法

カテゴリー: 未分類 | コメントする

Youtube 動画の埋め込みをCSSでレスポンシブ対応する方法

Youtube 動画の埋め込みをCSSでレスポンシブ対応する方法

カテゴリー: 未分類 | コメントする

Movable Type 構築における分業とコーディング( MTDDC Meetup TOKYO 2015 登壇フォローアップ )

Movable Type 構築における分業とコーディング( MTDDC Meetup TOKYO 2015 登壇フォローアップ )

カテゴリー: 未分類 | コメントする

デザインCSSをカスタマイズする土台に適したサンプルテーマを公開しました

デザインCSSをカスタマイズする土台に適したサンプルテーマを公開しました

http://staff.hatenablog.com/entry/2013/03/27/191936

必ず読んでおきたい!はてなブログをカスタマイズする際に超参考になる記事まとめ

http://hacogaki.hatenablog.com/entry/2015/07/16/120506

はてなブログのデザインカスタマイズ方法(テーマ作成)

http://www.task-notes.com/entry/20140908/1410175553

カテゴリー: 未分類 | コメントする

「Movable Type プラグイン開発入門」発売されました! MovableType テンプレートの仕組み FC2・MovableType・WordPress…テンプレート・スキン構造の比較

「Movable Type プラグイン開発入門」発売されました!

https://www.sixapart.jp/pressroom/2009/04/movable_type_plugin_development.html

Movable Type プラグイン開発入門。

http://junnama.alfasado.net/online/2009/05/movable_type_7.html

CMSなに使ってる?初心者にMovable Typeをおすすめする理由とそのメリット

https://liginc.co.jp/web/mt/customize-mt/168430

なぜ僕は WordPress を使わないで Movable Type を使い続けるのか。

http://junnama.alfasado.net/online/2012/04/wordpress_movabletype.html

WordPress vs MovableType という疑問

http://kojika17.com/2012/05/wordpress-and-movabletype.html

MovableType

MTは、商用で使う場合は有料のライセンスが必要になりますが、個人用ライセンスも用意されており、個人で使用する場合は無料で使えます。
またMTはオープンソース版もあり、ライセンスはWP同様のGPLライセンスです。

商用ライセンス: ¥63,000~
個人用ライセンス: 無料
MTOS(MovableTypeオープンソース): 無料

MovableType テンプレートの仕組み

http://kumacrow.blog111.fc2.com/blog-entry-383.html

FC2・MovableType・WordPress…テンプレート・スキン構造の比較

http://webbingstudio.com/weblog/cms/entry-3.html

【MTOS】MTOS にカスタムフィールドを追加するプラグイン AnotherCustomFields

http://mamiline.tumblr.com/post/115414067510/mtosmtos-%E3%81%AB%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3

MTOSでカスタムフィールド:AnotherCustomFieldsプラグイン

http://senoweb.jp/mt/weblog/2012/07/mtos-custom.html

【MT】MTOSにAnotherCustomFieldsプラグインを導入

http://qiita.com/4cres/items/cdc597cadce82b203c94

MTOSでカスタムフィールドを使う

http://suckamon.com/web/2015/10/mt_custom/

MTで人気記事ランキングの定期自動実行

http://blog.masahiko.info/entry/2004/01/03/103708

Movable Type なしで Movable Type を開発しよう

https://www.movabletype.jp/blog/use_mt_without_movable_type.html

テンプレートの種類と役割

https://www.movabletype.jp/documentation/designer/template-types.html

MT5のテーブル構造(MT4との比較)

http://it.k-solution.info/2006/12/mtmysqlaccess_1_1.html

Movable Type 関連書籍

https://www.movabletype.jp/pertinent/books/

Perlで書くはじめてのMTプラグイン – エントリー同士の関連付け

https://www.anothersky.pw/2015/02/mt_plugin_set_relating_entry.html

MySQLの設定

https://www.movabletype.jp/documentation/mt6/database/mysql.html

Movable Type

https://ja.wikipedia.org/wiki/Movable_Type

MovableType

http://www.joeswebhosting.net/support/manual/movabletype/

MySQLとmt.cfgの設定

http://www.jisaba.net/xp/mt3/04.htm

必要インストール環境と、ブラウザ動作環境

https://www.movabletype.jp/documentation/system_requirements.html

Movable Type 6.0の動作環境

https://www.movabletype.jp/beta/60/requirement.html

動作環境・機能一覧

https://www.sixapart.jp/movabletype/features/features.html

本番環境とは別に開発環境にもMTをインストールする場合、ライセンスは2つ必要ですか?

https://www.sixapart.jp/movabletype/support/license/mltiple-licenses.html

Movable Type Open Source

https://www.movabletype.jp/opensource/

MTOS: Movable Type オープンソース・プロジェクト

https://www.movabletype.jp/opensource/about.html

MTOSのダウンロード

https://www.movabletype.jp/opensource/mtosdl.html

Movable Type 個人無償版ダウンロード

https://www.sixapart.jp/inquiry/movabletype/personal_download.html

Movable Type に商用無料版(商用無償版)がある件について

http://www.koikikukan.com/archives/2010/07/15-075555.php

MTOSとはなに?MT商用版とはどう違うの?MTOSは商用でも無料です

http://www.domo-domo.com/mtos/whatmtos/post.html

SEOに強いMTOS(Movable Type Open Source)をもっと使いこなそう。

http://www.domo-domo.com/mtos/

MTOSは5.2.10が最新版でレスポンシブデザインにも対応

http://www.domo-domo.com/mtos/mt5/mtos5210.html

Movable Type Open Source (MTOS) 終了のお知らせで・・・

http://impov.hatenablog.com/entry/2013/08/27/234153

カテゴリー: 未分類 | コメントする

今すぐ使える無料のマインドマップソフト7選

今すぐ使える無料のマインドマップソフト7選

http://www.ironic.jp/benri/post-453/

マインドマイスター

http://mindmeister.jp/

組織で使うマインドマップをマインドマイスターにすべき理由

http://web-marketing.zako.org/web-tools/mindmeister.html

マインドマッピングツールmindmeisterを解約・ダウングレードする方法

http://kaisstyle.com/2016/06/10/4651

コラボレーション型
マインドマッピング
600万人以上のユーザーがクリエイティブワークにMindMeisterを使っています。

https://www.mindmeister.com/ja

カテゴリー: 未分類 | コメントする

簡単。Bootstrapでアコーディオンパネルを作る方法

超簡単jQuery!toggle系メソッドでアコーディオンメニューやタブをさくっと実装する方法

簡単。Bootstrapでアコーディオンパネルを作る方法

Bootstrap3でアイコン付アコーディオン(Collapse)を使用する

Bootstrapを使ってみる。アコーディオン編(Collapse)

BootStrapでアコーディオン、簡単!!

Bootstrap3 アコーディオンとCollapseの簡単な使い方

Bootstrapでアコーディオン(Collapse / accordion)表示

CSSのみで実装するボタンデザインやホバーエフェクト 20+α

CSSだけでここまでできる!キレイなボタンの作り方

カテゴリー: 未分類 | コメントする

SourceTreeの無料登録をする際のエラー

SourceTreeの無料登録をする際のエラー

GitHubのようなgitホスティングサービス5つを比較してみた。Part1 — GitHub

初心者が無料でGitを学べるサイトまとめ

Git初心者でも大丈夫!完全無料でGithub PagesにWebページを公開する方法

Webアクセス解析ツール3タイプ

カテゴリー: 未分類 | コメントする

WordPressでGoogleタグマネージャーを設置する時は、「Google Tag Manager」てプラグインが楽だった!

WordPressでGoogleタグマネージャーを設置する時は、「Google Tag Manager」てプラグインが楽だった!

ワードプレスにGoogleタグマネージャーを設置できるプラグイン DuracellTomi’s Google Tag Manager for WordPress

Webマーケター必須のツール『Google タグマネージャー』とは

GoogleタグマネージャをWordPressに設定する利点とは

WordPressにGoogleタグマネージャーを設定できる「DuracellTomi’s Google Tag Manager for WordPress」

え!?まだGoogleタグマネージャーを使ってないの?

WordPressにGoogleタグマネージャのタグを簡単に埋め込む方法!

wordpressにgoogleタグマネージャーを設置する方法

WordPressにGoogleタグマネージャーを導入する方法を解説するよ

WordPressにGoogle Analyticsを設定する方法

WordPressでGoogleアナリティクスを導入しよう

WordPressにGoogle Analyticsを設定する
簡単な3つの方法


めっちゃ簡単!WordPressでGoogleアナリティクスの設定方法

カテゴリー: 未分類 | コメントする

【Photoshop】ボタンデザイン時に使える10の効果まとめ

【Photoshop】ボタンデザイン時に使える10の効果まとめ

Photoshopで簡単に配色を確認する裏ワザ

Photoshopでシームレスでオシャレな斜めストライプをサクッと作る方法

Photoshopでパターンを作ろう!斜めストライプを作る方法とは?

Webデザインが「どこかさみしい」と思ったとき、3分で試せるアイデア7つ

点線もかける!Photoshopでラインを引く方法を新たに発見(ストローク機能)!

デザイナー自家製Photoshop用パターン素材大公開中!(商用無料&クレジット不要)

Photoshopで手軽にドットパターンを作る方法

Photoshopで1分でできる!!簡単水玉模様(ドット柄)の作り方

簡単設置で見やすい!レスポンシブ対応メニューslicknavの使用方法

横幅いっぱいに表示可能なスライダーのjQueryプラグイン 「Skippr」が便利!

カテゴリー: 未分類 | コメントする

【超重要】デザイナーがする情報設計のすすめ

デザイナーがする情報設計のすすめ(前編)

デザイナーがする情報設計のすすめ(後編)

どんな勉強やインプットをしてる?LIGのデザイナーの方法をご紹介!

スマホ対応を中途半端な変換でやり過ごそうとするWeb担当者に喝! レスポンシブですべて解決するわけがない!

CMSを機能で選ぼうとするWeb担当者に喝! ユーザーに何を提供したいのかを明確にすべし!

何度も泣いた。自社サービスを育てるにあたって絶対に大事だと思うこと

【事例紹介】コーポレートサイト、名刺、販促物ができるまでのプロセスをご紹介します

新米デザイナーでもできる!アイコン制作のプロセスをご紹介します

カテゴリー: 未分類 | コメントする

カスタマージャーニーとは?|事例5選から学ぶカスタマージャーニーマップの作り方

カスタマージャーニーとは?|事例5選から学ぶカスタマージャーニーマップの作り方

カスタマージャーニーマップで顧客の心を見つめてサイトを改善、5つの作成ステップと7つの実例

カスタマージャーニーマップについての簡単なまとめ

カスタマージャーニーを理解・活用する 3スライド+5サイトまとめ

一番シンプルでわかりやすい[カスタマージャーニーマップ]の設計方法

カスタマージャーニーマップ&CX最前線 ――「マーケティングの原点は商店街の魚屋?」ロフトワーク×オラクル対談

カスタマージャーニーマップを正しく活用するには「おもてなし」と「カスタマーエクスペリエンス」の理解から

2時間で作るカスタマージャーニーマップ――実例とともに考える新しい「おもてなし」のカタチ

カテゴリー: 未分類 | コメントする

マーケティングで使えるSNSとその活用方法まとめ~LINE、Facebook、Twitterなど~

マーケティングで使えるSNSとその活用方法まとめ~LINE、Facebook、Twitterなど~

運用するSNSは20個以上?! SNS活用の先進的企業の事例に学ぶ、各ソーシャルの使い分け

SNSマーケティングの集客方法とSEO対策について

ハッシュタグの使い方が巧みなSNSプロモーション成功事例5選

企業のデジマケ担当者必見!
経産省のSNS成功事例集がお役立ちすぎる


オウンドメディア戦略策定

カテゴリー: 未分類 | コメントする

Perlの命名規則

Perlの命名規則

サブルーチン:長いプログラムを読みやすく,管理しやすく

基本的な書き方

第8章 サブルーチン

サブルーチンの作成

Perl/CGIプログラムの入力処理(1)

フォームからの入力を受け取る処理の詳細解説

カテゴリー: 未分類 | コメントする

【超重要】今更だけど、X-UA-Compatibleとレンダリングモードについてのまとめ

今更だけど、X-UA-Compatibleとレンダリングモードについてのまとめ

破綻しにくいCSS設計の法則 15

CSS 設計の長い夢

CSSの設計をするときに参考になる記事を集めてみた

CSS設計における3大メソッド[OOCSS][BEM][SMACSS]

超モダンなCSS設計を考える。ごめん、タイトル負けした。

【CSS設計】拡張や修正に強いコンポーネントをマークアップする6つのテクニック

そのCSS、ヤバイかも?CSS設計が破綻するありがちな失敗パターン4つ

より良いCSSを書くための様々なCSS設計まとめ

昨今のCSS設計事情からみるCSS設計のあり方とは

Webサイトのフッターにサイトマップを設置すべき理由

知っておくと便利なPhotoshopのテクニック10選

カテゴリー: 未分類 | コメントする

[2015版] 現場で使えそうなモーダル系jQueryプラグインを6つピックアップ

[2015版] 現場で使えそうなモーダル系jQueryプラグインを6つピックアップ

http://ichimaruni-design.com/2015/03/jquery-modal/

カテゴリー: 未分類 | コメントする

icooonmono アイコン

icooonmono

カテゴリー: 未分類 | コメントする

PhotoshopでFont Awesomeを利用する方法 ( PNG & SVG ) 「游ゴシック」「游明朝」フォントをWindows7にインストールしてみた。 MacBook Airは4GBで十分!最小限スペックで常時フル稼働できるように実践していること5つ PhotoshopやIllustratorの32bit版と64bit版の違い

PhotoshopでFont Awesomeを利用する方法 ( PNG & SVG )

「游ゴシック」「游明朝」フォントをWindows7にインストールしてみた。

游ゴシック (Yu Gothic) を Windows7 にインストールする

游ゴシックをWin7に無料インストールした

Windows 7を使い続ける人に。「游ゴシック」「游明朝」を無料でインストールする方法

游ゴシック 游明朝フォントパック

MacBook Airは4GBで十分!最小限スペックで常時フル稼働できるように実践していること5つ

Photoshop CS6の32bit版と64bit版では機能

PhotoshopやIllustratorの32bit版と64bit版の違い

32bitと64bitの切り替え方 for Win

icooonmono

カテゴリー: 未分類 | コメントする

キャンペーンサイトまとめ

Buzz施策だけでなくデザインも参考になるキャンペーンサイト15選

キャンペーンサイトまとめを見て思うのは自分でペンタブレット使ってイラストやphotoshop描画が出来ないとカッコイイサイトは作れない。

キャンペーン/スペシャル

特設・プロモーションサイト WEBデザインのリンク集

【デザインまとめ】キャンペーンサイト20選

キャンペーン・特設サイト | WEBデザイン制作のまとめならWeb Design Stock

UR

秋のお部屋探しキャンペーン

秋のお部屋探しキャンペーン

カテゴリー: 未分類 | コメントする

デザインカンプとモックアップとワイヤーフレームの違いとは

デザインカンプとモックアップとワイヤーフレームの違いとは

知ってるようで知らなかった!Web制作でワイヤーフレームが担う役割と重要性

カテゴリー: 未分類 | コメントする

検索エンジンフレンドリーになれる35の項目

検索エンジンフレンドリーになれる35の項目

検索エンジンフレンドリーで安定したWEBサイト運営

サイトドラフトを作成する

サイトドラフトを仕上げる

カテゴリー: 未分類 | コメントする

BEMを参考にしたCSS設計

BEMを参考にしたCSS設計

CSS設計における3大メソッド[OOCSS][BEM][SMACSS]

カテゴリー: 未分類 | コメントする

javascript

カテゴリー: 未分類 | コメントする

モーションUI 06

カテゴリー: 未分類 | コメントする

モーションUI 05

Sketchの導入を見送りました。一番の理由は「Windows版が用意されていない」という根本的な問題です。Sketchのメリットを享受するには、少なくともデザイナーとフロントエンドエンジニアはSketchを使う必要があり、そのためにはメインマシンをMacに変えなくてはなりません。

カテゴリー: 未分類 | コメントする

モーションUI 04 モーションデザインはUIの未来 「Material Design」

「Pixate(ピクスエイト)」

PixateStudioは、「iOS」および「Android」で動くモバイルプロトタイプの構築を支援するソフトウェアです。
元々有償ツールだったものが、2015年7月23日にGoogleに買収されたことで無償化されました。Pixateの開発は続行されるようです。

カテゴリー: 未分類 | コメントする

モーションUI 03

カテゴリー: 未分類 | コメントする

モーションUI 02

カテゴリー: 未分類 | コメントする

モーションUI

カテゴリー: 未分類 | コメントする

墨絵 photoshop

カテゴリー: 未分類 | コメントする

PHPのincludeをPerlでやる。

複数のサイト上で、共通した部分を表示させたいのですが、良い方法はないでしょうか?
http://q.hatena.ne.jp/1168174351
共通部分のインクルード
http://seo.k-m-k-m.com/hp/include/
静的HTML(+JS)だけで共通ソースをincludeする
http://nzambi.com/tp_detail.php?id=122
WordPressでできること|30の革新的なことまとめ
http://markehack.jp/wordpress-ability/
今さら聞けない!WordPressとは【初心者向け】
http://techacademy.jp/magazine/6693
知らないと損するWordPressでできることまとめ
http://designup.jp/wordpress-feature-302/
Google Analytics for WordPressプラグインの使い方
http://www.adminweb.jp/wordpress-plugin/list/index22.html
めっちゃ簡単!WordPressでGoogleアナリティクスの設定方法
http://web-heihou.jp/blog/analysis/wordpress-googleanalytics/
カテゴリー: 未分類 | コメントする

Movable Type のメリットとは

Movable Type のメリットとは
https://blog.sixapart.jp/2012-04/MeritOfMT.html
ブログ全体の再構築プロファイルを使用する
https://www.movabletype.jp/documentation/administrator/publishing/settings.html
CMSなに使ってる?初心者にMovable Typeをおすすめする理由とそのメリット
https://liginc.co.jp/web/mt/customize-mt/168430
改めて(今さらだけど)Movable Typeの動的生成と静的生成について考えてみた
http://uramayu.com/blog/2014/08/movable_type.html
MovableTypeは静的出力方式が利点を認識する
http://www.starbrother.net/movabletype-11.html
WordPress vs MovableType という疑問
http://kojika17.com/2012/05/wordpress-and-movabletype.html
WordPress、Movable Typeでのサイト運用に限界を感じている方へ
http://nxpg.net/service/wr2/wr2_wp.html
初心者必見!JavaScriptとは?最新の動向まで細かく解説!
https://blog.codecamp.jp/what_is_javascript
今こそ本気でJavaScriptを学ぶべき10の理由
http://blog.3streamer.net/html-css-beginner/learning-javascript-481/
いろんな言語のメリット・デメリット まとめ
http://d.hatena.ne.jp/nomuyoguruto/20091103/1257240624
JavaScript無効でWebを見ている人はどれぐらい? Web担で実際に調べてみた
http://web-tan.forum.impressrd.jp/e/2013/11/19/16441
WordPressのオリジナルテーマ作成フロー・基本マニュアル
http://kachibito.net/wordpress/theme-development-flow.html
WordPressのオリジナルテーマを3時間で作成する手順
http://webseeya.com/2015/02/15/howto-wordpress-original-themes/
おそらく最もわかりやすいWordPressテーマ制作チュートリアル
http://stocker.jp/diary/wordpress-tutorial/
wordpressオリジナルテーマの作り方
http://www.webcreatorbox.com/tech/wordpress-original-theme/
テーマを自作したい人必見!WordPressの基本的な仕組み
http://wp-principle.net/make-theme/
WordPressの予約システムプラグインまとめ
http://matome.naver.jp/odai/2140227252298703701
予約申し込みカレンダーサンプルデモ
http://www.php-factory.net/demo/calendar_form/calendar_form01/sample01.php
PHP独学のカギは「カレンダー」
https://php1st.com/1052/
モバイル・PC両対応予約管理システム
https://souppot.jp/article513.php
もうASPは不要!Googleカレンダーで宿泊予約システム
http://ascii.jp/elem/000/000/894/894480/
予約システム マニュアル
http://manual.studio-key.com/rsv10/15.html
PHP+DBでタイムテーブル型予約システムをつくる 第1回「概要」
http://ateitexe.com/wordpress-reserve-timetable1/
受付上限設定付き PHP予約・応募フォーム連動 営業日カレンダー
http://www.php-factory.net/calendar_form/01.php
PHP Schedule (予定管理&申し込み)について
http://www.php-labo.net/download/schedule/
カテゴリー: 未分類 | コメントする

シロクマ本に学ぶエクスペリエンスのための手技法

[本] Web情報アーキテクチャ―最適なサイト構築のための論理的アプローチ(第2版)る
http://blog.sen-i.jp/books/web-information-architecture.html
シロクマ本に学ぶエクスペリエンスのための手技法
http://www.slideshare.net/Sociomedia/by-presentation-from-ia-camp-2015
Chromeでjavascriptデバッグ!まず半歩
http://www.slideshare.net/yuka2py/chromejavascript
ウェブデザインの本質と、構成要素
http://www.slideshare.net/TomiyoHosokawa/slide-44184197
ディレクターからみたMovable Type + PowerCMSの優位性
http://www.slideshare.net/gotoand/movable-type-andpowercmsfordirector
CSSにもオブジェクト指向を – OOCSSことはじめ
http://www.slideshare.net/kimuranisei/css-31872360
コーディングが上達するコツ
http://www.slideshare.net/evol-ni/ss-12679755
Webデザインのセオリーを学ぼう
http://www.slideshare.net/shirokuro331/web-11608357
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
http://www.slideshare.net/horiguchiseito/master-architecture-forcss
PHP7で変わること ——言語仕様とエンジンの改善ポイント
http://www.slideshare.net/hnw/phpcon-kansai20150530
カテゴリー: 未分類 | コメントする

1ヶ月である程度のWebデザインができるようになった独学勉強法を書いてみる

1ヶ月である程度のWebデザインができるようになった独学勉強法を書いてみる
http://www.yukihy.com/entry/1month-webdesign-learning
ぼっちでも独学でWEBデザイナーになる方法(基礎編)
http://blog.cntlog.net/?p=820
美しいWEBデザインの作り方と9つのポイント
http://stand-4u.com/design/webdesign.html
Webサイトの作り方のまとめ!デザイン制作からコーディング手前まで。
http://lopan.jp/how-to-make-website/
Webデザインとは?初心者はどうやって勉強するの?
http://www.mazimazi-party.com/entry/webcamp2
やってはいけないWebデザインの学習法
http://www.be-webdesigner.com/be/learning/ng.htm
Webデザインを勉強する時に参考にしたいまとめサイト・記事20選
http://techacademy.jp/magazine/1003
1年でフリーのWebデザイナーになった僕が実行した8つのステップ【独学デザイン勉強方法】
http://tsukuruiroiro.hatenablog.com/entry/2014/10/25/152932
WebデザインでPhotoshopを使う際の活用術17記事
https://ferret-plus.com/2415
Webデザイナーを目指すならとりあえず読んでおきたい!Webデザインの基礎が学べる書籍4冊
https://ferret-plus.com/4255
これからWebデザイナーを目指す人の背中を押してくれる備忘録15選
https://ferret-plus.com/2385
【WEBデザイン】センス不要!5つのコツを抑えるだけで脱初心者
http://liskul.com/design-skill-2777
19のステップで、まったくのゼロから、独学でWebデザイナーになる方法
http://www.designmap.info/tobewebdesigner/preparation/webselfstudy2012/
WebデザインもIllustrator派!その訳と設定方法
http://www.coprosystem.co.jp/tipsblog/2014/06/18.html
【集客方法11選】BtoBマーケティングを成功に導く施策まとめ
https://liginc.co.jp/307662
jQuery高速化!処理速度を10倍上げるテクニック20選
http://millkeyweb.com/jquery-high/
カテゴリー: 未分類 | コメントする

噂のnode.jsで動くビルドシステム gulpを使ってみた「gulpでHello World.」

噂のnode.jsで動くビルドシステム gulpを使ってみた「gulpでHello World.」
http://106n.net/toro/blog/gulp-try/
Web制作の作業を効率化するための自動化ツールGruntの導入方法とおすすめプラグインまとめ
https://liginc.co.jp/web/programming/node-js/102803
今更だけどやるgrunt入門編・インストールから基本的な使い方
http://webdrawer.net/javascript/firstgrunt.html
Gulp で sass / scss ファイルを自動でインポートする
http://qiita.com/superbrothers/items/b4eb483297bf3a76bfc9
Rails での適切な Sass の構成手法について(翻訳)
http://qiita.com/natsu871/items/53b38a2543df97df751d
Sassを使いたくなる!便利機能をまとめてみました。
http://www.monster-dive.com/blog/web_creative/20140214_001113.php
simplicityでcssの読み込みを減らす
https://keima.space/simplicity-sass
第一回 Node.jsでどんなことができる?
http://mdlab.jp/project/node_js/01.html

JavaScriptの一種で、サーバーが構築できる言語です。
「あれ?JavaScriptってHTMLとかブラウザ側の言語じゃないの?」と思った方もいらっしゃると思います。
Nodeは「サーバーサイド実装の言語」であり「JavaScript」でもあります。

初心者にもわかりやすく解説!サーバーサイドJavaScript、Node.js とは?
https://blog.codecamp.jp/nodejs
作業自動化のための Node.js 入門
http://blog.honjala.net/entry/2016/03/16/003013
いまアツいJavaScript!ゼロから始めるNode.js入門〜5分で環境構築編〜
https://liginc.co.jp/web/programming/node-js/85318
Node.js を5分で大雑把に理解する
http://qiita.com/hshimo/items/1ecb7ed1b567aacbe559
タスクランナーgulp.js最速入門
http://blog.anatoo.jp/entry/20140420/1397995711
まずは「gulp」を動かしてみよう! ~セットアップとはじめてのタスク実行
http://codezine.jp/article/detail/7992
めんどくさいことはgulpで自動化しよう
http://qiita.com/roana0229/items/1fcf301b7c5f2f2ede0e
[意訳]私がGulpとGruntを手放した理由
http://qiita.com/chuck0523/items/dafdbd19c12efd40e2de
Web制作の面倒事を自動化!gulpの導入から使い方まで
https://www.wan55.co.jp/column/detail/id=287
これから始める人のためのgulp入門
http://satoyan419.com/introduction-to-gulp/
現場で使えるgulp入門
第1回 gulpとは何か
https://app.codegrid.net/entry/gulp-1
gulp.js を今一度キチンと!gulp.js 導入基礎
https://h2ham.net/gulp-basic
5分で導入! タスクランナーGulpでWeb制作を効率化しよう
https://ics.media/entry/3290
Gulp.js入門 – コーディングを10倍速くする環境を作る方法まとめ
https://liginc.co.jp/web/tutorial/117900
カテゴリー: 未分類 | コメントする

これからのCSSレイアウトはFlexboxで決まり!

これからのCSSレイアウトはFlexboxで決まり!
http://www.webcreatorbox.com/tech/flexbox/
IE8・9にもFlex boxを対応させる
http://www.webcreatorbox.com/tech/ie8-flexbox/
CSS3 Flexbox の各プロパティの使い方をヴィジュアルで詳しく解説
http://coliss.com/articles/build-websites/operation/css/css3-flexbox-properties-by-scotch.html
CSS3のFlexboxを基本から理解して、使い倒そう!
https://liginc.co.jp/web/html-css/css/21024
CSS Shapesでテキストを回り込ませるレイアウトを表現
http://www.webcreatorbox.com/tech/css-shapes/
【2016年版】ポートフォリオサイトをリデザインしました!
http://www.webcreatorbox.com/tech/portfolio-redesigned-2016/
jQueryとCSS3で手軽に実装できるスクロールエフェクト
http://www.webcreatorbox.com/tech/scroll-effect/
手軽に実装!Webサイトにアニメーションを加えられるCSS&JavaScriptライブラリー
http://www.webcreatorbox.com/tech/animation-libraries/
カテゴリー: 未分類 | コメントする

【徹底解説】Ruby資格の種類や難易度・おすすめ勉強方法まとめ

【徹底解説】Ruby資格の種類や難易度・おすすめ勉強方法まとめ
http://www.sejuku.net/blog/2537
ブログシステム(CMS)の作り方
http://www.petitmonte.com/php/blogsystem_create.html
Joruri(ジョールリ)CMSのオープンソース公開について
http://www.pref.tokushima.jp/docs/2010031800072/
オープンソースCMS機能比較一覧表
http://opensourcecms.blog122.fc2.com/blog-entry-3.html
オープンソース・フリーなCMS一覧、比較
http://matome.naver.jp/odai/2139143344473224301?&page=1
意外と知らない?サイトの更新が便利なCMSまとめ【随時更新】
https://liginc.co.jp/web/tool/30371
Joomlaが使われているサイト(事例)
https://www.joomlajp.org/newbies-for-joomla/joomla-site-example.html
ZOMEKI 導入事例 自治体サイト
http://zomeki-online.jp/article/2015011400020/
WordPress以外の手軽なCMSを探してみた
http://memo.ark-under.net/memo/1468
ZOMEKI環境を構築した仮想マシンを移設する際に設定変更をする箇所
http://qiita.com/nouphet/items/a1ffc517cde852ff44eb
カテゴリー: 未分類 | コメントする

Perl

perlの環境構築(windows)
https://donow.jp/skillup/?p=1042
Perl で SSL 証明書の有効期限を取得する
http://blog.akagi.jp/archives/3169.html
Windows 7 で Perl の開発環境・実行環境を整える!
http://ringoon.jp/2010/06/04/windows-7-perl.html
2013年も終わりだけどWindowsでPerl開発環境を作りたい
http://qiita.com/myfinder/items/afee588f2af05a2ff252
Perl の実行環境をインストール
http://allabout.co.jp/gm/gc/408109/
カテゴリー: 未分類 | コメントする

【必ず繰り返す】GAIQを取ってみた(合格までの勉強方法)

【Google・Yahoo!】リスティング広告認定試験対策まとめ
https://quartet-communications.com/info/listing/column/27582
【SEM初心者向け】これだけは取っておきたい!SEMスキルアップ資格まとめ:前編
http://ec-growth-lab.com/beginner/20141027/

GAIQ

GAIQを取ってみた(合格までの勉強方法)
http://takupon0523.hatenablog.com/entry/2015/01/12/012215
Google アナリティクス個人認定資格 (GAIQ) が日本語化されていたので受験してみた
https://hyper-text.org/archives/2015/01/gaiq_get_qualified.shtml

代理店の登録は、すでに自分の所属している会社など組織が、代理店登録されているなら会社名などで検索すれば登録可能です。個人の場合は関係ないのでスキップしておけば問題なしです。

ログインしている Google アカウントにパートナープログラムが紐付きますので、複数アカウントを持っている人はお気を付けください。

Google Analytics認定試験の勉強方法と取得した感想
http://banqmosh.com/gaiq-study
GAIQを取得したい!対策はどうしたらいいの?
http://www.peacedogman.com/gaiq/countermeasure.html
文系女子大生が24時間でGAIQ(Googleアナリティクス試験)合格してみた。
http://www.miraidenshi-tech.jp/blog/7978/
GAIQ取得、これから受講される方へ
http://tanakatomohiko.com/proviso/656.html
GAIQ試験の難易度、出題範囲は?
http://analyticsguide.jp/gaiq/level.html
【Google Analytics】個人認定資格に合格!4時間も勉強したら余裕じゃね?【GAIQ】
http://hapisupu.com/2015/11/google-analytics-individual-qualification-passed/
【無料】たった1分で試験開始!? Google Analytics個人認定資格を受けてみた!対策とおすすめの勉強方法
http://hapisupu.com/2015/11/google-analytics-individual-qualification/
GAIQを受験してきました
http://blog.tactsystem.co.jp/2016/06/gaiq_10.html
僕とGAIQとGAIQに受かる道 第1話「GAIQ」
https://www.techloco.co.jp/blog/colum/35
GAIQ 合格 のための勉強方法を共有する会
http://wsidas.com/share_study_methods_for_gaiq_pass/
3度目の正直でGAIQ(Googleアナリティクス試験)合格できたから分かった効率的な学習法
http://nishizm.com/index.php/marketing/gaiq-study/
Google アナリティクス個人認定資格(IQ)試験に独学で合格できた勉強法
https://www.lancork.net/2015/01/google-analytics-iq-exam/
Google Analytics個人認定資格(GAIQ)を取得しました
http://www.qrawl.jp/gaiq/
【2回受験で合格!】GAIQ試験の概要とGAIQ合格へのポイント
http://e-website.org/gaiq/
Google アナリティクス個人認定資格(GAIQ)に合格したのでそのポイントなど
https://kosgis.com/news/gaiq2013_kosgis/
新米デザイナーでも合格できたGAIQ(Google アナリティクス個人認定資格)とは?
https://liginc.co.jp/268743
Googleアナリティクス個人認定資格試験(GAIQ)を受験してみた
http://flashbanglabo.com/2016/02/gaiq/
個人が無料で受けれるGoogleAnalytics認定試験の勉強方法
http://nakazye.hatenablog.com/entry/2015/01/18/161340
日本語GAIQをGoogle Partnersからログインし受験する手順
http://gaiq.jp/word/process-gaiq.html

google adwords

google adwords認定試験を受けてみた
http://shinmai-web.com/post-1837/
Googleアドワーズ(Adwords)とは?いまさら聞けない基礎知識と広告出稿までの流れを解説
https://ferret-plus.com/2591
Google Adwords認定資格 初心者向け試験対策(1)
https://www.web-nomi.com/adwords/20150219_adwords/
リスティング初心者向けAdwords認定試験のススメ
https://www.principle-c.com/column/ppc/google-adwords-qualified.html
2週間で取得!Adwords基礎認定資格試験の学習方法
https://axis-blog.com/?p=3953
Google AdWords認定資格
https://agency-star.com/licenses/49/
Google AdWords認定資格の難易度とセミナー当日の服装について!!
http://pleasure-hunting.biz/3323.html
Google Adwords上級者向け試験について
https://www.web-nomi.com/adwords/20150315_adwords/

Yahooプロモーション広告

Yahoo広告認定試験 1発合格者の勉強方法
http://43factory.com/blog/yahooad/
Yahoo広告認定試験 公式ラーニングポータル
http://promotionalads.yahoo.co.jp/online/
公式ラーニングポータル(運用の基本)
http://promotionalads.yahoo.co.jp/online/ss_basic.html
公式ラーニングポータル(活用ノウハウ)
http://promotionalads.yahoo.co.jp/online/ss_upper.html
Yahoo!プロモーション広告プロフェッショナル認定試験に挑戦してきました!
https://webkikaku.co.jp/blog/ppc/yahooprofessional/
【Google・Yahoo!】リスティング広告認定試験対策まとめ
https://quartet-communications.com/info/listing/column/27582
Yahoo!プロモーション広告 プロフェッショナル認定試験 攻略法(ベーシック編)
http://jb-labo.com/yahoopro-test/
知らないと損する!必ず覚えておきたい「リスティング広告の勉強に役立つ公式サイト」のまとめと使い方
http://inhouse.niche-marketing.jp/blog/ppc/adwords_yahoo_official/
ハマれば効果は抜群!リスティング広告を成功に導くために基礎をしっかり理解しよう!
https://ferret-plus.com/662
【勉強法と試験対策】Yahoo!プロモーション広告プロフェッショナル認定試験 Advancedを受験しました
http://rentub.com/dev/yahoo-exam/
【初心者向け】リスティング広告における新人の学習方法
http://sem-hacks.com/blog/2013/03/31/572/
Yahoo!リスティング広告 プロフェッショナル認定試験の受験対策&勉強法
http://matome.naver.jp/odai/2135916312955630001
Yahoo!リスティング広告プロフェッショナル認定試験をうけてみた
http://ameblo.jp/ytiu/entry-11035360349.html
Yahoo!プロモーション広告 プロフェッショナル認定試験
http://sem-listing.xyz/exam/422/
Yahoo!プロモーション広告 プロフェッショナル認定試験「アドバンストコース」新設の狙い
【練習問題/限定キャンペーンつき】
http://markezine.jp/article/detail/18819

Yahooタグマネージャー

Yahoo!タグマネージャー認定試験内容
http://pf.prometric-jp.com/testlist/yahoo_tag/
Yahoo!タグマネージャー認定試験 よくある質問(FAQ)
http://pf.prometric-jp.com/testlist/yahoo_tag/faq_yahoo_index.html
(基礎編)Yahoo!タグマネージャーの登録方法とメリットとは?
https://www.glad-cube.com/blog/?p=3883
Yahoo!タグマネージャーのここがスゴイ、実践! タグマネジメント入門
http://web-tan.forum.impressrd.jp/e/2013/12/02/16074
カテゴリー: 未分類 | コメントする

【必ず繰り返す】ウェブサイト高速化方法 読込・表示ページスピードはECサイトのSEOで超重要

ウェブサイト高速化方法 読込・表示ページスピードはECサイトのSEOで超重要
https://www.allegro-inc.com/seo/web-page-speed
今すぐやりたい!サイトの表示速度を改善して利益を増やす10の方法。
http://jb-labo.com/speed-up-your-website/
【Google推奨】サイト(ページ)表示速度計測チェックツールまとめ
http://seolaboratory.jp/internal/2016030227843.php
Webフロントエンド表示速度、最速化手法まとめ
http://qiita.com/zaru/items/51ee8a5be22b75a42927
表示速度改善!SEOに効果的な必ずやるべきサイト高速化手法40選
https://artroot.jp/article/201403221
ページの一番下までスクロールしたら自動でコンテンツを読み込んでくれる「jQuery.bottom.js」
http://morobrand.net/mororeco/jquery/bottom/
【jQuery】ページ・コンテンツ自動読み込み
http://matome.naver.jp/odai/2143686478387383001
スクロールすると自動でコンテンツを読み込む「PageMe」
http://webkaru.net/jquery-plugin/pageme/
jQueryでページ最下部までスクロールした際に外部HTML(JSON形式)化した要素を追加する方法
http://black-flag.net/jquery/20130806-4764.html
カテゴリー: 未分類 | コメントする

【必ず繰り返す】キーワードの選び方(上級編)  SEO対策キーワードの具体的な選び方

キーワードの選び方(上級編)
http://www.lykaon-search.com/seo/whole/post-195/
SEO対策キーワードの具体的な選び方
https://ferret-plus.com/1330
【保存版】かんたん!「SEOキーワードの正しい選び方」
https://seopack.jp/seoblog/20160502-choose-kw-easily/
SEO対策に必須のキーワードの選び方~ユーザーの意図を意識した選定方法~
http://www.brain-solution.net/blog/seo/pickupkeywords/
「Googlebot がサイトにアクセスできません」の原因と対策
http://www.lykaon-search.com/seo/whole/post-2421/
FTPが使えないCMSでSearch Consoleを使用する方法
http://www.lykaon-search.com/seo/whole/post-2438/
自社サイトの状況を確認する5つの方法
http://www.lykaon-search.com/seo/whole/post-2553/
カテゴリー: 未分類 | コメントする

【必ず繰り返す】ページアンケートフォームを作る

ページアンケートフォームを作る
http://www.perl-labo.org/pagequestionnaire/1/
PHP投票・アンケートシステム(連続投票防止付き)CMS フリー(無料)版
http://www.php-factory.net/vote/01.php
Webデザインの参考になるギャラリーサイトまとめ33選
https://liginc.co.jp/designer/archives/11237
WordPress に独自の「いいね」ボタンを設置するには WP ULike プラグインが簡単で便利!
http://sinproject.net/wordpress/7678/
wordpress に「この投稿は役に立ちましたか?」を表示する「Anyway Feedback」プラグインがとてもいい!
http://sinproject.net/wordpress/158/
WordPressで会員制サイトを作成できる便利なプラグイン5選
http://techacademy.jp/magazine/6702
WordPressで会員制サイトをつくる
http://matome.naver.jp/odai/2134664386040946701
WordPressで会員制サイトを構築する際に役立つプラグイン6選
http://netaone.com/wp/wordpress-members-site-plugin/
PHP 会員制サイトの制作方法
http://www.webcyou.com/?p=4455
PHP 会員制サイトの制作方法 その2
http://www.webcyou.com/?p=4491
phpで会員登録、ログイン機能の実装1
http://marino.hatenadiary.jp/entry/2015/03/31/161634
WordPressで会員制サイトを作れる無料プラグイン「Simple Membership」
http://www.webcreatorbox.com/tech/simple-membership/
アークウェブ、Movable Type用会員制サイト構築プラグイン「A-Member(エーメ ンバー)」を発表
https://www.sixapart.jp/news/2011/10/03-1145.html
Movable Typeで会員制サイトを構築できるプラグイン「A-Member」
http://www.ark-web.jp/movabletype/a-member/
Movable Typeで会員制サイトが作れるMT用プラグイン「DynamicAuthentication」
http://www.ark-web.jp/movabletype/dynamicauthentication/
3年間使い続けたMovableTypeをより便利にする定番プラグインまとめ
http://riatw.me/blog/mtplugins.html
Movable Typeで会員制サイトは作れますか?
http://oshiete.goo.ne.jp/qa/6212584.html
アンケート項目のご紹介
http://webcas.azia.jp/formulator/function.html
高級感あるWebサイトをデザインするときに参考になるサイトと、7つのコツまとめ
https://liginc.co.jp/303466
フォントを擬人化して、そのデザインがもつ雰囲気を再発見してみた(サンセリフ編)
https://liginc.co.jp/276324
はじめてWebデザインをするときにしておいた方がよいPhotoshopの設定7選
https://liginc.co.jp/274707
Javascriptでだけで手軽にグラフが書ける「CanvasJS」の使い方
http://flashbanglabo.com/2016/02/canvasjs-chart/
カテゴリー: 未分類 | コメントする

【必ず繰り返す】.htaccess:存在しないURLを404ページにリダイレクトする

存在しないURLに対する扱いと404エラーページの設定
https://digital-marketing.jp/site-structure-404-error-page
404とリダイレクト、どっちがいいの?/在庫切れ商品ページとSEO
https://seopack.jp/seoblog/20160503-out-of-stock/
PHPで正しく404エラーページにリダイレクトする方法
https://colo-ri.jp/develop/2011/05/php-proper-404-redirect-way.html
存在しないページの対応! .htaccessで独自の404エラーページを設定する方法と注意点
http://www.dataplan.jp/blog/htaccess/1177
カテゴリー: 未分類 | コメントする

【必ず繰り返す】最近のアイコンデザインに注目!そのデザインや見せ方が素晴らしいアイコンのまとめ

最近のアイコンデザインに注目!そのデザインや見せ方が素晴らしいアイコンのまとめ
http://coliss.com/articles/build-websites/operation/design/icon-design-for-2016.html
6つの簡単なステップで改善するアイコンデザイン
http://postd.cc/better-icon-design-in-6-easy-steps/
これは参考にしたい!最近のアイコンデザインを10サイトご紹介!
http://saeki.me/%E3%81%8A%E5%8B%89%E5%BC%B7/399/
魅力的なアプリアイコンをデザインするための9つのポイント
http://uxmilk.jp/52020
フラットデザインのアイコンを幼稚にさせないコツ
http://uxlayman.hatenablog.com/entry/2015/04/14/043000
AppleのUXエバンジェリストが教える、優れたアプリアイコンをデザインする6つの秘訣
http://www.seojapan.com/blog/app-icon-design
GoogleのアイコンなどのデザインガイドラインをGoogleのデザイナーが公開中
http://gigazine.net/news/20130614-google-visual-assets-guideline/
カテゴリー: 未分類 | コメントする

【必ず繰り返す】Sassを使いたくなる!便利機能をまとめてみました。 Sass を今すぐ実務で使おうよ!

Sassを使いたくなる!便利機能をまとめてみました。
http://www.monster-dive.com/blog/web_creative/20140214_001113.php
Sass を今すぐ実務で使おうよ!
http://developers.linecorp.com/blog/?p=885
【Sassで解決】CSSの@importはどれだけ悪影響なのか自分で試してみる
http://dev.classmethod.jp/ria/html5/css-import-no-parallel-load-sass/
Sass実戦導入への後押し
http://saucer.jp/posts/show/3
Sass(+ Compass):Firebug やデベロッパーツールで SCSS の該当行を表示
https://wp-d.org/2013/03/04/3166/
Sassの教科書で一番読んで欲しいところ。
http://css-happylife.com/archives/2013/0912_1940.php
bodyに設定しておくと便利な3つのポイントとおまけ
http://css-happylife.com/archives/2007/0212_0008.php#page
Sassで効率的なCSSコーディング!今さらだけど便利なSassについて
http://web-memo.jp/sass/
【CSS】コーディングにSassを使うメリットと使い方
http://blog.nest-online.jp/14313
CSSの常識が変わる!「Compass」の基礎から応用まで!
https://liginc.co.jp/designer/archives/11623
Movable TypeでSass等を処理するプラグイン(その1)
http://www.h-fj.com/blog/archives/2013/01/09-101359.php
カテゴリー: 未分類 | コメントする

【必ず繰り返す】Java,PHP,Perl

【徹底解説】Java資格の種類や難易度、おすすめ書籍3選
http://www.sejuku.net/blog/3590
プログラミング言語の習得難易度を分類してみた
http://mikumikuplay.com/it/pg-lang-nanido/
初心者必見!おすすめプログラミング言語10選の特徴と難易度
http://eng-entrance.com/programming-recommend
2015年の人気プログラム言語6つを徹底比較!気になる年収や求人、学習難易度まで
https://toiroha.jp/article/detail/32380
Javaってどれくらい難しいのですか?
http://okwave.jp/qa/q5944268.html
JavaとPHPのどちらを学ぶか?
http://www.linuxacademy.ne.jp/lablog/programmer/36/
プログラム言語の難易度教えてください。
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12128228437
プログラマー達が語る人気プログラミング言語の比較まとめ
http://matome.naver.jp/odai/2138496893462258701
コンピュータ初心者が学ぶのに適したプログラミング言語は?
http://blogs.itmedia.co.jp/murayama/2013/10/post-dd54.html
javaを習得するまでどのくらいかかりますか?
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1111866831
プログラミングを学ぶ習得期間はどのくらい?
https://teratail.com/questions/17250
経験年数2年半のJavaプログラマがちょっと書くよ。
http://anond.hatelabo.jp/20080824080254
私は経験年数を重視します
http://tdsen.blog.jp/archives/31015177.html
PHP経験者にオススメのJava勉強方法
http://oshiete.goo.ne.jp/qa/7940571.html
PHPとJavaを徹底比較!結局どっちを勉強すればいいの??
http://www.sejuku.net/blog/4162
【初心者向け】これもJava? Javaで作れるものまとめてみた
http://eng-entrance.com/java_product_summary
Java初心者は何から作るべきか
http://oshiete.goo.ne.jp/qa/3509094.html
【5分でわかる】Java言語とは?特徴や使い道・作れるものなどを簡単解説!
http://www.sejuku.net/blog/3686
【5分でわかる】Java言語とは?特徴や使い道・作れるものなどを簡単解説!
http://www.sejuku.net/blog/3686
一番かんたんなJava入門
http://nobuo-create.net/profile/
これからプログラミング言語勉強したいけど何からやればいいの?オススメは?という方へ向けたアドバイス
http://akiyukipc.com/web/562/
電卓の外見をプログラムとして作成する
http://msyk.net/keio/JavaBook/eclipse-indigo/ch12.html
アプリ開発をしたいです!でも何から始めればいいのか・・・。
https://teratail.com/questions/4817
Java、PHP、Perl、Rubyどれが良い?システム開発におけるプログラミング言語の特徴まとめ
https://imitsu.jp/matome/8424402122931196
PHPの次に覚えるべき、おすすめの言語は?
https://teratail.com/questions/3592
人気プログラミング言語7種類の特徴比較と入門書まとめ【初心者向け】
http://www.ituore.com/entry/programming-language-summary
今さら聞けない!Javaとは 【初心者向け】
http://techacademy.jp/magazine/9250
初心者でも簡単にできる!Javaをインストールする方法(Windows編)
http://techacademy.jp/magazine/8998
「なぜ国内でPerlが急速に萎んだのか」という記事を読んで
http://d.hatena.ne.jp/perlcodesample/20130307/1362637020
Perlの食えない事情
http://f13.aaacafe.ne.jp/~mugen/perlvsphp/
perlの習得は難しい勉強になるんですか?
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q13140194523
Perlを習得してプログラム開発できるまで
http://oshiete.goo.ne.jp/qa/2229237.html
phpをある程度習得するまでの期間
http://oshiete.goo.ne.jp/qa/3208511.html
プログラミング技術の習得期間はどれくらいで
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1372945643
プログラミング言語の種類と習得難易度の比較
http://java.it-manual.com/programming.html
何故、企業はPerlを嫌うのか
http://srad.jp/~taro-nishino/journal/484188/
プログラミング人気調査、Perlが「過去最低」の順位に
http://developers.srad.jp/story/14/04/17/0412243/
開発言語って何を使う?
http://qiita.com/mesaka/items/36a9cd183f3316a09f5e
カテゴリー: 未分類 | コメントする

【必ず繰り返す】ブログで削除したページがグーグル検索に残

エンジニアとして知っておいてよかったSEO(=Google)のことと参考書籍まとめ(編集中)
http://qiita.com/knife0125/items/9b9bc4b45884b886b520
ブログで削除したページがグーグル検索に残
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q14108155929
google検索などの『キャッシュ』は いつまで
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1365415638
すでに削除したブログを、検索エンジンにかか
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q11112887661
ウェブマスターツールで Google検索結果から URL の削除を行う方法
http://plus1world.com/webmasters-tools-url-removal
検索結果から削除したいサイトや情報がある場合の対処法
http://j-sem.net/search-sakujyo/
グーグル検索結果からページを削除する方法
http://3media.biz/web-marketing/remove-pages-from-google.html
Google の検索結果からコンテンツを削除するには
https://webmaster-ja.googleblog.com/2011/05/google.html
カテゴリー: 未分類 | コメントする

【必ず繰り返す】模写して学ぼう!駆け出しデザイナーのためのデザイン上達法

模写して学ぼう!駆け出しデザイナーのためのデザイン上達法
https://liginc.co.jp/web/design/photoshop/74339
Webデザイン初心者が独学でスキル向上を目指すときの基本
https://liginc.co.jp/library/124209
専門知識不要で瞬時にWebサイトのクオリティチェックができるツール7選
https://liginc.co.jp/web/tool/other-tool/131476
WEBデザインが短期間で上達した方法
http://blog.idea-clippin.com/?p=332
数字が美しい書体選びの秘訣とは?すぐに使える Google フォント20個まとめ付
http://photoshopvip.net/94020
カテゴリー: 未分類 | コメントする

【必ず繰り返す】【超速スキルアップ】Photoshopはこれで早く強くなる!

【超速スキルアップ】Photoshopはこれで早く強くなる!
http://matome.naver.jp/odai/2136312142964146401
Photoshopを極める、すごいチュートリアル30個まとめ 2012年5月版
http://photoshopvip.net/36353
Photoshopは、まずはこの3つのポイントをおさえなさい。Webデザイナー、WebクリエイターのためのPhotoshopのおススメ書籍
http://www.designmap.info/tobewebdesigner/howtostudy/photoshopwebwebphotoshop_1/
Illustrator、Photoshopに慣れたいのですが
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q11117684301
カテゴリー: 未分類 | コメントする

【必ず繰り返す】Microsoft Edge(Windows 10)の動作検証とWeb制作への影響

Microsoft Edge(Windows 10)の動作検証とWeb制作への影響
http://toms1.net/news/2015/08/microsoft-edge.html
新ブラウザMicrosoft Edgeの実力はいかに?
Web制作者が抑えておきたい各ブラウザを上回るHTML5描画性能
https://ics.media/entry/8091
Windows 10の2つのWebブラウザ、Microsoft EdgeとInternet Explorer 11
https://html5experts.jp/ykasugai/16820/
Windows 10で標準ブラウザを Microsoft Edge からInternet Explorer 11 に変更する方法は?
http://www.commufa.jp/faq/detail.php?id=f00000264
カテゴリー: 未分類 | コメントする

【必ず繰り返す】Apache入門

Apacheの勉強方法
https://teratail.com/questions/28400
Apacheのwelcome.confをちゃんと読んでみたら意外と勉強になった。
http://dqn.sakusakutto.jp/2012/09/apache_welcome.conf.html
.htaccessを勉強する良い方法を教えてください。
http://q.hatena.ne.jp/1368497493
Apacheの構築に必要なファイル
http://www.obenri.com/_webserver/about_apache.html
プログラミング初心者が最初に学習するべきプログラミング言語とその学習法
http://d.hatena.ne.jp/kusakari/20080822/1219398935
とりあえず本を買ってきた。
http://javascripter.hatenablog.com/entry/20080323/1206287018
Apache HTTP Web Server 2.2/2.4の使い方・構築手順・設定方法を勉強するためのリンク集。入門用サイトでサーバ技術を身につける
http://computer-technology.hateblo.jp/entry/20141229/p1
カテゴリー: 未分類 | コメントする

【かならず繰り返す】Perlの本・参考書の評判

Perlの本・参考書の評判
http://programming-study.com/language/perl-books/
Perl/CGIの参考書籍
http://www.torawaka.jp/ToraX3/book.html
分かりやすい、オススメのperlの入門書を教えて下さい
http://q.hatena.ne.jp/1165274215
perlというのは、何が出来る言語なのですか?
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1079419515
CGIの基礎知識
http://www.tryhp.net/first.htm
CGIって何?(CGIの概要)
http://www.chama.ne.jp/download/web/whatiscgi.htm
メルマガCGIフリーソフト
http://chama.ne.jp/download/mail/maga/index.htm
CGIサンプル
http://marco.s4.xrea.com/cgitop.html
Perl、Python、PHP、Ruby、JavaScriptについて – Mar 2016 -
http://qiita.com/raccy/items/762abd235fb03d40d7b8
Perl、Python、PHP、Rubyについて
http://qiita.com/raccy/items/81f936e324c4dde61d9f
【プログラミング初心者】PHPとRuby on Rails、どちらをがっつり勉強すべきでしょうか
https://teratail.com/questions/14841
プログラミング言語Ruby リファレンスマニュアル
http://docs.ruby-lang.org/ja/
Rubyはじめました:RubyでCGI.フォームデータを受けとる
http://blog.tofu-kun.org/070903003706.php
CGI プログラムを書いてみる
http://ruby.kyoto-wu.ac.jp/konami/Documents/cgitutorial/
CGIサンプル集について
http://cgikon.com/sample_top.html
CGIプログラムのサンプル
http://ash.jp/cgiprog/
Perl(CGI)、PHPの無料メールフォームスクリプト
http://matome.naver.jp/odai/2133410873245152001
カテゴリー: 未分類 | コメントする

【必ず繰り返す】Ruby入門完全攻略ガイド【基礎学習/Railsアプリ開発/仕事獲得】 RubyとRuby on Railsを勉強すれば何ができるの?

Ruby入門完全攻略ガイド【基礎学習/Railsアプリ開発/仕事獲得】
http://www.sejuku.net/blog/3032
RubyとRuby on Railsを勉強すれば何ができるの?
https://crowdtech.jp/job_offers/skills/22/articles/126/
ステップ1 Rubyって何?
http://ruby.city.matsue.shimane.jp/step1.html
今さら聞けない!Rubyとは【初心者向け】
http://techacademy.jp/magazine/6959
初心者におすすめ!Rubyを学習できる無料サービス7選
http://techacademy.jp/magazine/6154
【初心者】Ruby on RailsでWEBアプリを開発できるようになる最短フロー
http://www.vivi-life.com/entry/rails-ruby-web-app/
Ruby on Railsとは?初心者にもわかりやすく解説!
https://blog.codecamp.jp/what_is_rails
Ruby on Rails を勉強しない方が良い100の理由
http://ledsun.hatenablog.com/entry/2013/07/24/112644
Webサービス作るの難しすぎるよう…
http://shgam.hatenadiary.jp/entry/2013/07/24/181230
Ruby on Rails入門に最適のチュートリアルサイト10選
http://techacademy.jp/magazine/5910
【初心者必見】Ruby on Railsの入門からWEBアプリ開発まで最短6ステップ
http://www.sejuku.net/blog/1518
【初心者必見】WEBアプリ開発ができる言語まとめ
http://www.sejuku.net/blog/5968
今更聞けない!Rubyプログラミングとは何か?〜基礎の基礎を学ぼう〜
http://www.sejuku.net/blog/1978
超初心者必見!PHPとは?特徴やできること・基礎学習法まとめ
http://www.sejuku.net/blog/4097
これからの時代はプログラミングって聞くけどどの言語がいいの?
https://blog.codecamp.jp/programming_language_2015
5分で理解!Web開発初心者におすすめするプログラミング言語
http://eng-entrance.com/web_development_language
他人事じゃない!WEBサイトに対する10の攻撃パターンと対策方法まとめ
https://blog.codecamp.jp/web_security
絶対理解できる!Webサービス、WEBアプリケーションの仕組みとは?
http://www.sejuku.net/blog/1046
Webアプリをあっという間にカッコよく! BootstrapによるレスポンシブWebレイアウト
https://codezine.jp/article/detail/7876
webサービス(webアプリ)を1年独学で個人開発してきた僕の作り方
http://mtitg.com/how-to-make-webservice/
カテゴリー: 未分類 | コメントする

【必ず繰り返す】Rubyの本・参考書の評判 Rubyの習得にかかる時間は?

Rubyの本・参考書の評判
http://programming-study.com/language/ruby-books/
Ruby on Rails入門におすすめの本5冊
https://blog.techstars.jp/rails-book938383/
これからRubyを勉強する人が絶対読んでおきたい書籍9冊+α
http://www.find-job.net/startup/ruby-books
Ruby on Railsの学習本をレベル分け!入門、中級、上級全5冊
http://www.sejuku.net/blog/4803
初心者必見!Rubyの基礎が学べるおすすめの本5選
http://media.tech-salon.com/ruby-%E6%9C%AC-%E5%88%9D%E5%BF%83%E8%80%85/
RubyとRuby on Railsを勉強すれば何ができるの?
https://crowdtech.jp/job_offers/skills/22/articles/126/
プロのエンジニア9人が徹底解説!おすすめのプログラミング言語9選
https://www.geekjob.jp/recommended-programming-language/
素人がRuby on Railsを勉強してWEBサービスを作るまで
http://www.rokurofire.info/2013/04/11/rails_webservice/
【入門者必見】Rubyを効率よく学習するための3つの勉強方法
http://www.sejuku.net/blog/2460
【入門者必見】2016年最新比較!プログラミング言語ランキングTOP10
http://www.sejuku.net/blog/2439
全くプログラミングを知らない人間がRubyを
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1181707151
初心者が最短でプログラミングを習得するための効率的な勉強法8選
http://programming-study.com/trouble/how-to-study/
Rubyの習得にかかる時間は?
http://q.hatena.ne.jp/1180847405
人気プログラミング言語7種類の特徴比較と入門書まとめ【初心者向け】
http://www.ituore.com/entry/lifehack
プログラミングを始めたい人のための言語一覧
https://divide-et-impera.org/archives/1813
Ruby on Railsサービス開発逆引き辞典
http://code.materializer.co/
プログラミング言語Ruby リファレンスマニュアル
http://docs.ruby-lang.org/ja/
食べログのような口コミサイトを作るのは
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q14117869704
食べログやぐるなびのようなポータルサイトを
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1197520046
カテゴリー: 未分類 | コメントする

【必ず繰り返す】初心者が学ぶべきプログラミング言語は何が良い?好きなサービスや作品から逆引きしてみよう! CakePHPって何?使う理由は?

初心者が学ぶべきプログラミング言語は何が良い?好きなサービスや作品から逆引きしてみよう!
http://creive.me/archives/8790/
CakePHPってなに?WEBアプリケーションフレームワークってなに?美味しいの?
http://hideichi.com/archives/369
CakePHPをゼロから始めるときの参考サイト
http://matome.naver.jp/odai/2138245018375771201/a>
クックパッドのようなユーザー投稿型のWebサービスを新規作成
http://w3q.jp/t/9342
クックパッドのようなWEBサイト
http://q.hatena.ne.jp/1261314625
PHPのできること、できないこと!初心者向けプログラミング言語解説
http://www.sejuku.net/blog/4064
超有名サイトのPHP製無料クローンスクリプト38選
http://smkn.xsrv.jp/blog/2010/07/famous-site-clone-script-with-php/
クックパッドのような投稿掲載サイトを作る為
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1482877064
一ヶ月、Rubyを本気で独学した結果(文系向け)
http://30ruby.hatenablog.com/entry/2014/11/01/030505
【初心者】生まれて初めてプログラミングをする文系人間のためのチュートリアル
http://qiita.com/yoshimikeisui/items/0872739e771f8a18a956
今更聞けない!Rubyプログラミングとは何か?〜基礎の基礎を学ぼう〜
http://www.sejuku.net/blog/1978
小学生でもわかるRuby on Rails入門
https://openbook4.me/projects/92
【続!6ヶ月編】プログラミング完全初心者が最初にやったことまとめ【その2】
http://vsanna.sakura.ne.jp/wp/2015/01/programstart6months2/
カテゴリー: 未分類 | コメントする

【必ず繰り返す】ユーザーの期待に応えるクックパッドのUI/UXーWDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」

ユーザーの期待に応えるクックパッドのUI/UXーWDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」
https://html5experts.jp/yusuke-naka/14364/
クックパッドの元山和之氏「デザイン力向上のカギは観察すること」【連載:UI・UXキホンのキ】
http://type.jp/et/log/article/uiuxnokihon-01
「UX」という言葉が聞こえないクックパッドのサービスデザインとは?
http://uxmilk.jp/18364
1のアイコンは1000の言葉に匹敵するか?
http://uxmilk.jp/1402
【UXの迷信】ユーザビリティさえ良ければ、サイトの見た目は関係ない?
http://uxmilk.jp/1461
【UXの迷信】アイコンがあればユーザビリティは向上する?
http://uxmilk.jp/1467
【UXの迷信】サイト内はどこでも3クリック以内でアクセスできるべき?
http://uxmilk.jp/1507
ボタンデザインの歴史と進化から学ぶベストプラクティス
http://uxmilk.jp/48628
UXデザイナーが身につけるべき「質問力」とは?
http://uxmilk.jp/6
【UXの迷信】 モバイルユーザーは注意が散漫?
http://uxmilk.jp/1471
クックパッド
http://cookpad.com/
カテゴリー: 未分類 | コメントする

【必ず繰り返す】webデザイナー4年目!その間に身につけたスキル

webデザイナー4年目!その間に身につけたスキル
http://web-design-cafe.com/archives/1154
書評「だからそのデザインはダメなんだ」で適切なUIデザインを考える
http://web-design-cafe.com/archives/1571
脱自己流!上手くいくデザインの手順とは。
http://web-design-cafe.com/archives/1672
今後のデザインのトレンドとして注目!コンテンツファーストのサイトをまとめてみた
http://web-design-cafe.com/archives/1446
webデザインのトレンドを取り入れよう!デザインの参考になるリソース 〜日本編〜
http://web-design-cafe.com/archives/1256
デザインの引き出しを増やすために!スクラップがオススメ♪
http://web-design-cafe.com/archives/1239
webデザインに活用するゴーストボタンを作るときの文字をセンタリングする方法
http://web-design-cafe.com/archives/1186
webデザインのトレンド!文字によって変形するゴーストボタンをイラレで作る方法
http://web-design-cafe.com/archives/1036
webデザインのトレンドと取り入れよう!デザインの参考になるwebリソース 〜海外編〜
http://web-design-cafe.com/archives/853
スターバックスに学ぶブランディング:デザインコンセプトとは
http://web-design-cafe.com/archives/684
ついつい押したくなる!立体的なボタンのデザインをPhotoshopで作る方法
http://web-design-cafe.com/archives/655
今流行りのロングシャドウの簡単な作り方
http://web-design-cafe.com/archives/337
超クール!webマーケティングが学べる「沈黙のwebマーケティング」を読みました
http://web-design-cafe.com/archives/1410
6ステップで完成!CSS3でお洒落な「千鳥格子」を作る方法
http://mae.chab.in/archives/2310
HTML5 & CSS3のクロスブラウザー対応方法まとめ
http://mae.chab.in/archives/1463
8ステップで完成!CSS3で「斜めのストライプ」を作る方法
http://mae.chab.in/archives/2269
カテゴリー: 未分類 | コメントする

【必ず繰り返す】Sass + Compass の基本導入と設定ファイル config.rb について

Sass + Compass の基本導入と設定ファイル config.rb について
https://wp-d.org/2013/01/03/1732/
昔のCSSをLessとかSassにしたいの
https://wp-d.org/2013/02/15/2703/
Sass(+ Compass):Firebug やデベロッパーツールで SCSS の該当行を表示
https://wp-d.org/2013/03/04/3166/
ブラウザでSassをデバッグ
https://www.xenophy.com/sass/4150
やっぱりSassは導入すべき! メリット・デメリットを考察したうえで、導入を薦める最大の理由
http://lifequest-blog.com/webcreation/css/589/
Sass実戦導入への後押し
http://saucer.jp/posts/show/3
WordPressテーマ編集にSassを使う – GruntでCSSにコンパイル、結合、圧縮する方法
http://mae.chab.in/archives/2506
KoalaというSCSS(SASS)開発補助ツールを使ってWordPressテーマの開発効率を手軽にアップする方法
http://nelog.jp/wordpress-sass-compass-gui
wordpress テーマ制作で scss / compass を使う時、はじめに設定すること
http://anque-mix.com/wordpress-2/623.html
WordPressテーマのsassコンパイルやminifyをGulpでやる
http://blog.mah-lab.com/2014/05/26/wordpress-theme-with-gulp/
Sass+CompassでWordPress用のCSSを作ると、ビジュアルエディタ用CSSの管理が幸せになる。
http://www.90zbear.com/web-develop/wordpress/871/
超倍速でWordPressオリジナルテーマ作成!骨だけ「Bones」の使い方をザックリと
http://websae.net/wordpress-bones-20141203/
使わない方が良い?WordPress 案件をsassでカスタマイズして思う3つのこと。
http://web-design-cafe.com/archives/1551
カテゴリー: 未分類 | コメントする

【必ず繰り返す】『CMS』のブログ記事一覧,movable type,wordpress

『CMS』のブログ記事一覧
http://www.hp-stylelink.com/news/cms/
WordpressとMovableTypeの違いとメリット・デメリット
http://www.hp-stylelink.com/news/2013/07/20130729.php
カスタムフィールドの作成と表示
https://www.movabletype.jp/documentation/mt6/custom-fields/
MTOS用カスタムフィールド プラグイン
http://web-memos.blogspot.jp/2013/04/mtos.html
MTOSでCMS構築する際に入れておきたい便利なプラグイン
http://matome.naver.jp/odai/2134188471400080501
MTOS活用テクニック–カスタムフィールドで本格的なCMS機能を実現! – 感想
http://www.tinybeans.net/blog/2009/03/25-065810.html
MTOSでカスタムフィールドを使う
http://suckamon.com/web/2015/10/mt_custom/
MTOSでカスタムフィールド:AnotherCustomFieldsプラグイン
http://senoweb.jp/mt/weblog/2012/07/mtos-custom.html
【MTOSカスタマイズ】MTEntryFlagを利用して条件分岐をする
https://third-party.org/isalog/mtentryflag/
カテゴリー: 未分類 | コメントする

基礎から学べるJavaScript!【型(Type)】と【オブジェクト】,効率良くCSSコーディングできるSassを使ってみよう!Mac+Codaなら設定も簡単!

基礎から学べるJavaScript!【型(Type)】と【オブジェクト】
http://www.hp-stylelink.com/news/2013/07/20130730.php
効率良くCSSコーディングできるSassを使ってみよう!Mac+Codaなら設定も簡単!
http://www.webcreatorbox.com/tech/css-sass/
アイコンフォントでリンクタイプ別にアイコンつける方法
http://www.webcreatorbox.com/tech/iconfonts/
カテゴリー: 未分類 | コメントする

cssスプライトで画像を円滑に表示させる

cssスプライトで画像を円滑に表示させる
http://www.webcreatorbox.com/tech/css-sprite/
少しのコードで実装可能な20のcss小ワザ集
http://www.webcreatorbox.com/tech/css-tips20/
【第2弾】少しのコードで実装可能な20のCSS小技集
http://www.webcreatorbox.com/tech/css-tips-2/
カテゴリー: 未分類 | コメントする

【必ず繰り返す】css btnはこれで完璧,css btn,cssパーツ,css

簡単に実装できる、ボタン画像のマウスオーバーイベント 10+
http://www.nxworld.net/tips/button-mouseover-event.html
CSSだけで作る立体的なボタン
http://cra.jp/blog/skill/1506_buttoncss/
CSSのみで実装するボタンデザインやホバーエフェクト 20+α
http://www.nxworld.net/tips/css-only-button-design-and-hover-effects.html
動くCSSのためのメモ。
http://lopan.jp/css-animation/
CSSで実装できる、魅力的なボタンデザイン用サンプル、テクニック30個まとめ
http://photoshopvip.net/80846
CSSで実装できる、思わず押したくなるボタン用コードスニペット38個まとめ
http://photoshopvip.net/88684
UIデザインの参考に フラットデザインアイコンサンプルまとめ
http://plus1world.com/30-free-flat-icon-sets
サイトに使えるソーシャルボタンをCSS3で立体的に作るチュートリアル
http://siemenspure.com/social-button/
【CSS】CSSだけでフラットデザインのボタンを作る方法
http://delaymania.com/201410/web/css-button-flat-design/
hover時に素敵な動きを加えてくれるcss3アニメーション10選
http://blog.8bit.co.jp/?p=12921
css3アニメーションのレパートリーがきっと増える!動きの参考になる22サイト
https://webkikaku.co.jp/blog/htmlcss/css3animation/
CSS3だけで実装!マウスオーバーエフェクトまとめ
http://matome.naver.jp/odai/2139057648899874001
こんなの作りたい!CSS3で実装するキレイなボタンチュートリアルまとめ
http://blog.nest-online.jp/11681
(K)フラットなデザインのカチッと動く立体ボタンをCSSのみで作成してみる
http://webkcampus.com/201501/926/
5つの効果で作る、よく使うCSS3ボタンデザインサンプル集
http://touch-slide.jp/column/304/
CSSだけでここまでできる!キレイなボタンの作り方
http://www.hp-stylelink.com/news/2013/07/20130717.php
CSSだけでホバーエフェクトが実装できる!Hover.cssの使い方
http://www.hp-stylelink.com/news/2015/01/20150107.php
カテゴリー: 未分類 | コメントする

【必ず繰り返す】EC-CUBE初心者のためのSmartyの使い方入門

EC-CUBE初心者のためのSmartyの使い方入門

http://designup.jp/eccube-smarty-207/

EC-CUBEカスタマイズかゆいところに手が届く小技4選

http://liginc.co.jp/web/programming/php/18268

ECcubeのSmartyでPHPを使う

http://blog.dacelo.info/php/entry-706.html

[PHP] EC-CUBEでテンプレート内からPHPを呼び、Smartyの変数を参照する方法。

http://blog.aulta.net/2009/08/20/php-ec-cube%E3%81%A7%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E5%86%85%E3%81%8B%E3%82%89php%E3%82%92%E5%91%BC%E3%81%B3%E3%80%81smarty%E3%81%AE%E5%A4%89%E6%95%B0%E3%82%92%E5%8F%82/

EC-CUBEライセンスについて

http://www.ec-cube.net/license/business.php

カテゴリー: 未分類 | コメントする

【必ず繰り返す】PHPフレームワークとは?,Web制作者は知っておきたいwebサイトのレイアウト7選

PHPフレームワークとは?
http://www.phppro.jp/article/framework/framework.php
人気のPHPフレームワーク比較!おすすめの15選まとめました
http://eng-entrance.com/php_framework
[CakePHP,Laravel,Codeigniter]PHPフレームワークの立ち位置を考えてみた
https://rdlabo.jp/php-338.php
「WebデザイナーやノンプログラマーにおすすめしたいPHPの勉強法」の3年後
http://ryo511.info/archives/3514
人気急上昇!PHPフレームワーク「Laravel」を使ってみました。 インストール 〜 起動まで。
http://www.webcyou.com/?p=5425
WEBデザイナーが選ぶCSSフレームワーク10個紹介
http://ichimaruni-design.com/2015/01/css-framework/
webデザインを要素ごとにまとめたサイト
http://design-spice.com/2010/04/01/mephobox/
Web制作者は知っておきたいwebサイトのレイアウト7選
http://design-spice.com/2011/08/31/web-layout7/
私がwebサイトのラフデザインを制作する時の流れ
http://design-spice.com/2011/06/23/website-rough/
Webデザイナーが独学でWebサービスを作って公開するまで
http://design-spice.com/2015/08/19/we-service/
【再掲】やってみた「WebデザイナーやノンプログラマーにおすすめしたいPHPの勉強法」
http://higan96.hatenablog.com/entry/2013/08/31/201018
これでスッキリわかる!最新PHPのフレームワーク7選!
https://blog.codecamp.jp/php_frameworks
カテゴリー: 未分類 | コメントする

【必ず繰り返す】Sassを使いたくなる!便利機能をまとめてみました。

Sassを使いたくなる!便利機能をまとめてみました。
http://www.monster-dive.com/blog/web_creative/20140214_001113.php
これからSassを始めたい人へ!導入手順をまとめてみた(Dreamweaver対応)
http://liginc.co.jp/web/html-css/css/56599
【Sassを覚えよう!Vol.9】変数と演算で効率的に
http://css-happylife.com/archives/2012/0126_0001.php
【Sassを覚えよう!】もくじ的なのと参考リンク
http://css-happylife.com/archives/2012/0130_0415.php
カテゴリー: 未分類 | コメントする

【必ず繰り返す】 CakePHP2を学ぼう!優しいCakePHP超入門!スクリーンショット多め

CakePHP2を学ぼう!優しいCakePHP超入門!スクリーンショット多め
http://webcake.no003.info/event/cakephp2-8hours-seminar.html
CakePHPってなに?WEBアプリケーションフレームワークってなに?美味しいの?
http://hideichi.com/archives/369
JavaScriptでゲームを作ろう!おすすめ学習本5選
http://www.sejuku.net/blog/3821
【超初心者向け】PHPプログラミング入門の入門
http://www.sejuku.net/blog/2046
【完全保存版】PHP入門書籍5選
http://www.sejuku.net/blog/4114
PHP・CakePHPリファレンス本とおすすめサイト7選
http://www.sejuku.net/blog/10034
PHPのできること、できないこと!初心者向けプログラミング言語解説
http://www.sejuku.net/blog/4064
PHPからMySQLのデータをJSON形式で出力してjQueryとAjax通信を使って取得して表示するサンプル
http://webcake.no003.info/webdesign/jquery-ajax-php-json-sample.html
jQuery & Ajax通信を使ってPHPにPOSTでデータを送信するサンプル
http://webcake.no003.info/webdesign/jquery-ajax-php-post-sample.html
GUIアプリケーション「Koala」でSass、Compassを楽に扱う
http://webcake.no003.info/webdesign/koala-sass-compass.html
カテゴリー: 未分類 | コメントする

【必ず繰り返す】どれがおすすめ?Dropboxのようなオンラインストレージサービス6つを比較してみた

Google ドライブ、フォルダを選択しての同期が可能に
http://www.danshihack.com/2016/05/01/junp/google-drive-select-what-you-sync.html
どれがおすすめ?Dropboxのようなオンラインストレージサービス6つを比較してみた
http://shonan-web.jp/tool/cloud/
目的に応じて選ぼう!無料で使えるオンラインストレージ 11 選
https://navi.dropbox.jp/online-storage-free/
初心者向け【 無料版 Dropbox 導入ガイド 】
http://dropbox.infotown.org/
Dropboxをパソコンにインストールする
https://dekiru.net/article/12774/
web業界初の国家資格「Webデザイン技能検定」合格ラインの知識を身につけるコツ
http://suema-r.com/blog/webdesign_kentei_grad3/
ウェブデザイン技能検定
http://www.shikakude.com/sikakupaje/webdesign.html
カテゴリー: 未分類 | コメントする

【必ず繰り返す】Gmailで無限にメールアドレスを作る簡単な3つの方法

Gmailで無限にメールアドレスを作る簡単な3つの方法
http://athomegeek.com/make-unlimited-email-address/
Googleアカウントの新規作成
http://www.ajaxtower.jp/googleaccount/new/index1.html
Googleアカウントの作り方と複数アカウントでの追加方法
http://kanyamaru.com/596.html
Gmailアカウントの作り方、新規作成・複数管理・削除・復活まで(iPhone/Android)
http://appllio.com/how-to-use-gmail-account
Yahoo!メールをGmailで送受信する”簡単な”設定方法
https://careerpark.jp/10890
Googleアカウント を複数作る方法を教えてく
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q14135453454
Gmailアカウントを複数取得する方法
http://oshiete.goo.ne.jp/qa/6471011.html
グーグルアカウント複数取得
http://oshiete.goo.ne.jp/qa/7843230.html
複数の Google アカウント間を切り替える
https://support.google.com/docs/answer/2405894?co=GENIE.Platform%3DDesktop&hl=ja
複数のアカウントに同時にログインする
https://support.google.com/accounts/answer/1721977?hl=ja
カテゴリー: 未分類 | コメントする

【必ず繰り返す】Movable Type 6 の新しいライセンスについて,Movable TypeでSass等を処理するプラグイン(その1)

Movable Type 6 の新しいライセンスについて
https://www.movabletype.jp/blog/about_movabletype6_license_change.html
MTOSを使いたいので本を購入したいのですが・・
https://secure.netowl.jp/bbs/detail.cgi?td=2606
MTOSでカスタムフィールドを使う
http://suckamon.com/web/2015/10/mt_custom/
MTOSでCMS構築する際に入れておきたい便利なプラグイン
http://matome.naver.jp/odai/2134188471400080501
Movable TypeでSass等を処理するプラグイン(その1)
http://www.h-fj.com/blog/archives/2013/01/09-101359.php
Movable Type の配列・ハッシュで誤解していたこと
http://bunlog.d-s-b.jp/page/2/
MTOS: Movable Type オープンソース・プロジェクト
https://www.movabletype.jp/opensource/about.html
Movable Type Open Source
https://www.movabletype.jp/opensource/
Movable Type(ムーバブルタイプ)超入門解説
http://liginc.co.jp/web/tool/85526
【オープンソースCMS】MovableTypeの使い方まとめ
http://matome.naver.jp/odai/2130833533068380601
MTOSとはMovable Type Open Source(ムーバブルタイプオープンソース)という無料のMovable Type(MT)である
http://www.domo-domo.com/mtos/whatmtos/movabletypeopensource/
カテゴリー: 未分類 | コメントする

【必ず繰り返す】この順番に読んだらOKだった!ド素人からJavaScriptを理解するための10冊+α

この順番に読んだらOKだった!ド素人からJavaScriptを理解するための10冊+α
http://testcording.com/?p=998
デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則
http://webdesignrecipes.com/4-factor-of-designing/
STANDARDが厳選するデザイナーに読んでもらいたい書籍
http://www.standardinc.jp/reflection/article/recommend-books/
基礎の基礎。新人webデザイナーにオススメしたいデザイン関連書籍7冊!
http://www.actzero.jp/developer/report-12324.html
Webデザイン力をアップさせる4つのアクション
http://www.actzero.jp/developer/report-3826.html
デザイン始めたばかりの人にオススメ!学校で紹介して評判の良かったデザインの本と雑誌あつめました
http://webdesignmatome.com/news/book01
デザインって何だ?今こそ学びたい人におススメの書籍15冊
http://careersupli.jp/lifehack/design/
デザイナーにおすすめの書籍を紹介【デザインの基礎力が向上する】
http://tensblog.com/post-1083/
新人デザイナーにおすすめ!自腹買い本5選
http://liginc.co.jp/web/design/139805
LIGのデザイナー陣がオススメする、これだけは読んでおきたいデザイン本15選
http://liginc.co.jp/web/design/138869
カテゴリー: 未分類 | コメントする

【必ず繰り返す】Javascriptの本・参考書の評判

Javascriptの本・参考書の評判
http://programming-study.com/language/javascript-books/
JavaScriptの学習本をレベル分け!入門、中級、上級全6冊
http://www.sejuku.net/blog/651
素人がJavaScriptについて知った口をきけるようになるために2014年に読んだ書籍
http://qiita.com/nextfactory/items/57ae2f1b8848447af2d6
JavaScript 徹底入門のための資料&書籍まとめ
http://morizyun.github.io/blog/javascript-learning-tech-yourself_01/
デザイナーも推薦!入門から始めるjQueryのおすすめ本5選
http://media.tech-salon.com/jquery-%e5%85%a5%e9%96%80-%e6%9c%ac-%e3%81%8a%e3%81%99%e3%81%99%e3%82%81/
PHPを入門から学ぶ人が最初に見るべき資料5選
http://media.tech-salon.com/php-%e5%85%a5%e9%96%80-%e8%b3%87%e6%96%99/
カテゴリー: 未分類 | コメントする

【必ず繰り返す】Movable Typeの脱初心者を目指そう!MTで作る小・中規模サイトの実装入門,ウェブの UI デザイン・ビジュアルデザインの基礎を学ぶのに役立った本まとめ

Movable Typeの脱初心者を目指そう!MTで作る小・中規模サイトの実装入門
http://sinap.jp/blog/2016/07/movabletype-1.html
ウェブの UI デザイン・ビジュアルデザインの基礎を学ぶのに役立った本まとめ(2015年・冬)
http://blog.inouetakuya.info/entry/2015/12/27/210957
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」
http://www.slideshare.net/20150603/2-48961616
Webデザインのウソ・ホント ~ Web らしくデザインするためのヒント
http://www.slideshare.net/yhassy/web-web-11786309
Webデザインのセオリーを学ぼう
http://www.slideshare.net/shirokuro331/web-11608357
優れたデザインの 定義と思考方法
http://www.slideshare.net/junichiizumi/ss-19254542
いいデザインと悪いデザイン
http://www.slideshare.net/KokiTakahashi/merge
テクニカルクリエイターの道具と守備範囲 2016
https://www.cyberagent.co.jp/technicalcreator/article/id=12312
優れたユーザビリティを実現する25の基本概念
http://blog.btrax.com/jp/2012/09/03/usability-2/
つい買ってしまう!? 素敵なUI・UXのECモバイルサイト6選
http://www.domore.co.jp/mobilelab/ec/ec_mobile_6select
STANDARD inc 鈴木健一が語るUIデザインの本質|「サービスの価値」を考えることが存在意義
http://careerhack.en-japan.com/report/detail/514
UIデザインには必須!ユーザビリティテスト『ペーパープロトタイプ』
https://www.wan55.co.jp/column/detail/id=154
【事例から学ぶ!】聞いたことはあるけど「UIデザイン」とは?
http://techacademy.jp/magazine/8413
モバイルアプリのUIデザインの参考になるスライド10選
http://uxmilk.jp/17983
アプリのUI設計は「紙でやる」のが早い!
http://qiita.com/flexfirm/items/8dd80f70029ce2c02ee8
UIデザインの作成ツール!誰でも分かるSketchの使い方【初心者向け】
http://techacademy.jp/magazine/8576
UIデザインの動きまで共有できるモックアップ作成ツールまとめ
http://memo.goodpatch.co/2013/07/mockup-tools-for-ui-design/
UIデザインを作成するとき、“実際のデータ”を意識しなければならない理由
http://liginc.co.jp/web/design/other-design/172035
注目のプロトタイピングツールまとめ-アプリのUIデザイン
http://sinap.jp/blog/2015/09/prototyping.html
完璧なUIデザインソフトに求める13のポイント
http://l-orem.com/the-perfect-uxui-design-tool-13-things-designers-needs-most/
用途・デバイス別!スマホサイト、アプリのUIデザインパターン17選
http://ohako-inc.jp/uiux-japan/ui-design/201410-uidesignpatterns.html
UX思考を学ぶ。UIデザインパターン全28選
http://ohako-inc.jp/uiux-japan/ui-design/201410-ui_design_patterns.html
優れたUIを実現するために確認しておくべき51のチェックリスト
http://ohako-inc.jp/uiux-japan/ui-design/201409-51checklist_for_goodui.html
カテゴリー: 未分類 | コメントする

【必ず繰り返す】PHP+MySQLマスターブック サポートページ

PHPとデータベース連携を学べる中級以上向けの本、おすすめ
http://urashita.com/archives/7170
PHP+MySQLマスターブックのサンプルプログラムで生年月日が1970年08月20日と表示される場合の対処
http://note.chiebukuro.yahoo.co.jp/detail/n370701
PHP学習本をレベル分け!入門、中級、上級全6冊
http://www.sejuku.net/blog/517
PHPの勉強方法と初心者おすすめの本
http://rentalhomepage.com/opapi/
カテゴリー: 未分類 | コメントする

【必ず繰り返す】コンバージョン率アップ!入力フォーム最適化(EFO)14のポイント

コンバージョン率アップ!入力フォーム最適化(EFO)14のポイント
http://www.webdesign-fan.com/cvr-form
入力フォームにおけるユーザビリティの再確認
https://u-site.jp/ux-research/reconfirm-entry-form-usability
Webフォームのユーザビリティ:アドバイス・トップ10
https://u-site.jp/alertbox/web-form-design
危険!Webユーザビリティ3つの間違い・落とし穴
http://liskul.com/web-usability-1629
フォームのユーザビリティを改善するための30の方針(海外情報)
https://f-tra.jp/blog/overseas/6218
分かりやすいWeb入力フォームのための十戒
http://postd.cc/the-10-commandments-of-good-form-design-on-the-web/
カテゴリー: 未分類 | コメントする

【必ず繰り返す】ITパスポート試験を受けました!勉強時間や使った参考書などをまとめます

ITパスポート試験を受けました!勉強時間や使った参考書などをまとめます
http://www.ochogoo.com/entry/2016/02/24/083000

カテゴリー: 未分類 | コメントする

【必ず繰り返す】APIを使ってWEB制作者ができること

APIを使ってWEB制作者ができること
http://www.program-study.com/report/api2
これからWebサイトの制作をしたいけど、何から勉強したらいいの?っていう人のためのガイド
http://webdesignrecipes.com/web-developers-guide-to-getting-a-start-up-and-running/
カテゴリー: 未分類 | コメントする

【必ず繰り返す】新しいウェブデザインの魅せ方を知ろう!参考にしたいWebサイト40個まとめ 2016年8月度

新しいウェブデザインの魅せ方を知ろう!参考にしたいWebサイト40個まとめ 2016年8月度

http://photoshopvip.net/93094

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Sassを使って効率よく作る!現場のプロが本気で教える HTML/CSSデザイン講義

Sassを使って効率よく作る!現場のプロが本気で教える HTML/CSSデザイン講義
http://yochix2.com/html-css-designkogi/
『現場のプロが本気で教える HTML/CSSデザイン講義』を書きました〜!
http://basara669.com/boyaki/about_html_css_design_lecture/
HTML5/CSS3モダンコーディング本でシングルページレイアウトに挑戦
http://yochix2.com/mcoding-singlepagelayout/
レスポンシブでテーマ作りならこの本! WordPressデザインブック HTML5&CSS3準拠
http://yochix2.com/wordpress-designbook-html5/
WordPress作成時に参考にした本:WordPressレッスンブック
http://yochix2.com/wordpress-lessonbook/
Bootstrapを使って、サイトを組み直しました
http://yochix2.com/site-bootstrap/
さくらインターネット×モリサワの無料で使えるWebフォントを試してみた
http://yochix2.com/sakuramorisawawebfont/
カテゴリー: 未分類 | コメントする

【必ず繰り返す】レスポンシブWebデザインのサイトにPCとスマートフォンの表示切り替えボタンをつけてみた

レスポンシブWebデザインのサイトにPCとスマートフォンの表示切り替えボタンをつけてみた
http://katoshun.com/blog/switch-screen.html
レスポンシブデザインのスマホ版とデスクトップ版の切り替え
http://web-arranger.com/jquery/responsive.html
レスポンシブデザインにしたとき「スマホサイト・PCサイト」を表示するための切り替えボタンを設置する方法
http://okodukai-cho.com/website/switch.html
PC版とスマートフォン版サイトを自動振り分けする方法
http://allabout.co.jp/gm/gc/386483/
レスポンシブWebデザインで、PCとスマホ表示を切り替える方法
http://blog.lqd.jp/webdesign/000982.html
レスポンシブデザインでPC用スマホ用切り替えボタンをスマホにだけ表示させる方法
http://heartbrain.net/141101
レスポンシブWebデザインでもPC表示切替ボタン
http://nextat.co.jp/staff/archives/33
レスポンシブWebデザインのサイトに「デスクトップ表示」ボタンが必要な2つの理由
http://parashuto.com/rriver/responsive-web/choosing-desktop-layout-for-responsive-web-design
レスポンシブWEBデザインでもPC版表示に切替出来るようにする
http://creatorclip.info/2013/11/responsive-pc-layout/
今さら聞けない。レスポンシブWEBデザインのメリット、デメリットとは?
https://www.41web.jp/blog/2015/07/16/231
カテゴリー: 未分類 | コメントする

【必ず繰り返す】会社で使っているPOPメールを、Gmailで送受信する方法

会社で使っているPOPメールを、Gmailで送受信する方法

http://enjoy.sso.biglobe.ne.jp/archives/gmail_fwd/

会社やプロバイダで使っているメールをGmailを使って送受信する方法

http://hirofun.com/computer/pc/11763/

[Google] Gmailを使って会社のメールを利用する3つの方法

http://blog.dreamhive.co.jp/mkoba/?p=5418

1つのGmailアカウントで複数のメールアドレスを管理する方法

http://tonari-it.com/gmail-subaddress/

Gmail で他のアカウントのメールを確認する

https://support.google.com/mail/answer/21289?hl=ja

★仕事★会社のメールを転送!Gmailの使い方でビジネスをもう1歩充実させてみる

http://ameblo.jp/illust-pecoe/entry-10544415484.html

outlookに届いたメールをGmailに転送したい

http://oshiete.goo.ne.jp/qa/5651480.html

Gmailで会社用アドレスのメールを受信するには?

http://oshiete.goo.ne.jp/qa/7578549.html

いつでもどこからでもGmailで会社のメールにアクセスしよう(3)

http://news.mynavi.jp/series/itskill/003/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】iOS&Androidアプリのデザインをする人に知っておいてもらいたいこと

iOS&Androidアプリのデザインをする人に知っておいてもらいたいこと

http://qiita.com/u1_fukui/items/7084c0f04c92135bf4fb

iOS/Androidアプリ開発に関わる全てのデザイナーが知っておくべき20のこと

http://www.ttui.co.jp/blog/archives/1158

最小のボタンサイズ

http://d.hatena.ne.jp/iphone_dev/20101207/1291683206

カテゴリー: 未分類 | コメントする

【必ず繰り返す】モバイルアプリの最小タップサイズを考える

モバイルアプリの最小タップサイズを考える

http://www.dotproof.jp/2013/08/06/minimum-tap-size/

最近のスマホサイトのサイズ感や機能で配慮したい10のアレコレ

https://www.i3design.jp/in-pocket/376#link2

勝てるスマートフォンサイトのユーザビリティ8選
liskul.com/cr_spwuy8-4919

スマホサイトのデザインで意識すべきところ
withstyle-web.com/archives/785

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Web制作で困らない!スタイルガイド作成に必要なポイント10個まとめ + 無料テンプレート

Web制作で困らない!スタイルガイド作成に必要なポイント10個まとめ + 無料テンプレート
http://photoshopvip.net/69456
Webデザインで白の背景をつかうときのポイント + 参考サイトまとめ
http://photoshopvip.net/58774
これからのウェブデザインに大切な10個のトレンドまとめ
http://photoshopvip.net/74112
ヒーローイメージを利用するときに必要な、5個のデザインテクニックまとめ
http://photoshopvip.net/72310
Illustrator をしっかり学びたいひとへ。参考にしたい入門チュートリアル、つくり方39個まとめ
http://photoshopvip.net/92598
【マテリアルデザイン採用】リニューアルで気をつけた4つの大事なポイント -feedly編-
http://photoshopvip.net/73204
デザインの悩みを解決!商用可1000個の素材から選べる The Ultimate Artistic Design Bundle
http://photoshopvip.net/92461
使いやすいフォント、増えてます!参考にしたいすごいフリー素材45個まとめ 2016年7月度
http://photoshopvip.net/92528
知っておきたいシンボルマークの基本デザインガイドまとめ
http://photoshopvip.net/72532
フォトショップを使いこなす、無料の厳選PSブラシ素材セット32個まとめ 2016年夏
http://photoshopvip.net/92654
Web新時代!心地よいアニメーションを実現する6つの基本テクニックまとめ
http://photoshopvip.net/92735
コピペで実装OK、最新トレンドを押さえたすごい HTML/CSS スニペット40個まとめ
http://photoshopvip.net/92708
【初心者向け】レスポンシブな tableを作ってみる
http://lab.sonicmoov.com/smartphone/responsive-table/
カテゴリー: 未分類 | コメントする

【必ず繰り返す】material icon

スマホアプリのデザインで必ず押さえておきたいサイト&ツールまとめ
https://www.demo.co.jp/blog/archives/1755/
iOSヒューマンガイドライン
google material design
ペーパープロトタイピングが手軽にできるアプリ2選 アリ
スケッチパッド
https://popapp.in/jp/sketchpad/
Google の新しいデザインガイドライン「Material Design」
http://dev.classmethod.jp/smartphone/android/google-material-design/
はじめてのマテリアルデザイン入門
http://dev.classmethod.jp/smartphone/android/first_material_design/
[Material Design] UI設計をおさらいしたい人のためのリンク集
http://qiita.com/Tamiiy/items/d12d64b831fbcbabadbe
マテリアルデザインのガイドラインが最高に実践的だった
http://blog.fenrir-inc.com/jp/2014/12/material-design-guide.html
Google の新しいデザインガイドライン「Material Design」
http://dev.classmethod.jp/smartphone/android/google-material-design/
Googleのデザインガイドライン、「Material Design」で感じた「アフォーダンス」へのこだわり
http://nvtrlab.jp/blog/jb/google-material-design.html
今さら聞けない?! 5分でわかる!マテリアルデザイン入門
http://lab.sonicmoov.com/design/material-design/
Googleマテリアル・デザインから学ぶ4つの重要ポイント + 参考UIデザイン、無料素材まとめ
http://photoshopvip.net/71776
Googleマテリアル・デザインをはじめよう!参考にしたい無料素材やアイデアまとめ
http://photoshopvip.net/67403
新しいデザインガイドライン「Material Design」から見るAndroidの新バージョン「L」の姿
http://octoba.net/archives/20140627-android-feature-material-design.html
Google提唱! マテリアルデザインって何?
http://www.live-commerce.com/ecommerce-blog/material-design/#.V6GW96JCYTI
ただの目覚まし時計だけじゃない!便利に使える素敵な多機能アプリ『モーニングキット 【ライフサポートアプリ】』
http://andronavi.com/2014/10/335655
荒川区防災アプリを配信しています
https://www.city.arakawa.tokyo.jp/kurashi/bosaibohan/sonae/bousaiapp.html
「goo防災アプリ」東京消防庁「家具類の転倒・落下・移動防止対策ハンドブック」情報の配信を開始
http://prw.kyodonews.jp/opn/release/201506010689/
iPhone&iPad、iOS系UIデザインのためのPSD&AIテンプレート
http://matome.naver.jp/odai/2133439642161700601
【UI Design】UIデザインに使えるテンプレートPSD:小山勝正のデザモノ探訪 第5回
https://www.engcafe.tv/?p=16241
Webデザイナーだけど初めてのiPhoneアプリを7日間で開発した手順と利用ツール
http://websae.net/iphone-app-develop-20131105/
これを参考にすれば絶対に失敗しない!デザイン担当者必見のクールなAndroidアプリデザイン集
https://imitsu.jp/matome/8253461281951772
Patterns Design Resources
http://pttrns.com/
アプリデザインの参考になるギャラリーサイト+クオリティを格上げできるセンスのいい素材配布サイトの紹介
http://webimemo.com/iphone/5199
AndroidのUIをデザインするとき参考にしている資料まとめ
http://blog.v-colors.com/2015-android-material-design-document.html
iOSやMacのアプリなどのデザイン事例や素材を集めたサイト「iOSUp」
http://blog.h-wd.info/2015/10/07/iosup-curates-the-best-of-ios-mac-inspiration-tools-and-freebies/
iOS、Android用のアプリアイコンテンプレートが便利すぎて泣けた
http://denoji.hatenablog.jp/entry/2016/02/02/220129
スマートフォンアプリデザインに役立つ 基礎のまとめ! (4/4)
http://www.atmarkit.co.jp/ait/articles/1104/13/news121_4.html
カテゴリー: 未分類 | コメントする

【必ず繰り返す】デザインの参考に!モバイルアプリUIのギャラリーサイト13個まとめ

デザインの参考に!モバイルアプリUIのギャラリーサイト13個まとめ
http://nvtrlab.jp/blog/jb/app-design-gallery.html

アプリ・Webデザインの勉強に役立つ「UIデザイン」参考スライドまとめ
https://blog.techstars.jp/uidesigno353/

アプリのUIデザイナー必見! 参考になる海外ギャラリーサイト9選
http://uxmilk.jp/7148

モバイルの入力UIをデザインするための7つのポイント
http://uxmilk.jp/10442

あなたは「本物」のUXデザイナーになれるか?
http://uxmilk.jp/3315

Webデザインのアイデアに困ったら覗きたいサイト10選
http://uxmilk.jp/38929

その文字、薄すぎない? デザインにおける灰色の明度は何%が最適か
http://uxmilk.jp/44861

アプリ開発で参考にしておきたい UI デザインパターンまとめサイトのまとめ
http://qiita.com/shogo_330/items/3a2293e3549ba698a71c

デザインにおける「配色」の基本
http://creive.me/archives/8680/#i-10

素人でもプロ並みの配色ができるデザインパターン参考サイト22選
https://blog.codecamp.jp/color_pattern

カテゴリー: 未分類 | コメントする

【必ず繰り返す】iOSアプリ開発者が理解すべきデザインガイドライン

iOSアプリ開発者が理解すべきデザインガイドライン
http://engineer.recruit-lifestyle.co.jp/techblog/2016-03-22-ios-guideline/

効率的なアプリ開発のためにデザインガイドラインを作成した話
http://tech.vasily.jp/entry/design_guideline

【Webサイト・アプリ】デザインガイドライン作りに超役立つサイト8件
http://paiza.hatenablog.com/entry/2015/07/16/%E3%80%90Web%E3%82%B5%E3%82%A4%E3%83%88%E3%83%BB%E3%82%A2%E3%83%97%E3%83%AA%E3%80%91%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%AC%E3%82%A4%E3%83%89%E3%83%A9%E3%82%A4%E3%83%B3%E4%BD%9C%E3%82%8A%E3%81%AB

守ってはいけない、iOSのデザインルール4つ
https://u-site.jp/alertbox/4-ios-rules-break

iOS 7のフラットUIデザインガイドライン(日本語訳有り)
http://www.ajike.co.jp/switch/ios-7_uidesign-guideline/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】スマホアプリのデザインで必ず押さえておきたいサイト&ツールまとめ

スマホアプリのデザインで必ず押さえておきたいサイト&ツールまとめ

https://www.demo.co.jp/blog/archives/1755/

【いま注目】地域ブランディングが素敵なWEBサイト10選

https://www.demo.co.jp/blog/archives/1300/

スマホアプリのデザインで必ず押さえておきたいサイト&ツールまとめ

https://www.demo.co.jp/blog/archives/1755/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】コーディングを考慮したWebデザインガイドライン

コーディングを考慮したWebデザインガイドライン
http://www.slideshare.net/msdfjp/ss-37633139

Webデザインのセオリーを学ぼう
http://www.slideshare.net/shirokuro331/web-11608357

フラットデザインに出来ること/出来ないことを学ぶ
http://www.slideshare.net/schoowebcampus/1-29313025

Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
http://www.slideshare.net/arasunatomoyuki/applegoogleweb-50201232

アクセシビリティからはじめる、WebサイトのUXデザイン
http://www.slideshare.net/yoshinoriohta18/webux-54366899

レスポンシブサイト制作に効く デザインTipsあれこれ
http://www.slideshare.net/cremacrema/tips-55025633

〜デザイン初心者向け〜
 デザイン時に気をつけると幸せになれる事
http://www.slideshare.net/428design/ss-42889889

誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
http://www.slideshare.net/ayakasumida/ss-48239515

事例で学ぶデザインの原則
http://www.slideshare.net/kanazawanaoki/design-principles-46014564

iOS ヒューマンデザインガイドライン UI設計の基本事項
https://developer.apple.com/jp/documentation/UserExperience/Conceptual/MobileHIG/BasicsPart/BasicsPart.html

iOS ヒューマンデザインガイドライン
https://developer.apple.com/jp/documentation/MobileHIG.pdf

『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている
http://blogs.itmedia.co.jp/nakayama/2011/04/iosui-23d3.html

UIデザインをするうえでデザイナーが理解すべき3つのこと
https://developers.eure.jp/event/ui_design/

iOS ヒューマンインターフェースの原則
http://qiita.com/usagimaru/items/9b55daa4d88b0bb98f38

iOS&Androidアプリのデザインをする人に知っておいてもらいたいこと
http://qiita.com/u1_fukui/items/7084c0f04c92135bf4fb

デザインガイドラインの軽くまとめ
http://qiita.com/honkimi/items/6e74844e9067d637572b

【Webサイト・アプリ】デザインガイドライン作りに超役立つサイト8件
http://paiza.hatenablog.com/entry/2015/07/16/%E3%80%90Web%E3%82%B5%E3%82%A4%E3%83%88%E3%83%BB%E3%82%A2%E3%83%97%E3%83%AA%E3%80%91%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%AC%E3%82%A4%E3%83%89%E3%83%A9%E3%82%A4%E3%83%B3%E4%BD%9C%E3%82%8A%E3%81%AB

Google、Apple、MSのUI設計におけるガイドライン
http://jukelog.com/guidelines/

AndroidとiOSにおけるUIの違いを知ろう!!
http://sinap.jp/blog/2015/09/android-ios.html

AndroidのUIをデザインするとき参考にしている資料まとめ
http://blog.v-colors.com/2015-android-material-design-document.html

UI・UXガイドラインまとめ【Apple/Google/Microsoft/etc】
http://matome.naver.jp/odai/2140405617269578901

Google の新しいデザインガイドライン「Material Design」
http://dev.classmethod.jp/smartphone/android/google-material-design/

スマホのUI考 〜 ボタンについて
http://fladdict.net/blog/2011/06/smart-button.html

iOS&Androidアプリのデザインをする人に知っておいてもらいたいこと
http://qiita.com/u1_fukui/items/7084c0f04c92135bf4fb

UI Design Guideline Collection (Apple, Google, Microsoft, Salesforce, Facebook…)
http://qiita.com/ymd/items/4ec23820817664dafae0

アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点(スライド付)
http://baigie.me/sogitani/2015/07/apple-google-design-guideline/

日本語に翻訳されたiOS/watchOS/tvOSのドキュメントです。
https://developer.apple.com/jp/documentation/

Appleのヒューマンインターフェースガイドラインから学ぶの5つの優れたUIの秘密
http://memo.goodpatch.co/2013/01/5-secrets-of-good-ui-design-from-apple/

優れたUIデザインを作るために知るべき12のTips
http://memo.goodpatch.co/2013/02/12-tips-of-good-ui-design/

より良いUIデザインを作る為に必要な8つの基礎
http://memo.goodpatch.co/2013/01/how-to-master-good-ui-design/

優れたUIデザインを作る為に重要なことは何か
http://memo.goodpatch.co/2013/02/what-is-important-in-ui-design/

これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編)
http://memo.goodpatch.co/2013/04/next-ui-design/

これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(後編)
http://memo.goodpatch.co/2013/04/next-ui-design-2/

UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
http://www.slideshare.net/ao_bascule/uiux-ui-ux

企画が考えるスマホUIデザイン
http://www.slideshare.net/onoremiz/ui-11779313

Android UIデザイン入門
http://www.slideshare.net/OESF_Education/android-ui-32259371

カテゴリー: 未分類 | コメントする

【必ず繰り返す】一部の文字だけが化ける文字化けの対策

CGI 一部の文字だけが化ける文字化けの対策

http://www.nishishi.com/blog/2006/02/garbled_charact.html

カテゴリー: 未分類 | コメントする

Webデザイナー検定・エキスパート合格!

Webデザイナー検定・エキスパート合格!

http://ameblo.jp/deppi-vega/entry-11331318138.html

Webデザイナー検定

https://agency-star.com/licenses/7/

【報告】Webデザイナー検定(エキスパート)受かったよ(ゝω・)v

http://ideahacker.net/2012/09/30/2628/

Webデザイナー検定とはCG-ARTS協会が認定する資格

https://careerpark.jp/85122

カテゴリー: 未分類 | コメントする

【必ず繰り返す】日本Kindleストアの本をパソコンで見る方法

日本Kindleストアの本をパソコンで見る方法

http://jp.epubor.com/guide/%E6%97%A5%E6%9C%ACkindle%E3%82%B9%E3%83%88%E3%82%A2%E3%81%AE%E6%9C%AC%E3%82%92%E3%83%91%E3%82%BD%E3%82%B3%E3%83%B3%E3%81%A7%E8%A6%8B%E3%82%8B%E6%96%B9%E6%B3%95/

Nexus7で電子書籍を読む方法

http://jp.epubor.com/guide/nexus7%E3%81%A7%E9%9B%BB%E5%AD%90%E6%9B%B8%E7%B1%8D%E3%82%92%E8%AA%AD%E3%82%80%E6%96%B9%E6%B3%95/

Kindle本をマルチ端末に対応する方法

http://jp.epubor.com/guide/kindle%E6%9C%AC%E3%82%92%E3%83%9E%E3%83%AB%E3%83%81%E7%AB%AF%E6%9C%AB%E3%81%AB%E5%AF%BE%E5%BF%9C%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/

日本Kindle電子書籍DRM解除方法

http://jp.epubor.com/guide/%E6%97%A5%E6%9C%ACkindle%E9%9B%BB%E5%AD%90%E6%9B%B8%E7%B1%8Ddrm%E8%A7%A3%E9%99%A4%E6%96%B9%E6%B3%95/

同じKindle本を複数の端末で読むための方法

http://jp.epubor.com/guide/%E5%90%8C%E3%81%98kindle%E6%9C%AC%E3%82%92%E8%A4%87%E6%95%B0%E3%81%AE%E7%AB%AF%E6%9C%AB%E3%81%A7%E8%AA%AD%E3%82%80%E3%81%9F%E3%82%81%E3%81%AE%E6%96%B9%E6%B3%95/

AmazonKindleの電子書籍を家族や他人の別アカウントで共有する方法

http://p2pzen.com/%E6%90%BA%E5%B8%AF%E3%83%BB%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%83%BB%E3%82%BF%E3%83%96%E3%83%AC%E3%83%83%E3%83%88pc/amazonkindle-book-share/

AmazonのKindleストアで買った電子書籍は、スマホでも意外に読みやすい!

http://enjoy.sso.biglobe.ne.jp/archives/appli_kindle/

電子書籍(kindle)で本を読んで見る

http://nexus7manual.blog.fc2.com/blog-entry-47.html

カテゴリー: 未分類 | コメントする

【必ず繰り返す】プログラミング未経験者が JavaScript でプログラミングをするために必要なこと

プログラミング未経験者が JavaScript でプログラミングをするために必要なこと

http://d.hatena.ne.jp/amachang/20080715/1216114132

カテゴリー: 未分類 | コメントする

【必ず繰り返す】解析ツールGoogleアナリティクスの活用法

解析ツールGoogleアナリティクスの活用法

http://liginc.co.jp/series/directorgamaster

カテゴリー: 未分類 | コメントする

【必ず繰り返す】UIデザインをするうえでデザイナーが理解すべき3つのこと

UIデザインをするうえでデザイナーが理解すべき3つのこと

https://developers.eure.jp/event/ui_design/

UI Design Advent Calendar 2015

http://www.adventar.org/calendars/987

UI・UXガイドラインまとめ【Apple/Google/Microsoft/etc】

http://matome.naver.jp/odai/2140405617269578901

Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~

http://www.slideshare.net/arasunatomoyuki/applegoogleweb-50201232

アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点(スライド付)

http://baigie.me/sogitani/2015/07/apple-google-design-guideline/

iOS ユーザインターフェイスのデザインのヒント

https://developer.apple.com/design/tips/jp/

Google の新しいデザインガイドライン「Material Design」

http://dev.classmethod.jp/smartphone/android/google-material-design/

モバイルフレンドリー対応 googleとAppleの推奨フォントとは

http://sinap.jp/blog/2015/04/mobilefriendly02.html

[Material Design] UI設計をおさらいしたい人のためのリンク集

http://qiita.com/Tamiiy/items/d12d64b831fbcbabadbe

Google、Apple、MSのUI設計におけるガイドライン

http://jukelog.com/guidelines/

5分でわかるUIとUXの違い

http://blog.excite.co.jp/spdesign/19566265/

UIとは?UXとは?違いを理解しよう!

https://ferret-plus.com/655

良く聞くけど「UI」って何??そんな疑問にお答えします!

http://applision.com/introduction/1197/

UIデザイナーとWebデザイナーの違いって? Webデザインを始める前に知っておきたいこと

http://liginc.co.jp/254914

UIデザインを考える上で重要な4つのポイントとは

https://blog.codecamp.jp/ui-design

Webデザインの基本が身につく!ページのグリッド・レイアウト・要素配置の効果的な使い方のまとめ

http://coliss.com/articles/build-websites/operation/design/layout-and-grid-resources-for-web-design.html

UIデザインの悩みどころ「アイコンどうする問題」

https://developers.eure.jp/design/advent-calender-11/

デザインを言語化することで得られたもの

http://yulily100.hatenablog.jp/entry/design-review

UIデザインのアイデアを探す時にチェックしたいサイトのまとめ

http://coliss.com/articles/build-websites/operation/design/ui-design-for-inspired-and-idea.html

最近のWebデザインで採用されているページレイアウトやUIの新常識がチェックできる素材のまとめ

http://coliss.com/articles/build-websites/operation/design/awesome-ui-kit-2015-autumn.html

Webデザイン、プレゼンや企画書に効果がある空白スペースを活かしたデザインの作り方

http://coliss.com/articles/build-websites/operation/design/create-white-space-designs-by-canva.html

Android UI Design ことはじめ

http://smrhby.com/?p=644

何者でもなかったぼくがUIデザイナーとして転職するまで

http://wariemon.hateblo.jp/entry/2015/09/01/083051

いつも初心を忘れない!デザインの質を確実に上げるための制作フロー

https://developers.eure.jp/design/20151216_design_flow/

つかえるUI の つくり方 -ユーザーの練度編-

http://wariemon.hateblo.jp/entry/useful_ui_1

綺麗なデザインの盛り付け方 -超小ネタ編- @カレーとデザインの夕べ

http://wariemon.hateblo.jp/entry/2015/12/22/114500

プログラマ目線で考えてみるUI論

http://qiita.com/8845musign/items/ac404755f66a9cfd70bb

UI改善における仮説検証の3つのポイント

https://developers.eure.jp/design/ui_make_progres_3points/

UIデザインの面倒な部分を自動化!ラクしてプロトタイプが作れる「Adobe XD」のメリット/デメリット

http://creator.dwango.co.jp/6657.html

UIデザインの作成ツール!誰でも分かるSketchの使い方【初心者向け】

http://techacademy.jp/magazine/8576

イケてるUIデザインツールのSketchを0からマスターしよう

http://creive.me/archives/10413/

UIデザインについて考えるオススメの書籍8選

http://technical-creator.com/ui-design-thinking-book-8/

【初心者から上級者まで!】Webデザインを習得する上でおすすめの本10冊

http://techacademy.jp/magazine/7851

おすすめデザイン入門書10選

http://l-orem.com/books-for-designers-2016/

プロダクトを導く、5つのUXの指針とは?

http://l-orem.com/5-simple-ux-principles-to-guide-your-product-design/

UI/UXデザイナーがオススメするUI/UXの関連書籍

http://matome.naver.jp/odai/2138979362120777701

最前線IT企業のデザイナーたちが参考にしてきた「UI・UXの良書」とは

https://nanapi.com/ja/124159

WEBデザイン・WEBコーディングのスキルについて

https://crowdworks.jp/consultation/threads/4914

海外でWebデザイナー・Webデベロッパーとして働くために必要なスキル

http://www.webcreatorbox.com/webinfo/skill-work-oversea/

プロ御用達!WEBデザインに役立つデザインツール13選

https://blog.codecamp.jp/web_design_tool

デザイン知識がなくても、UIが美しいアプリが開発できる!無料で使えるワイヤーフレーム作成ツール10選

https://biz.moneyforward.com/blog/business-hack/design-tool-10/

Web制作に超便利な無料ワイヤーフレームツール4選

http://liginc.co.jp/web/tool/157624

全部無料で試せる!厳選ワイヤーフレーム作成ツール10

http://www.find-job.net/startup/wireframetool10

アプリのUIデザインで使っているツール 10選+

http://unnun.com/2014/12/05/designtools/

参考にしたいUI・UXデザインが素晴らしいWebサイトまとめ

http://www.hp-stylelink.com/news/2013/09/20130902.php

先取り感満載!最近よく見るWebデザインの「あしらい」やUIまとめ10選

http://liginc.co.jp/web/design/other-design/162088

UX設計の基礎と5つのステップ「ダグ・ディーツが小児患者とMRIにかけたデザインの魔法」に学ぶ

http://liginc.co.jp/life/l_design/23024

スタイリッシュで使いやすいUI制作の参考になるWebサイト6選

http://liginc.co.jp/web/js/80497

スタイリッシュで使いやすいUI制作の参考になるWebサイト6選

http://liginc.co.jp/web/js/80497

デザインのプロセス

http://liginc.co.jp/series/design-process

グッドパッチ土屋氏に訊く“本当のUI”とは?「良いUIは、コンテンツの力を引き出す」

http://liginc.co.jp/life/interview/139874

UI・UXの参考にしたいデザインが気になった世界の航空会社Webサイトまとめ

http://liginc.co.jp/web/design/146887

優れたユーザビリティを実現するUI/UXとは

http://liginc.co.jp/library/124201

子供服アパレルブランド ECサイト「FO Online Store」UIデザイン・コーディング

http://www.zyyx.jp/works/13354.html

2016年、WebのUIデザインに取り入れたいアイデアがまとめられた無料のeBook

http://coliss.com/articles/build-websites/operation/design/free-ebooks-ui-design-2016.html

【速報】UI/UXの有料素材2万円分が期間限定で、無料ダウンロードできますよ! -Designers Delight

http://coliss.com/articles/build-websites/operation/design/ui-and-ux-resources-by-uxpin.html

カテゴリー: 未分類 | コメントする

【必ず繰り返す】OpenCmsの使い方トップ

OpenCmsの使い方トップ

http://using-opencms.zealseeds.com/index.html

OpenCmsはJavaベースのCms

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Webデザインで参考にしたいシングルページで使えるテクニック7選

Webデザインで参考にしたいシングルページで使えるテクニック7選

https://blog.codecamp.jp/single_page

Webデザインで参考にしたい海外のユニークなUIサイトまとめ

https://blog.codecamp.jp/webdesign_ui

素人でもプロ並みの配色ができるデザインパターン参考サイト22選

https://blog.codecamp.jp/color_pattern

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Yahoo広告認定試験 1発合格者の勉強方法

Yahoo広告認定試験 1発合格者の勉強方法

http://43factory.com/blog/yahooad/

【Google・Yahoo!】リスティング広告認定試験対策まとめ

https://quartet-communications.com/info/listing/column/27582

【初心者向け】リスティング広告における新人の学習方法

http://sem-hacks.com/blog/2013/03/31/572/

【勉強法と試験対策】Yahoo!プロモーション広告プロフェッショナル認定試験 Advancedを受験しました

http://rentub.com/dev/yahoo-exam/

Yahoo!プロモーション広告プロフェッショナル認定試験に挑戦してきました!

https://webkikaku.co.jp/blog/ppc/yahooprofessional/

Google Analytics認定試験の勉強方法と取得した感想

http://banqmosh.com/gaiq-study

知らないと損する!必ず覚えておきたい「リスティング広告の勉強に役立つ公式サイト」のまとめと使い方

http://inhouse.niche-marketing.jp/blog/ppc/adwords_yahoo_official/

google adwords認定試験を受けてみた

http://shinmai-web.com/post-1848/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】レスポンシブ・デザインとの違いって?アダプティブ・デザインについて考える

レスポンシブ・デザインとの違いって?アダプティブ・デザインについて考える
http://liginc.co.jp/web/design/59391

レスポンシブからアダプティブへ 〜 必要な情報を、必要なときに、必要としている人へ
http://dx.24-7.co.jp/adaptive-design-with-sesors/

レスポンシブ・デザインとアダプティブ・デザインの定義を整理してみた
http://parashuto.com/rriver/responsive-web/definitions-of-responsive-design-and-adaptive-design

カテゴリー: 未分類 | コメントする

【必ず繰り返す】1つのSVGスプライト画像をCSS背景画像とインラインHTMLの両方で読み込む方法

1つのSVGスプライト画像をCSS背景画像とインラインHTMLの両方で読み込む方法
http://parashuto.com/rriver/development/use-svg-sprite-in-css-background-and-inline-html

Webデザイントレンド定点観測 動きのあるSVGを活かしたデザイン
https://blogs.adobe.com/creativestation/web-list-trend-08-svg-javascript

ロゴのリデザインに求められる6つのポイント
http://l-orem.com/rebrand-advice-from-famous-designers/

あなたのWebデザインをレベルアップさせる書籍【厳選17冊】
http://paiza.hatenablog.com/entry/2015/07/23/%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AEWeb%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%92%E3%83%AC%E3%83%99%E3%83%AB%E3%82%A2%E3%83%83%E3%83%97%E3%81%95%E3%81%9B%E3%82%8B%E6%9B%B8%E7%B1%8D%E3%80%90%E5%8E%B3

アイコン画像をSVGスプライトにしたい話
http://qiita.com/takana8/items/2dc26454e9eb2d692d37

使えば爽快! SVG Sprite
CSSスプライトやアイコンフォントはもう古い?

http://asamuzak.jp/html/476

俺だけのGulp(ガルプ)

https://tukumemo.com/gulp-mygulpfile/

GulpにCSSスプライトとSVGスプライトを設定してみた

https://tukumemo.com/gulp-sprite/

gulpで複数のスプライト画像やWebフォントを管理する

http://qiita.com/okamoai/items/e8a9f1c3e84093d102b0

Gulp.js入門 – コーディングを10倍速くする環境を作る方法まとめ

http://liginc.co.jp/web/tutorial/117900

現場で使えるgulp入門
第1回 gulpとは何か

https://app.codegrid.net/entry/gulp-1

5分で導入!
タスクランナーGulpでWeb制作を効率化しよう

https://ics.media/entry/3290

gulp.js を今一度キチンと!gulp.js 導入基礎

https://h2ham.net/gulp-basic

開発に便利なタスクランナー「gulp」で出来る事、導入方法などをまとめました

http://wp.yat-net.com/?p=4465

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Sassってなに?だった私がSassの使い方を解説してみた

Sassってなに?だった私がSassの使い方を解説してみた

http://creator.dwango.co.jp/9668.html

【入門書が見つかる!】Sass・Compassを学習する上でおすすめの本3選

http://techacademy.jp/magazine/7971

CSS (Sass) のコーディングルール #CSS #Sass

https://mimemo.io/m/qOX6eWonbowPDQ8

Sassとは? Sassの基本について

http://uxmilk.jp/38073

Sass + Compass を使って、効率良く css をコーディングしよう!

http://lab.sonicmoov.com/markup/sass-compass/

SassとCSS設計
第1回 Sassの基本

https://app.codegrid.net/entry/sass-basic

やっぱりSassは導入すべき! メリット・デメリットを考察したうえで、導入を薦める最大の理由

http://lifequest-blog.com/webcreation/css/589/

CSSの常識が変わる!「Compass」の基礎から応用まで!

http://liginc.co.jp/designer/archives/11623

効率良くCSSコーディングできるSassを使ってみよう

http://www.webcreatorbox.com/tech/css-sass/

これからSassを始めたい人へ!導入手順をまとめてみた(Dreamweaver対応)

http://liginc.co.jp/web/html-css/css/56599

カテゴリー: 未分類 | コメントする

【必ず繰り返す】イラストって難しい…初心者が参考にできる描き方まとめ

イラストって難しい…初心者が参考にできる描き方まとめ

http://matome.naver.jp/odai/2132947040676909601

Twitterのロゴは黄金比じゃなかった! ので、黄金比で作り直してみた。

http://fkda.me/design/184

Twitterのロゴは黄金比じゃなかった!

http://d.hatena.ne.jp/fkda/20141229/1419877555

『Twitter』の新しいデザインは黄金比で作られていた!

http://rocketnews24.com/2010/10/01/%E3%80%8Etwitter%E3%80%8F%E3%81%AE%E6%96%B0%E3%81%97%E3%81%84%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AF%E9%BB%84%E9%87%91%E6%AF%94%E3%81%A7%E4%BD%9C%E3%82%89%E3%82%8C%E3%81%A6%E3%81%84%E3%81%9F/

twitterロゴは黄金比!!そういう意味だったの!?企業ロゴマークまとめてみました!

http://matome.naver.jp/odai/2146327491475471201

ツイッターのロゴが美しくリニューアル!その秘密は黄金比にあり!?

https://crowdworks.jp/lp/cl/competition/logos/articles/4904

twitter の新ロゴデザインが美しすぎて調べてみたら、黄金比で構成されてた。

http://www.susi-paku.com/pakutwitter-2.html

カテゴリー: 未分類 | コメントする

【必ず繰り返す】【容量別に徹底比較】2016年最新おすすめモバイルバッテリー6選

【容量別に徹底比較】2016年最新おすすめモバイルバッテリー6選

http://hamako9999.net/mobile-battery/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】LINEサブアカウント(複数アカウント)の作り方

【Facebook運用】テストユーザーアカウントの作成、管理が簡単になりました

http://blog.members.co.jp/article/1690

Facebookアプリのテストユーザーの作り方手順

http://qiita.com/ampersand/items/a96449cd25886a6d05fb

Facebookアプリのテストユーザー作成方法(2016年版)

http://www.koikikukan.com/archives/2016/02/25-000300.php

Facebookのテストユーザーを使ってページ、グループ、イベントの表示を確認する

http://ryus.co.jp/blog/facebook-testuser/

【Facebook】アカウントを2つ以上の複数作成する事はOK?NG?

http://sumaoji.com/facebook-account-fukusu-sakusei-1942

Facebookで複数アカウントを作るには?

http://markehack.jp/facebook-multiple-accounts/

Facebookの個人アカウントとビジネスアカウントは併用可能。Facebook広告活用はサポートプログラムで。

http://snowadays.jp/2013/12/2440

Facebook用のテストユーザーを作成する

http://booplan.jp/archives/782

Facebook でテストユーザの作成/管理が簡単になりました

http://wp.taketoketa.org/2011/08/01/facebook-%E3%81%A7%E3%83%86%E3%82%B9%E3%83%88%E3%83%A6%E3%83%BC%E3%82%B6%E3%81%AE%E4%BD%9C%E6%88%90%E7%AE%A1%E7%90%86%E3%81%8C%E7%B0%A1%E5%8D%98%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%97%E3%81%9F/

Facebookアプリ「Test Apps」機能について調べてみた

http://snowadays.jp/2014/09/2887

Facebook API – テストユーザ作成!

http://www.mk-mode.com/octopress/2013/08/30/facebook-api-create-testusers/

Twitterアカウントのつくり方と使用方法を解説!追加で複数個つくれます。

http://sonoyama.org/413.html

Twitterアカウントの作り方、と色々あった問題点について

http://ryus.co.jp/blog/snstwitter/

LINEサブアカウント(複数アカウント)の作り方

http://snswalker.com/line-sub/

【丁寧に図説】LINEアカウントを2個以上複数作成する方法

http://アンドロイドマニア.com/line-2-hukusuu-1388

LINEの複数アカウントの作り方!実際に1ヶ月間使った正直な感想

http://ormm.biz/196.html

LINEのアカウントを二つ複数取得する裏ワザな方法

http://sns初心者.com/line-account-two-114

LINEでアカウントを削除せずに複数のLINE IDを取得する方法

https://keikenchi.com/line-multi-account-id

【誰でもできる】LINEアカウントを2つ以上(複数)作成する方法

https://appbu.jp/lineat

LINEのアカウントを複数作成する2つの裏ワザ

http://line.nanacollect.com/62

【LINE】複数アカウントの作り方教えます!

http://applision.com/introduction/30084/

1台のスマートフォンだけでLINEアカウントを2つ作る方法

http://ogatashota.com/line-2/2683/

【簡単】複数のLINEアカウントを作成する2つの方法

http://line.macdrivelove.com/entry19.html

[LINE@]気になることを勝手にまとめてみました

http://www.love2labo.com/lineat_kininaru

LINEのアカウントを複数取得する裏技

http://kancha96.com/%E7%9F%A5%E3%81%A3%E3%81%A6%E3%81%8A%E3%81%8F%E3%81%A8%E5%BE%97%E3%81%99%E3%82%8B%E8%B1%86%E7%9F%A5%E8%AD%98/line%E3%81%AE%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%82%92%E8%A4%87%E6%95%B0%E5%8F%96%E5%BE%97%E3%81%99%E3%82%8B%E8%A3%8F%E6%8A%80/

LINE「テスト用アカウント」はPCとの連動に便利

http://nisesagi.com/archives/2488/

2つ目のLINEアカウントを取ってみた。

http://manablog.dosuzuki.com/apps/post-1859/

Gmailで無限にメールアドレスを作る簡単な3つの方法

http://athomegeek.com/make-unlimited-email-address/

Googleアカウントの取得とアカウントの切り替え方法

https://mobareco.jp/a13915/

グーグルアカウント複数取得

http://oshiete.goo.ne.jp/qa/7843230.html

googleアカウントの作成方法と複数アカウントでの追加方法

http://kanyamaru.com/596.html

Googleアカウントの使い方

http://www.ajaxtower.jp/googleaccount/

Googleアカウント を複数作る方法を教えてく

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q14135453454

Gmailアカウントの作り方、新規作成・複数管理・削除・復活まで(iPhone/Android)

http://appllio.com/how-to-use-gmail-account

複数の Google アカウントを作成できますか

https://support.google.com/dartsignin/answer/114754?hl=ja

Google+利用に向けて、2つ目のGoogleアカウントを取得した!

http://chimtty.blogspot.jp/2011/11/google2google.html

【アカウント】スマホで複数アカウントを使い分ける
Googleアカウント・Microsoftアカウント・Apple ID

http://pc.nikkeibp.co.jp/article/knowhow/20140827/1140626/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】静的HTMLでHTMLファイルを読み込む 静的HTMLのためのテンプレートエンジン 第1回 共通部分が多いHTML

静的HTMLでHTMLファイルを読み込む

http://liginc.co.jp/programmer/archives/1650

静的HTMLのためのテンプレートエンジン
第1回 共通部分が多いHTML

https://app.codegrid.net/entry/template-for-coding-1

htmlファイルのままphp includeし、相対パスで読み込めるようにする

http://www.yusk.org/memo/php-memo/php_include_001.html

静的HTMLで、インクルードを実現するためのJavaScript

http://d.hatena.ne.jp/kenpoco/20080501/1209636103

JavaScript(jQuery)でhtmlをインクルード

http://blog.looseknot.jp/html/js-include.html

更新するのが面倒!サイトの共通部分を簡単に作る様々な方法

http://webdrawer.net/other/templates.html

インクルードの記述

http://version1.a-blogcms.jp/support/tutorial/tplEdit/include.html

SSI(Server Side Include)で外部ファイルを読み込んでみよう

http://lab.gpol.co.jp/tsubo/2011/12/ssiserver-side-include.php

カテゴリー: 未分類 | コメントする

【必ず繰り返す】外部CSSの文字コード指定

外部CSSの文字コード指定

http://www.lucky-bag.com/archives/2004/11/css_2.html

カテゴリー: 未分類 | コメントする

【必ず繰り返す】PHP開発者必見!最低限知っておくべきセキュリティ対策まとめ

PHP開発者必見!最低限知っておくべきセキュリティ対策まとめ

https://blog.codecamp.jp/php_security

非エンジニアも知っておくべき!ーGitとGithubの違いとは

https://blog.codecamp.jp/git-github

子供でもゲーム感覚でプログラミングを学べるサイト9選!

https://blog.codecamp.jp/learning_programming_for_children

プログラミング初心者必見!Chromeデベロッパーツール便利機能まとめ

https://blog.codecamp.jp/developertools_for_bigineers

CSS入門!基本から解説 ゼロから始めるHTML/CSS講座Vol02

https://blog.codecamp.jp/css_basic

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Googleのアルゴリズムにおける検索順位に影響を与える200+個の要因のまとめ

Googleのアルゴリズムにおける検索順位に影響を与える200+個の要因のまとめ

http://coliss.com/articles/build-websites/operation/work/google-ranking-factors-by-backlinko.html

気になるWebデザインのアイデア・テクニックが使われてる!2016年になってでてきた5つのトレンド

http://coliss.com/articles/build-websites/operation/design/5-actual-web-designs-trends-for-2016.html

デザイナーが持っていたい、Googleフォントおすすめ12選

http://coliss.com/articles/build-websites/operation/design/google-fonts-best12.html

レスポンシブ対応、検索フォームのデザイン・実装するアイデアのまとめ

http://coliss.com/articles/build-websites/operation/css/design-and-idea-for-search-forms.html

これが知りたかった!よく使うUI要素をFlexboxを使ってシンプルに簡単に実装するチュートリアル

http://coliss.com/articles/build-websites/operation/css/using-flexbox-for-ui-components.html

GitHubを使ったWeb制作のフローがよく分かる!GitHubの使い手になれるオススメの本 -GitHubの教科書

http://coliss.com/articles/book-review/isbn10-4844337009.html

Gitを使ってみたい人に絶対オススメ!Gitでできることを軸に書かれてるから分かりやすい入門書 -Git 逆引き入門

http://coliss.com/articles/book-review/isbn10-4863541465.html

非エンジニアも知っておくべき!ーGitとGithubの違いとは

https://blog.codecamp.jp/git-github

カテゴリー: 未分類 | コメントする

【必ず繰り返す】【0から始める!】プログラミングの勉強法

【0から始める!】プログラミングの勉強法

http://media.tech-salon.com/%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0-0%e3%81%8b%e3%82%89-%e5%8b%89%e5%bc%b7%e6%b3%95/

【1週間ごとに解説!】1ヶ月でプログラミングを習得するための勉強法

http://media.tech-salon.com/%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0-1%e3%83%b6%e6%9c%88-%e5%8b%89%e5%bc%b7%e6%b3%95/

【おしゃれサイトを厳選!】ホームページ作成で参考になるサイト6選

http://media.tech-salon.com/%e3%81%8a%e3%81%97%e3%82%83%e3%82%8c-%e3%82%b5%e3%82%a4%e3%83%88-%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8-%e4%bd%9c%e6%88%90/

PHPを入門から学ぶ人が最初に見るべき資料5選

http://media.tech-salon.com/php-%e5%85%a5%e9%96%80-%e8%b3%87%e6%96%99/

【完全保存版!】PHP初心者が最初に見るべき学習サイト6選

http://media.tech-salon.com/php-%e5%88%9d%e5%bf%83%e8%80%85-%e5%ad%a6%e7%bf%92-%e3%82%b5%e3%82%a4%e3%83%88/

【入門編】CakePHP初心者のための学習の手引きまとめ

http://media.tech-salon.com/cakephp-%e5%85%a5%e9%96%80-%e5%ad%a6%e7%bf%92-%e6%9c%ac/

入門から始めるjQuery!初心者のための学習サイト5選

http://media.tech-salon.com/jquery-%e5%85%a5%e9%96%80-%e5%88%9d%e5%bf%83%e8%80%85-%e5%ad%a6%e7%bf%92%e3%82%b5%e3%82%a4%e3%83%88/

【超入門編】HTML5をこれから始めたい人に勧める学習サイト5選

http://media.tech-salon.com/html5-%e5%85%a5%e9%96%80-%e5%ad%a6%e7%bf%92%e3%82%b5%e3%82%a4%e3%83%88/

初心者による初心者のためのJavascriptでおすすめ本5選

http://media.tech-salon.com/javascript-%e5%88%9d%e5%bf%83%e8%80%85-%e6%9c%ac-%e3%81%8a%e3%81%99%e3%81%99%e3%82%81/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】入門から始めても絶対にわかるGitのおすすめ本3選

入門から始めても絶対にわかるGitのおすすめ本3選

http://media.tech-salon.com/git-%E5%85%A5%E9%96%80-%E6%9C%AC-%E3%81%8A%E3%81%99%E3%81%99%E3%82%81/

初心者でもわかるGitの攻略資料5選

http://media.tech-salon.com/git-%e5%88%9d%e5%bf%83%e8%80%85-%e3%81%8a%e3%81%99%e3%81%99%e3%82%81-%e8%b3%87%e6%96%99-%e6%94%bb%e7%95%a5/

GitHubを使ったWeb制作のフローがよく分かる!GitHubの使い手になれるオススメの本 -GitHubの教科書

http://coliss.com/articles/book-review/isbn10-4844337009.html

Gitを使ってみたい人に絶対オススメ!Gitでできることを軸に書かれてるから分かりやすい入門書 -Git 逆引き入門

http://coliss.com/articles/book-review/isbn10-4863541465.html

【書評】わかりやすい!「GitHub実践入門」をオススメしたい理由5つ

https://www.lancork.net/2014/04/github-practical-introduction-book/

初心者におすすめ!実践できるGitHub入門書3選

http://www.sejuku.net/blog/8448

初めて GitHub を使う人にオススメの入門書 「Web 制作者のための GitHub の教科書」

https://hyper-text.org/archives/2014/12/github_book.shtml

Gitの本・参考書の評判

http://programming-study.com/language/git-books/2/

Git入門:Git初学習者のための効率的な学習方法を考えてみた

http://blog.takanabe.tokyo/2014/12/13/74/

いまさら聞けないgitの使い方

http://qiita.com/mountcedar/items/682743c95fd3b8fc274b

今さら聞けない!GitHubの使い方【超初心者向け】

http://techacademy.jp/magazine/6235

非エンジニアも知っておくべき!ーGitとGithubの違いとは

https://blog.codecamp.jp/git-github

「そもそもGitって何?」、「GitとGitHubは何が違うの?」にシンプルに答えるよ

https://blog.sixapart.jp/2014-03/mttips-02-what-is-git.html

そもそもGitHubとは一体何か?

http://jp.techcrunch.com/2012/07/15/20120714what-exactly-is-github-anyway/

チーム開発を変える「GitHub」とは?導入方法・使い方を徹底解説!【第1回】【導入編】

https://seleck.cc/note/seleck_howto/article/30

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Google Adwords 認定資格を取得しました!

Google Adwords 認定資格を取得しました!
http://ryo-murata.com/googleadwords-certification/

Google AdWords認定資格プログラムを勉強しよう
http://adsense-life.info/column/462/

無料の『AdWords認定資格セミナー』アドワーズとアナリティクスの資格を取得
https://islog.tokyo/adwords-analytics-license/

Google AdWords 認定試験の試験対策ガイドが親切過ぎた件
http://senteru.net/20160426adwordsqualification/

Google AdWords認定資格
https://agency-star.com/licenses/49/

Google AdWords認定資格 試験対策ガイド
https://support.google.com/partners/topic/3204437

リスティング広告初心者がアドワーズ認定資格セミナーに参加して、認定試験に3つ合格するまでのお話し
http://shigebody.com/post-3544

AdWords認定資格の試験対策に僕の勉強方法をシェアします
http://digitalartifact.blogspot.jp/2014/08/adwords.html

グーグルアドワーズ認定資格取得のための最高のテキスト!これを知ってたらもっと楽だった…
http://adwords.atlas.ac/GooglePartners/?p=244

Google Analytics認定試験の勉強方法と取得した感想
http://banqmosh.com/gaiq-study

2週間で取得!Adwords基礎認定資格試験の学習方法
https://axis-blog.com/?p=3953

リスティング広告とSEO、どちらから開始すればいいの?
https://axis-blog.com/?p=159

リスティング広告が表示されない時に確認する7つの項目
https://axis-blog.com/?p=1507

カテゴリー: 未分類 | コメントする

【必ず繰り返す】プログラミングに使える!フリーのテキストエディタ10選

プログラミングに使える!フリーのテキストエディタ10選

http://techacademy.jp/magazine/986

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Search Consoleで構造化エラーが発生!実際した対処方法まとめ

Search Consoleで構造化エラーが発生!実際した対処方法まとめ

https://islog.tokyo/search-console-structure-error/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】PPC広告(Pay Per Click Advertising)とは

PPC広告(Pay Per Click Advertising)とは

http://dmlab.jp/words/e005.html

集客に必須なのはリスティング広告?PPC広告?意味と違いのまとめ

http://free-web-hope.com/listing-ppc-difference

【広告料金】Yahoo! JAPAN ブランドパネル エキスパンド スクリーン

http://www.howmuch-ad.com/2013/08/yahoo-japan.html

広告商品・サービス一覧

http://marketing.yahoo.co.jp/service/

Yahoo! JAPANトップページにいくらで広告掲載ができるのか?

http://ec-growth-lab.com/yahoo/2014331/

Yahoo!トップページに安価に広告出稿!【インフィード広告】

http://ec-growth-lab.com/listing/20150511/

【保存版】ネット広告本おすすめ14選 (初心者~中級者)

http://www.nusacm.org/book-advertisements-on-the-internet-to-recommended

グーグルアドワーズ(Google Adwords)の基礎知識。

http://ebookbrain.x0.com/blog/selfpublish/google-adwords-beginners-guide/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Movable Typeをカスタマイズ

Movable Typeをカスタマイズ

http://mt.atmaru.com/

今すぐできる超絶シンプルなMTのCMSカスタマイズテクニック

http://gihyo.jp/design/serial/01/mtcorp_cms

カテゴリー: 未分類 | コメントする

【必ず繰り返す】【書籍紹介】Googleアドワーズ & Yahoo!プロモーション広告 対応 新版 リスティング広告 成功の法則

【書籍紹介】Googleアドワーズ & Yahoo!プロモーション広告 対応 新版 リスティング広告 成功の法則

http://sem-cafe.jp/blog20130329

新人リスティング広告担当者が参考にしたい本・参考書まとめ

http://matome.naver.jp/odai/2142899590737569001

GoogleAdWordsを始める前に”無料”で読むべき本…ではなく資料

http://adwords.atlas.ac/GooglePartners/?p=79

Google アナリティクスで参考になる書籍を教えてください。

http://www.uneidou.com/gainfo/%E5%8F%82%E8%80%83%E3%81%AB%E3%81%AA%E3%82%8B%E6%9B%B8%E7%B1%8D%E3%82%92%E6%95%99%E3%81%88%E3%81%A6%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%80%82

Google Analytics認定試験の勉強方法と取得した感想

http://banqmosh.com/gaiq-study

アドワーズの本・4冊レビュー

http://matsumuratakumi.com/6203/

これから始める人におすすめ!リスティング広告の勉強に役立つ本・ブログ10選

http://techacademy.jp/magazine/1060

SEO対策・リスティング広告のキーワード選定に役立つツール10選

http://techacademy.jp/magazine/1047

今さら聞けない!SEO対策の勉強に役立つ本・ブログ10選

http://techacademy.jp/magazine/1086

4/24(水)リスティング広告初心者の課題解決・レベルアップ勉強会(佐藤裕紀)

http://sem-cafe.jp/colerning20130424

カテゴリー: 未分類 | コメントする

【必ず繰り返す】キャッシュされないページをPHPで作る

キャッシュされないページをPHPで作る

http://www.tomiryu.com/php/%E3%82%AD%E3%83%A3%E3%83%83%E3%82%B7%E3%83%A5%E3%81%95%E3%82%8C%E3%81%AA%E3%81%84%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92php%E3%81%A7%E4%BD%9C%E3%82%8B/

キャッシュの無効化

http://so-zou.jp/web-app/tech/programming/php/network/cache/no-cache/

キャッシュを無視して、レスポンスを受け取る方法

http://so-zou.jp/web-app/tech/programming/javascript/ajax/no-cache/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Yahoo!アクセス解析とGoogleAnalyticsを両方導入する方法

Yahoo!アクセス解析とGoogleAnalyticsを両方導入する方法
http://www.lanches.co.jp/blog/2520

タグマネージャーの重要性と用途で使い分けるYahoo!タグマネージャーとGoogleタグマネージャ
https://anagrams.jp/blog/properly-used-in-applications-ytm-and-gtm/

Yahoo!タグマネージャーのここがスゴイ、実践! タグマネジメント入門
http://web-tan.forum.impressrd.jp/e/2013/12/02/16074

今日から始めるYahoo!タグマネージャー
https://anagrams.jp/blog/how-to-start-using-the-ytm/

Yahoo!タグマネージャーの始め方 【初期設定】編
http://promotionalads.yahoo.co.jp/online/tag_start_up.html

Yahoo!タグマネージャー
http://promotionalads.yahoo.co.jp/online/tag_index.html

Yahoo!タグマネージャー認定試験
http://pf.prometric-jp.com/testlist/yahoo_tag/

Yahoo!タグマネージャー認定試験 よくある質問
http://pf.prometric-jp.com/testlist/yahoo_tag/faq_yahoo_index.html

Yahoo!タグマネージャー ご利用ガイド
http://tagmanager.yahoo.co.jp/download/

[YTM]ヤフータグマネージャー試験対策!
http://googleanalytics-webkaiseki.jp/tagmaneger/ytm_sike/

アイレップ、Yahoo!JAPAN提供の「Yahoo!タグマネージャー認定パートナープログラム」を取得
http://web-tan.forum.impressrd.jp/n/2013/04/18/15141

Yahoo!タグマネージャーの使い方・基本編~対象ページのURLが別な場合~
https://f-tra.jp/blog/howto/7360

Yahoo!タグマネージャー 認定ベンダー
http://tagmanager.yahoo.co.jp/vendor/

Yahoo!タグマネージャー 認定パートナー
http://tagmanager.yahoo.co.jp/partner/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Google AdWords の特徴

Google AdWords の特徴

http://listing.cn-door.com/knowledge/36.html

google検索連動型広告

https://www.google.co.jp/ads/searchads/

google adwords

https://www.google.co.jp/adwords/?channel=ha-inc&sourceid=awo&subid=jp-ja-ha-rhi-bkmp0~107242464055&gclid=Cj0KEQjwwry8BRDjsbjMpPSDvagBEiQA5oW0nE7LmlTUE-tkdOVClUhTqgUYkQZSKlfQq6IlbiRK3OkaApbz8P8HAQ

Google、検索結果右側のテキスト広告枠を全世界で廃止へ

https://anagrams.jp/blog/google-no-ads-right-side-of-desktop-search-results/

Google 検索結果と AdWords 広告の違い

https://support.google.com/adwords/answer/1722080?hl=ja

Google AdWords(検索連動型広告)

https://www.akindo2000.net/service/internetad/gakeyword.php

Google広告まるわかり!主要プロダクト16 種類(解説つき)

http://liskul.com/ad_gad1416-5602

Yahoo!プロモーション広告 プロフェッショナル認定試験

http://pf.prometric-jp.com/testlist/yahoo/index.html

カテゴリー: 未分類 | コメントする

【必ず繰り返す】似ているようで全然違う、UXデザインとUIデザイン

似ているようで全然違う、UXデザインとUIデザイン
http://uxmilk.jp/4865

UX思考を学ぶ。UIデザインパターン全28選
http://ohako-inc.jp/uiux-japan/ui-design/201410-ui_design_patterns.html

UIデザイナーの主な仕事内容
https://creator.levtech.jp/jobguide/detail/11/

UIデザイナーに必要なのは、決定力のあるデザインを作る能力
http://blog.tsubotax.com/archives/795

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Googleアナリティクス個人認定資格 「GAIQ」とは?

Googleアナリティクス個人認定資格
「GAIQ」とは?
http://analyticsguide.jp/gaiq/outline.html

Google Analytics公式資格(GAIQ)
http://koumuin-shikaku.net/webauthor/58.html

GAIQ(Google Analytics個人認定資格)2時間の勉強で合格したよ
http://digitalartifact.blogspot.jp/2015/08/gaiq-google-analytics.html

Adwords認定資格とGoogle Partnersバッジ取得までの道
http://digitalartifact.blogspot.jp/2014/05/adwords-google-partners.html

AdWords認定資格の試験対策に僕の勉強方法をシェアします
http://digitalartifact.blogspot.jp/2014/08/adwords.html

Google Analytics Individual Qualification(GAIQ)
https://agency-star.com/licenses/46/

Yahoo!プロモーション広告
プロフェッショナル認定試験
http://promotionalads.yahoo.co.jp/service/professional/

Yahoo!プロモーション広告 運用の基本
http://promotionalads.yahoo.co.jp/online/ss_basic.html

ヤフーの検索連動型広告(リスティング広告)スポンサードサーチ
http://promotionalads.yahoo.co.jp/service/sponsored-search/

インターネットユーザーの行動を起こす広告
Yahoo!プロモーション広告
http://promotionalads.yahoo.co.jp/

yahoo japan ビジネスセンター
http://business.yahoo.co.jp/

「インプレッション数」「クリック数」「コンバージョン数」って何?
http://promotionalads.yahoo.co.jp/online/ss_navi8.html

曜日別、時間別パフォーマンスを確認して改善に役立てる
http://www.i-m-c.co.jp/ad_column/?p=819

リスティング広告で必ず理解しておきたい用語と計算式
http://www.uniad.co.jp/210101

【チェックも簡単!】Google Analyticsでクリック数を計測する方法【イベントトラッキング】
http://whitebear-seo.com/ga_eventtracking/

新版 SEM:リスティング広告 Googleアドワーズ&Yahoo!リスティング広告対応 Web担当者が身 .
https://books.google.co.jp/books?id=d47mIfcwQ-4C&pg=PA133&lpg=PA133&dq=yahoo%E5%BA%83%E5%91%8A%E3%81%AE%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E6%95%B0%E3%82%92%E8%AA%BF%E3%81%B9%E3%81%9F%E3%81%84&source=bl&ots=3qkktSeTRz&sig=5bWkt1bAXvYRZns3FDPtLj37aWI&hl=ja&sa=X&ved=0ahUKEwiy-ore_YPOAhXCipQKHQwAA_QQ6AEIaDAJ#v=onepage&q=yahoo%E5%BA%83%E5%91%8A%E3%81%AE%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E6%95%B0%E3%82%92%E8%AA%BF%E3%81%B9%E3%81%9F%E3%81%84&f=false

【Google・Yahoo!】リスティング広告認定試験対策まとめ
https://quartet-communications.com/info/listing/column/27582

Yahoo!リスティング広告 プロフェッショナル認定試験の受験対策&勉強法
http://matome.naver.jp/odai/2135916312955630001

Yahoo!プロモーション広告プロフェッショナル認定試験に挑戦してきました!
https://webkikaku.co.jp/blog/ppc/yahooprofessional/

【SEM初心者向け】これだけは取っておきたい!SEMスキルアップ資格まとめ:前編
http://ec-growth-lab.com/beginner/20141027/

Google AdWords認定資格プログラムを勉強しよう
http://adsense-life.info/column/462/

Yahoo!トップページに安価に広告出稿!【インフィード広告】
http://ec-growth-lab.com/listing/20150511/

Yahoo! JAPANトップページにいくらで広告掲載ができるのか?
http://ec-growth-lab.com/yahoo/2014331/

【報告】Webデザイナー検定(エキスパート)受かったよ(ゝω・)v
http://ideahacker.net/2012/09/30/2628/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】【超重要】php,スケッチ,実況中継,フラットデザイン,webコンサルタント,webデザイン・模写

企業Webサイトリニューアル成功のカギを握る「要件定義の方程式」とは?
http://web-tan.forum.impressrd.jp/e/2016/07/08/23152

PCサイトのUIデザインにおける12のトレンド
http://baigie.me/sogitani/2015/02/pc-site-trend-2015/

Webマーケッター瞳 コーナーの記事一覧
http://web-tan.forum.impressrd.jp/l/5586

最先端のデザイン!フラットデザインをサイトに導入する方法
http://liskul.com/cr_flatdesign-5857

UIデザインの動きまで共有できるモックアップ作成ツールまとめ
http://memo.goodpatch.co/2013/07/mockup-tools-for-ui-design/

馴れ馴れしいUIは気持ち悪い? 親しみやすい対話のためのUXデザイン
http://uxmilk.jp/3644

【Googleタグマネージャ 新UI】外部リンクをトラッキングする方法
http://ad-library.jp/tag-linktracking/

スケッチ

【絵が上手くなる】漫画家 江口寿史 先生が教える 5分で気軽に出来る練習法!
http://oekakigakusyuu.blog97.fc2.com/blog-entry-709.html

漫画家の江口寿史先生がTweetで5分で出来る深イイ話!これはイラストに限らない練習法じゃないか?
http://www.memcode.jp/3469

江口寿史先生考案の #5分スケッチ を淡々と集めてみるまとめ
http://matome.naver.jp/odai/2139615461403085401

本日お誕生日の江口寿史氏の5分間スケッチとその説明
http://togetter.com/li/648451

実況中継

何かと話題のデザイナー板橋聡氏の実況Webデザインまとめ【第三弾】
http://matome.naver.jp/odai/2137027632859479801

何かと話題のデザイナー板橋聡氏がツイッターでWebデザインの実況中継を投稿、ストイックすぎると話題
http://matome.naver.jp/odai/2134580404268648601

勉強になりすぎる!!Webデザイナー板橋聡氏 @bash1boy のデザイン実況中継!【第4弾】
http://matome.naver.jp/odai/2138782486426196801

php

超初心者向け!PHPでできること12選まとめました
http://eng-entrance.com/what-can-php-do

php で 作りたいものが作れるようになるには
http://php.birdlab.com/tips/7

【PHP入門講座】 PHPで出来ることと処理の流れ
http://qiita.com/mpyw/items/176fb1f6fb75da74339f

PHPにできることは?
http://php.net/manual/ja/intro-whatcando.php

投票アンケートシステム1
http://www.flzphp.com/second.php?page_num=601

メールフォーム・アンケートフォーム
http://php.eweb-design.com/1301_mail.html

アンケートフォームの作成
http://itlesson.cathand.com/php-form-question/

PHPアンケート
http://cgi-garage.parallel.jp/phpenquete.html

PHP・MySQL初心者がWordPressで開発を行うために読んできた本やサイトの紹介!
http://www.yukihy.com/entry/wordpress-develop-book

webコンサルタント

Webコンサルタントとは?仕事の内容や資格や必要な能力に関して
https://valueagent.co.jp/blog/4521

Google AdWords

Google AdWords認定試験を受けてみた
http://shinmai-web.com/post-1837/

Google Adwords認定資格 初心者向け試験対策(1)
https://www.web-nomi.com/adwords/20150219_adwords/

Google Analytics認定試験の勉強方法と取得した感想
http://banqmosh.com/gaiq-study

リスティング広告初心者がアドワーズ認定資格セミナーに参加して、認定試験に3つ合格するまでのお話し
http://shigebody.com/post-3544

Google AdWords 認定資格について
https://www.shikaku-king.com/konsaru/google_adwords/

AdWords 認定資格について
https://support.google.com/partners/answer/3154326?hl=ja

AdWords 認定資格試験について
https://support.google.com/partners/answer/3153810?hl=ja

Google AdWords認定資格プログラムを勉強しよう
http://adsense-life.info/column/462/

google adsense

Googleアドセンス申請から設置までのまとめ
http://affiliate150.com/googleadsense-summary

Google AdSenseの始め方 その1「審査を突破する」
http://gigazine.net/news/20061107_adsense_start/

Google AdSenseのやり方と稼ぎ方
http://www.polyglotconspiracy.net/?p=5721

Google AdSense
https://www.google.co.jp/intl/ja/adsense/start/#?modal_active=none

google サーチコンソール

google サーチコンソールの使い方と登録方法
http://www.polyglotconspiracy.net/?p=6440

google サーチコンソール(google ウェブマスター)
https://www.google.co.jp/intl/ja/webmasters/#?modal_active=none

Google Search Consoleビギナー向けガイド(サイトの追加・確認編)
http://web-tan.forum.impressrd.jp/e/2015/11/09/21463

“Google Search Console” – ウェブマスター ツールが新しくなりました
http://googlewebmastercentral-ja.blogspot.jp/2015/05/announcing-google-search-console-new.html

2016年最新版!ウェブマスターツール(サーチコンソール)の使い方
http://lblevery.com/sfn/attract/wmt/

Google Search Consoleの「検索アナリティクス」の使い方! あなたのサイトの流入キーワードを分析する
http://www.similar-web.jp/blog/archives/3537

【保存版】Googleウェブマスターツールの使い方完全マニュアル
http://creive.me/archives/5540/

初心者でもすぐに役立つ!SEOに効くGoogleウェブマスターツールの機能と使い方
http://liginc.co.jp/web/seo/150243

サーチコンソール (旧:ウェブマスターツール) とは
http://www.seohacks.net/basic/terms/webmastertool/

Google ウェブマスター ツール 登録マニュアル
http://www.netyasun.com/master/google.html

Googleウェブマスターツール
https://www.web-nomi.com/tag/google%E3%82%A6%E3%82%A7%E3%83%96%E3%83%9E%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%84%E3%83%BC%E3%83%AB/

WEBサイト公開時、絶対やるべきこと
https://www.web-nomi.com/seo/20140617/

【初心者】サーチコンソールの便利な使い方
http://www.interest-blog.com/entry/2015/02/19/125522

Google Search Console(サーチコンソール)の導入設定方法と必ずおさえておきたい機能4つ
https://promonista.com/google-search-console/

GoogleAnalyticsとGoogleSearchConsoleの違いと使い方
http://adwords.atlas.ac/GooglePartners/?p=564

Google ウェブマスターツールがGoogle Search Consoleに刷新!
https://www.internetacademy.jp/blog/ja/2015/05/20150524-hiroki.html

グーグルアナリティクス、サーチコンソール(旧ウェブマスターツール)の設定方法。feedlyの実装も!
http://www.sugatareiji.com/entry/2015/09/24/080000

Google Partners|6つの活用法と登録のための全手順
http://liskul.com/ad_gp6-3765

オウンドメディア

オウンドメディア|国内11事例の分析で見えた成功パターンの4タイプ
http://liskul.com/wm_ownedmsp11-4514

オウンドメディアと集客の関係性
https://ferret-plus.com/2625

オウンドメディアはどう立ち上げ、どうグロースさせればいいのか?(オールコネクト佐々木氏、freee椿氏、ferret飯髙)
https://ferret-plus.com/4495

アクセシビリティ

公共サイト向けにJIS規格に沿ったコーディングをする方法
http://designup.jp/jis-coding-138/

ページ表示の読み込み速度を計測できる4つの無料ツール
http://free-web-hope.com/reading-speed-of-page-tools

Webサイトのページ読み込み速度を測定できる無料サービスまとめ
http://design.webclips.jp/page-speed-tool/

今すぐ使える Web アクセシビリティ・ツール総目次
http://matome.naver.jp/odai/2140495331265966801

Another HTML-lint
http://www.htmllint.net/wac/ja/

CSS

CSSのみで実装するボタンデザインやホバーエフェクト 20+α
http://www.nxworld.net/tips/css-only-button-design-and-hover-effects.html

簡単に実装できる、ボタン画像のマウスオーバーイベント 10+
http://www.nxworld.net/tips/button-mouseover-event.html

CSSで作ったドロップダウンメニューのドロップの動きいろいろ
http://weboook.blog22.fc2.com/blog-entry-408.html

CSSだけで作る動きのあるドロップダウンメニュー
http://weboook.blog22.fc2.com/blog-entry-359.html

CSSだけで作る「多階層」なドロップダウンメニュー
http://weboook.blog22.fc2.com/blog-entry-383.html

こんなの作りたい!CSS3で実装するキレイなボタンチュートリアルまとめ
http://blog.nest-online.jp/11681

CSSスプライトについてあれこれ。
http://lopan.jp/css-sprites/

カラフルなボタンが作れる汎用レイヤースタイル。
http://lopan.jp/button-layer-style/

動くCSSのためのメモ。
http://lopan.jp/css-animation/

印刷にも対応!imgタグでCSSスプライトを使う方法
http://liginc.co.jp/designer/archives/6869

imgタグを使ったCSSスプライトで画像切替え表示する方法-HTML&CSS小技Tips #001
http://chocobanditz.com/blog/useful_html_css_tips_001

img要素でCSS Spriteする方法
http://www.koikikukan.com/archives/2012/06/06-235555.php

CSSで組んだドロップダウンメニューとトグルメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】
http://www.yukihy.com/entry/dropdown-toggle-menu

シンプルなレスポンシブ・トップメニュー「PrMenu」
http://webkaru.net/jquery-plugin/prmenu/

簡単!レスポンシブメニューをjQueryでドロップダウンできるように設定する方法
https://share-life.biz/web/responsive-menu/

シンプルなソース・CSSだけでアニメーション・ドロップダウンメニュー
http://ri-mode.com/rainbow/2014/06/11/simple_css_dropdown_menu/

グローバルナビをHTMLとCSSのみで追加しました。/僕トク的なアレ
http://blog.nest-online.jp/11764

jQuery レスポンシブメニュープラグイン SlickNav の使い方
http://www.webdesignleaves.com/wp/jquery/1384/

【この機能がほしかった!】多階層のレシポンシブメニュー16選
http://matome.naver.jp/odai/2145953118902772701

明日から使える!超カッコいいFormデザインのCSSスニペット集
http://designup.jp/css-form-design-426/

webデザイン・模写

模写して学ぼう!駆け出しデザイナーのためのデザイン上達法
http://liginc.co.jp/web/design/photoshop/74339

Webデザインを上達させるために大切なこと。デザインが苦手なあなたや私へ。
http://itkeijyoshilog.hatenablog.com/entry/2015/04/27/000633

WEBデザインが短期間で上達した方法
http://blog.idea-clippin.com/?p=332

Webデザインのスキルを磨こう!Webサイト模写のススメ
http://www.webcreatorbox.com/tech/improve-design-skills/

webデザイン力をUPさせるために必要な事を教えてくれた記事7選
http://sterfield.co.jp/designer/web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%8A%9B%E3%82%92up%E3%81%95%E3%81%9B%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AB%E5%BF%85%E8%A6%81%E3%81%AA%E4%BA%8B%E3%82%92%E6%95%99%E3%81%88%E3%81%A6%E3%81%8F/

模写で学ぶWebデザイン!「東急電鉄」編
http://4kakudez.com/design/trace-web-design-01.html

「模写」ばかりやっていても、Webデザインは上達しない
http://www.tortoise-shell.net/entry/2015/11/03/013520

デザイン上級者 21の特徴
http://www.ar-ch.org/mt/archives/2012/02/post-4.html

教えて先輩!「誰もがぶつかるデザインの壁」の乗り越え方!
http://webnaut.jp/design/569.html

デバイスフォント・WEBフォント大解剖 〜新人デザイナーのテキストフォント選び〜
http://webnaut.jp/design/1180.html

Webデザイン力を上げるには?
http://www.miraidenshi-tech.jp/blog/8236/

【WEBデザイン】センス不要!5つのコツを抑えるだけで脱初心者
http://liskul.com/design-skill-2777

Webデザインは少しの工夫が重要!デザインクオリティが驚くほど向上するテクニック16まとめ
https://ferret-plus.com/1672

ホームページ配色入門編:正しい色選びのデザイン技法
http://ja.wix.com/blog/2016/06/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8%e9%85%8d%e8%89%b2%e5%85%a5%e9%96%80%e7%b7%a8%ef%bc%9a%e6%ad%a3%e3%81%97%e3%81%84%e8%89%b2%e9%81%b8%e3%81%b3%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4/

WEBデザインはこれで完璧!参考になるレイアウトまとめ
https://blog.codecamp.jp/web_design_layout

5分で学べる配色デザインの基礎! web制作者が色彩を操るためのコツ
http://www.aiship.jp/knowhow/archives/18089

初心者向けのWebデザインのコツ!余白や色、フォント、レイアウトで美しいサイト制作を
https://toiroha.jp/article/detail/41901

Webデザインの仕方が分からない!初心者にすすめるデザインのコツ その1
http://harahara.org/blog/2013/295/

ノンデザイナーでもセンスがあると言わせる7つのデザインのコツ
http://scrmble.jp/441/

新米のwebデザイナーが作るバナー制作時のあれ、これ
http://nh-lab.com/newcomer-web-designer-banner-tutorial/

新米デザイナー必見!バナーデザインを効率的に美しくする10のステップ
http://liginc.co.jp/web/design/photoshop/128520

「45分」で作れる! 高品質バナーの作り方!
http://liskul.com/cr_45minbanner-4240

クリックされるバナーを作成する際に参考になる記事8選
https://ferret-plus.com/475

【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ
http://creive.me/archives/4364/

【初心者向け】バナーを作成する手順やポイントが学べる記事まとめ
http://blog.nest-online.jp/12273

Webデザイナーが知っておきたい高品質なバナーの作り方をまとめてみた
http://www.webdesign-fan.com/banner-matome

有名企業の事例から学ぶ!高品質なバナー広告を作るための「コツ&レイアウト」集
http://www.find-job.net/startup/tips-of-banner

効果の高いバナー制作のコツとは?読まなきゃ損する、おすすめ8記事+3サイト
http://www.m-hand.info/blog/5850/

favicon大解剖 〜必要サイズから検証時の注意点まで〜
http://webnaut.jp/design/1178.html

小さな変更で大きくUXを改善するマイクロデザインってなに?
http://webnaut.jp/design/1134.html

フラットデザインを取り入れたWebサイトの作り方。基本10ヵ条!
http://ja.wix.com/blog/2016/04/%e3%83%95%e3%83%a9%e3%83%83%e3%83%88%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e5%8f%96%e3%82%8a%e5%85%a5%e3%82%8c%e3%81%9fweb%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e4%bd%9c%e3%82%8a%e6%96%b9/

絶対おさえておきたいフラットデザインのまとめ
http://liginc.co.jp/web/matome-web/19271

フラットデザイン入門: その利点と注意点と主なテクニック
http://blog.btrax.com/jp/2013/06/12/flat/

フラットデザインなWebサイトで使われている色ってどんな色?配色パターン事例・カラーコード付き
http://www.coprosystem.co.jp/tipsblog/2013/08/01.html

フラットデザイン総まとめ!ツール、UI、テーマに素材
http://commte.net/blog/archives/3259

フラットデザインの参考、具体的サンプルWebサイト20個まとめ
http://photoshopvip.net/45342

脳に優しいデザインを!「Vertical Rhythm」の基本と実現方法
http://liginc.co.jp/designer/archives/12071

新人Webデザイナーがワンラックアップするためのマージン基礎
http://lab.sonicmoov.com/design/margin/

デザインは8の倍数で出来ている
http://ameblo.jp/ca-1pixel/entry-11837685575.html

web資格

自分の市場価値を上げる!Web業界で使える資格一覧
https://ferret-plus.com/695

初心者からベテランデザイナーまで必見のWebデザイン資格13選
https://blog.codecamp.jp/webdesign_qualifications

WEB検定の難易度
http://kenteinanido.com/cat0009/1000000021.html

Yahoo!プロモーション広告プロフェッショナル認定試験

Yahoo!プロモーション広告
プロフェッショナル認定試験

http://promotionalads.yahoo.co.jp/service/professional/

ヤフーの検索連動型広告(リスティング広告)スポンサードサーチ
http://promotionalads.yahoo.co.jp/service/sponsored-search/

インターネットユーザーの行動を起こす広告
Yahoo!プロモーション広告

http://promotionalads.yahoo.co.jp/

Yahoo! プロモーション広告の特徴
http://listing.cn-door.com/knowledge/31.html

リスティング広告でやってはいけない8つの施策
http://web-tan.forum.impressrd.jp/yahooads/2013/12/25/16584

Yahoo!リスティングの基礎知識と、成果を上げるための全手順
http://liskul.com/ad_yssbasic-37064

Yahoo!プロモーション広告 プロフェッショナル認定試験はテキストを購入しなくても合格しました。
http://合格体験記.com/post-6190/

Yahoo!プロモーション広告 プロフェッショナル認定試験 攻略法(ベーシック編)
http://jb-labo.com/yahoopro-test/

【Google・Yahoo!】リスティング広告認定試験対策まとめ
https://quartet-communications.com/info/listing/column/27582

【勉強法と試験対策】Yahoo!プロモーション広告プロフェッショナル認定試験 Advancedを受験しました
http://rentub.com/dev/yahoo-exam/

Yahoo!プロモーション広告プロフェッショナル認定試験に挑戦してきました!
https://webkikaku.co.jp/blog/ppc/yahooprofessional/

Yahoo広告認定試験 1発合格者の勉強方法
http://43factory.com/blog/yahooad/

Yahooリスティング広告認定試験受けてきました
http://ameblo.jp/shuukyakushi/entry-10662486471.html

Yahoo!リスティング広告プロフェッショナル認定試験とは
https://careerpark.jp/12177

リスティング広告とは?気になる費用・運用・効果について
https://careerpark.jp/60998

Yahoo!プロモーション広告認定試験の有効な活用方法とは?
http://yahoojp-marketing.tumblr.com/post/114011598198/yahoo%E3%83%97%E3%83%AD%E3%83%A2%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E5%BA%83%E5%91%8A%E8%AA%8D%E5%AE%9A%E8%A9%A6%E9%A8%93%E3%81%AE%E6%9C%89%E5%8A%B9%E3%81%AA%E6%B4%BB%E7%94%A8%E6%96%B9%E6%B3%95%E3%81%A8%E3%81%AF

Yahoo!プロモーション広告 プロフェッショナル認定試験「アドバンストコース」新設の狙い
https://markezine.jp/article/detail/18819

Yahoo!プロモーション広告 プロフェッショナル認定試験
http://sem-listing.xyz/exam/422/

ヤフーリスティング広告プロフェッショナル認定試験に合格
http://monet-world.co.jp/2016/06/06/%E3%83%A4%E3%83%95%E3%83%BC%E3%83%AA%E3%82%B9%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E5%BA%83%E5%91%8A%E3%83%97%E3%83%AD%E3%83%95%E3%82%A7%E3%83%83%E3%82%B7%E3%83%A7%E3%83%8A%E3%83%AB%E8%AA%8D%E5%AE%9A/

プロフェッショナル系資格試験 : Yahoo!プロモーション広告 プロフェッショナル認定試験
http://pf.prometric-jp.com/testlist/yahoo/

担当者に聞いた! Yahoo!プロモーション広告 プロフェッショナル認定試験の取得メリットとは
https://markezine.jp/article/detail/22982

Yahoo!プロモーション広告プロフェッショナル認定試験アドバンスト対策講座
https://jissen.me/category_kouza_list/0003/kouza/C0000193/

今すぐとりたい! Webマーケティング関連資格のまとめ
http://liskul.com/wm_wmlicense-4277

Yahoo!リスティング広告 プロフェッショナル認定試験の受験対策&勉強法
http://matome.naver.jp/odai/2135916312955630001

Yahoo!プロモーション広告 プロフェッショナル認定試験に合格。
https://www.bloom-promotion.jp/journal/web-ad/professional-yahoo-ad.html

Yahoo!プロモーション広告プロフェッショナル認定試験を受験してきました!その結果・・・。
http://azuma-yasuo.com/diary-21-1828

ヤフープロモーション広告プロフェッショナル認定試験のアドバンストを受験しました
http://monet-world.co.jp/2016/06/17/%E3%83%A4%E3%83%95%E3%83%BC%E3%83%97%E3%83%AD%E3%83%A2%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E5%BA%83%E5%91%8A%E3%83%97%E3%83%AD%E3%83%95%E3%82%A7%E3%83%83%E3%82%B7%E3%83%A7%E3%83%8A%E3%83%AB%E8%AA%8D/

SEM

SEM 【 Search Engine Marketing 】 サーチエンジンマーケティング / 検索エンジンマーケティング
http://e-words.jp/w/SEM.html

SEMとSEOの違いを理解し、成果につながる施策を打ちだすためのポイント
http://liskul.com/sem-seo-difference-349

SEOとSEMの違いは何か?図解にすると簡単にわかる
http://free-web-hope.com/difference-seo-sem

今更聞けない!SEMとSEOの違いとは?
https://ferret-plus.com/2606

google 認定試験


【SEM初心者向け】これだけは取っておきたい!SEMスキルアップ資格まとめ:前編

http://ec-growth-lab.com/beginner/20141027/

SEM資格一覧アリ


Google アナリティクス個人認定資格 (GAIQ) が日本語化されていたので受験してみた

https://hyper-text.org/archives/2015/01/gaiq_get_qualified.shtml

代理店の登録は、すでに自分の所属している会社など組織が、代理店登録されているなら会社名などで検索すれば登録可能です。個人の場合は関係ないのでスキップしておけば問題なしです。

【無料】たった1分で試験開始!? Google Analytics個人認定資格を受けてみた!対策とおすすめの勉強方法
http://hapisupu.com/2015/11/google-analytics-individual-qualification/

【Google Analytics】個人認定資格に合格!4時間も勉強したら余裕じゃね?【GAIQ】
http://hapisupu.com/2015/11/google-analytics-individual-qualification-passed/

【まとめ】GAIQ資格試験がついに日本語対応し無料化!-Googleアナリティクスの個人向け認定資格試験-
http://putilapan.com/btobwebmarketing/googleanalytics/gaiq2/

参考書紹介アリ

Google Analytics認定試験の勉強方法と取得した感想
http://banqmosh.com/gaiq-study

個人事業だけどGoogleのAdWords認定資格セミナーに参加してガッチリ勉強してきた!
https://homepage-reborn.com/2015/02/19/%E5%80%8B%E4%BA%BA%E4%BA%8B%E6%A5%AD%E3%81%A0%E3%81%91%E3%81%A9google%E3%81%AEadwords%E8%AA%8D%E5%AE%9A%E8%B3%87%E6%A0%BC%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC%E3%81%AB%E5%8F%82%E5%8A%A0%E3%81%97/

GoogleSearchConsoleとアナリティクスを連携して検索キーワードを取得する
https://ferret-plus.com/317

GAIQとは?
https://www.principle-c.com/quality/gaiq.php

【厳選】GAIQの試験対策と問題集まとめ
http://putilapan.com/btobwebmarketing/googleanalytics/gaiq/

【解決済】Fetch as Googleで「アクセスできません」トラブルで検索画面から消える悪夢を見た
http://putilapan.com/btobwebmarketing/googleanalytics/fetchcasgoogle/

サイト制作・ランディングページ

Web担当者必見! 顧客心理から導くサイトの課題発見
http://liskul.com/csmind-2728

【完全保存版】必見!成果を上げるランディングページの作り方
http://liskul.com/landing-page-1015

【完全マニュアル】ランディングページの効果UP|基本6つと+α23個のポイント
http://liskul.com/landingpage-effect-1274

カテゴリー: 未分類 | コメントする

【必ず繰り返す】【jQuery】Google画像検索のような拡大表示ができるプラグインjQuery Portfolio

【jQuery】Google画像検索のような拡大表示ができるプラグインjQuery Portfolio

http://voyager-jp.com/blog/jquery/jquery-portfolio/

「Google画像検索」風のUIをCSSとjQueryで作るチュートリアル

http://blog.verygoodtown.com/2013/08/google-image-search-ui/

google画像検索の新UIを真似てみた。

http://kaz-heidi.hatenablog.com/entry/2013/03/16/001345

厳選! 美しくてスマートなUI/UXデザインを持つAndroidアプリ20選【まとめ】

http://www.monster-dive.com/blog/ios_android_apps/20140110_001103.php

Webサイトのレイアウト調整や補助に使えるjQueryプラグインいろいろ

http://kachibito.net/web-design/jquery-layout-plugins.html

Google画像検索っぽいスライドにするjQuery(レスポンシブ対応)

http://d.hatena.ne.jp/yachin29/20140328/p1

この上なく便利!すごい「jQuery」の小技まとめ32

http://commte.net/blog/archives/3298

jQueryでGoogle画像検索の様なUIを実装する実験(レスポンシブ対応)

http://black-flag.net/jquery/20130918-4799.html

\(^o^)/ Google画像検索が使いやすくなってる!

http://liginc.co.jp/designer/archives/11608

【jQuery】Google画像検索結果風のUI「Thumbnail Grid with Expanding Preview」

http://design.webclips.jp/jquery-thumbnail-grid/

【jQuery】Google画像ライクなギャラリーを作るならGridderプラグイン

http://plugmin.co/493/

さらばGooooogle!? Google画像検索のUIが縦長、タイル表示に大変身!(ただし米で)

http://weekly.ascii.jp/elem/000/000/022/22862/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】【絵が上手くなる】漫画家 江口寿史 先生が教える 5分で気軽に出来る練習法!

【絵が上手くなる】漫画家 江口寿史 先生が教える 5分で気軽に出来る練習法!

http://oekakigakusyuu.blog97.fc2.com/blog-entry-709.html

江口寿史の「5分スケッチ」自分の線をつかむコツ! (集英社新書)

http://bookmeter.com/b/4087208087

江口寿史のイラスト論にTwitterで反響呼んだ「5分スケッチ」から迫る新書

http://natalie.mu/comic/news/163047

漫画家の江口寿史先生がTweetで5分で出来る深イイ話!これはイラストに限らない練習法じゃないか?

http://www.memcode.jp/3469

江口寿史先生考案の #5分スケッチ を淡々と集めてみるまとめ

http://matome.naver.jp/odai/2139615461403085401

江口寿史の「5分スケッチ」自分の線をつかむ

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q10155024090

本日お誕生日の江口寿史氏の5分間スケッチとその説明

http://togetter.com/li/648451

カテゴリー: 未分類 | コメントする

【必ず繰り返す】何かと話題のデザイナー板橋聡氏の実況Webデザインまとめ【第三弾】

何かと話題のデザイナー板橋聡氏の実況Webデザインまとめ【第三弾】

http://matome.naver.jp/odai/2137027632859479801

何かと話題のデザイナー板橋聡氏がツイッターでWebデザインの実況中継を投稿、ストイックすぎると話題

http://matome.naver.jp/odai/2134580404268648601

勉強になりすぎる!!Webデザイナー板橋聡氏 @bash1boy のデザイン実況中継!【第4弾】

http://matome.naver.jp/odai/2138782486426196801

カテゴリー: 未分類 | コメントする

【必ず繰り返す】超初心者向け!PHPでできること12選まとめました

超初心者向け!PHPでできること12選まとめました

http://eng-entrance.com/what-can-php-do

php で 作りたいものが作れるようになるには

http://php.birdlab.com/tips/7

超初心者プログラミング入門は「何」をやるべきか、主にPHPの場合。 – Webアプリエンジニア養成読本 AdventCalendar2014 五日目

http://uzulla.hateblo.jp/entry/2014/12/05/061019

MySQLと、PHPで、できることって、どんな

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1445580859

【PHP入門講座】 PHPで出来ることと処理の流れ

http://qiita.com/mpyw/items/176fb1f6fb75da74339f

PHPとは?Web業界で働きたいプログラミング初心者のためのエンジニア基礎入門

http://liginc.co.jp/web/programming/php/148669

PHPのできること、できないこと!初心者向けプログラミング言語解説

http://www.sejuku.net/blog/4064

PHPにできることは?

http://php.net/manual/ja/intro-whatcando.php

PHP入門者に知ってほしい!PHPで出来る事

http://www.hp-stylelink.com/news/2013/09/20130927.php

カテゴリー: 未分類 | コメントする

【必ず繰り返す】「WebコアCMS」販売開始 官公庁や自治体にも強い国産の静的Web CMS 富士通SSL

「WebコアCMS」販売開始 官公庁や自治体にも強い国産の静的Web CMS 富士通SSL

http://web-tan.forum.impressrd.jp/n/2016/07/13/23354

FUJITSU Enterprise Application WebコアCMS
標準価格

http://www.fujitsu.com/jp/group/ssl/products/software/applications/website/webcore-cms/price/index.html

「検索に強いコンテンツ」を企画・制作するために欠かせない4ステップとは?

http://web-tan.forum.impressrd.jp/e/2016/06/28/23080

部分最適のページデザインに血道を上げるWeb制作者に喝! テンプレート化を手抜きだと勘違いするな

http://web-tan.forum.impressrd.jp/e/2015/12/16/21659

カテゴリー: 未分類 | コメントする

【必ず繰り返す】オウンドメディア オウンドメディア|国内11事例の分析で見えた成功パターンの4タイプ

オウンドメディア

http://オウンドメディア.com/

オウンドメディア|国内11事例の分析で見えた成功パターンの4タイプ

http://liskul.com/wm_ownedmsp11-4514

いまさら聞けないオウンドメディアの定義。サイト立ち上げ前に知っておきたい基本とは? #01

http://web-tan.forum.impressrd.jp/e/2015/07/15/20150

オウンドメディアとは何か、明快に分かる!

https://web60.co.jp/owned_media.html

オウンドメディアとは何か?〜初心者でも分かる成功の指南書〜

https://ferret-plus.com/2625

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Webコンサルティングに資格は必要?Webコンサルティングで結果を出す考え方

Webコンサルティングに資格は必要?Webコンサルティングで結果を出す考え方

https://valueagent.co.jp/blog/4779

ホームページ集客のアクセスアップ9つの方法

https://valueagent.co.jp/blog/2999

病院のホームページで集客方法3つのポイント 制作と運用編

https://valueagent.co.jp/blog/3103

最も基本的なホームページの新規集客の改善方法 現状が0件〜10件未満向け

https://valueagent.co.jp/blog/2947

Google Analytics(アナリティクス)の導入・分析前に押さえる3つのポイント

https://valueagent.co.jp/blog/3257

Webコンサルティングする際の8つのポイント

https://valueagent.co.jp/blog/3136

カテゴリー: 未分類 | コメントする

【必ず繰り返す】2時間で作るカスタマージャーニーマップ――実例とともに考える新しい「おもてなし」のカタチ

2時間で作るカスタマージャーニーマップ――実例とともに考える新しい「おもてなし」のカタチ

http://web-tan.forum.impressrd.jp/e/2013/11/27/16409

Webサイトの開発者・検収担当者向け「セキュリティー診断トレーニング」サービス開始、社内専門家の育成へ

http://web-tan.forum.impressrd.jp/n/2016/07/12/23337

仕事でWebサイトにかかわるなら、“コンテンツ”が果たすべき3つの役割を知っておけ!

http://web-tan.forum.impressrd.jp/e/2014/11/05/18464

Webサイトのデザインで「かっこよく!」「インパクトを!」としか言わないWeb担当者よ、本来の目的に立ち返れ

http://web-tan.forum.impressrd.jp/e/2014/12/10/18761

CMS選びから運用のコツまで、「ビジネスに直結する」大規模サイトを成功に導く極意とは

http://web-tan.forum.impressrd.jp/e/2015/06/03/19836

Webサイト運用5つの心得―サイトの価値向上と運用効率化の両立は徹底した「顧客志向」の姿勢から

http://web-tan.forum.impressrd.jp/e/2015/09/09/20696

デジタルマーケティングツールを提供している企業は、自社でも活用して効果を出せているのか?

http://web-tan.forum.impressrd.jp/e/2016/02/02/21808

トップページばかり気にするWeb担当者に喝! サイト構築は「導線」と「動線」で考える

http://web-tan.forum.impressrd.jp/e/2016/02/10/22119

CMSはただ導入しても意味はない! CMSツール6分類と、実現したいこと別に考える最適CMSの心得

http://web-tan.forum.impressrd.jp/e/2015/07/14/20363

企業のWebサイト活用で成否を分ける“戦略フェーズ”の重要性

http://web-tan.forum.impressrd.jp/e/2014/02/19/16907

SEOで取扱高が大幅アップ!? Yahoo!ショッピングのSEO担当者に成功の要因を聞いた

http://web-tan.forum.impressrd.jp/e/2016/07/05/22914

企業Webサイトリニューアル成功のカギを握る「要件定義の方程式」とは?

http://web-tan.forum.impressrd.jp/e/2016/07/08/23152

モバイルでのUXを圧倒的に向上させるには、デジタル基盤から!

http://web-tan.forum.impressrd.jp/e/2016/07/01/23082

コンテンツの検索順位を上げるコンテンツマーケティングとは?

http://web-tan.forum.impressrd.jp/e/2016/07/04/23141

顧客の本音をあぶり出してコンバージョン率を最適化する、最新ヒートマップ活用法

http://web-tan.forum.impressrd.jp/e/2016/07/06/23158

SEOも広告も、利益が出なければ価値はゼロ! 「CRO=コンバージョン率最適化」の発想で進むべし

http://web-tan.forum.impressrd.jp/e/2016/05/25/22527

行動データ×機械学習でWebコンテンツをレコメンド、導入効果を朝日カルチャーセンターに聞いてきた

http://web-tan.forum.impressrd.jp/e/2015/08/27/20221

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Webマーケティング基礎 【データ公開】Facebookアルゴリズムとエンゲージメント率算出方法が変更した影響は?

【データ公開】Facebookアルゴリズムとエンゲージメント率算出方法が変更した影響は?

https://ferret-plus.com/1324

FBページのエンゲージメント率の調べ方

http://function5.biz/blog/goto/2015/06/10579.php

Webマーケティング基礎

http://dmlab.jp/web.html

エンゲージメント率

http://d.hatena.ne.jp/keyword/%A5%A8%A5%F3%A5%B2%A1%BC%A5%B8%A5%E1%A5%F3%A5%C8%CE%A8

[ マーケティング ] 大規模な企業フェイスブックページのエンゲージメント率は1%程度、という調査データ

http://www.ikedahayato.com/index.php/archives/7069

【Facebook】これから重要になる『新エンゲージメント率』とは?注目すべき数値はファン数からリーチ数・クリック数へ。

http://gaiax-socialmedialab.jp/post-28083/

TwitterとFacebookのエンゲージメント率計算方法を知ろう!

https://ferret-plus.com/4167

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Google AdWords認定試験を受けてみた

Google AdWords認定試験を受けてみた

http://shinmai-web.com/post-1837/

リスティング広告初心者がアドワーズ認定資格セミナーに参加して、認定試験に3つ合格するまでのお話し

http://shigebody.com/post-3544

AdWords 認定資格試験について

https://support.google.com/partners/answer/3153810?hl=ja

Webマーケティングを基礎から学べる18個のメディア/セミナー/講座/書籍まとめ

http://liskul.com/web-marketing-basic-9426

Google Adwords認定資格 初心者向け試験対策(1)

https://www.web-nomi.com/adwords/20150219_adwords/

Google Analytics認定試験の勉強方法と取得した感想

http://banqmosh.com/gaiq-study

リスティング初心者向けAdwords認定試験のススメ

https://www.principle-c.com/column/ppc/google-adwords-qualified.html

グーグルアドワーズ認定資格取得のための最高のテキスト!これを知ってたらもっと楽だった

http://adwords.atlas.ac/GooglePartners/?p=244

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Webコンサルタントとは?仕事の内容や資格や必要な能力に関して

Webコンサルタントとは?仕事の内容や資格や必要な能力に関して

https://valueagent.co.jp/blog/4521

中小企業診断士を持つWebコンサルタントが語る【前編】
これからも稼げるWebクリエイターは「コンサル力」が違う!

https://markezine.jp/article/detail/9023

Webコンサルタントが必要なスキル

http://blog.shopconsul.com/consultant/m1-2.html

私でもWebコンサルタントになれる?

http://blog.shopconsul.com/consultant/m1-1.html

カテゴリー: 未分類 | コメントする

【必ず繰り返す】グローバルメニューのデザインに使えるCSSテクニックまとめ

グローバルメニューのデザインに使えるCSSテクニックまとめ

http://blog.nest-online.jp/11764#CSS_SpriteWeb

jQuery+CSS3で固定ナビゲーション→レスポンシブでハンバーガーメニューに切り替える

http://www.webopixel.net/javascript/1060.html

分かりやすいハンバーガーボタン実装採用サイト6選【スマホの基本知識】

http://www.invision-inc.jp/hamburger-button_recruit/

カテゴリー: 未分類 | コメントする

[CSS]フッタを最下部に表示する5つのテクニック-コンテンツ量が少ない時は最下部に、多い時は成り行きに

[CSS]フッタを最下部に表示する5つのテクニック-コンテンツ量が少ない時は最下部に、多い時は成り行きに

https://pharosstack.wordpress.com/2016/07/13/css%e3%83%95%e3%83%83%e3%82%bf%e3%82%92%e6%9c%80%e4%b8%8b%e9%83%a8%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b5%e3%81%a4%e3%81%ae%e3%83%86%e3%82%af%e3%83%8b%e3%83%83%e3%82%af-%e3%82%b3%e3%83%b3/

フッターデザイン作業を行う人にとっての大きなヒントとなるフッターデザインの心得をThe neo designから紹介します。

https://pharosstack.wordpress.com/2014/09/01/%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e4%bd%9c%e6%a5%ad%e3%82%92%e8%a1%8c%e3%81%86%e4%ba%ba%e3%81%ab%e3%81%a8%e3%81%a3%e3%81%a6%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%aa/

Webデザインをパーツで参考にできるサイトまとめ

https://pharosstack.wordpress.com/2014/04/25/web/

各種パーツごとにWebデザインを色々見たい人の為のまとめサービス色々|レスポンシブ・ヘッダー・フッター・サイドバー・ロゴ等

https://pharosstack.wordpress.com/2013/12/22/web-13/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】印刷したら崩れてた!?印刷用CSSのスタイル確認と修正に便利なChrome DevToolsのエミュレータ機能

印刷したら崩れてた!?印刷用CSSのスタイル確認と修正に便利なChrome DevToolsのエミュレータ機能

http://parashuto.com/rriver/tools/chrome-devtools-media-type-emulator

print.css 印刷用CSSの作成方法

http://blog.loaferz.com/?eid=532897

モバイルファーストにてレスポンシブサイトを

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q11112512226

CSS メディア クエリを使用してレスポンシブにする

https://developers.google.com/web/fundamentals/design-and-ui/responsive/fundamentals/use-media-queries?hl=ja

レスポンシブWebデザインでの印刷対応

http://office7f.com/2014/08/31/responsive-print/

レスポンシブデザインの印刷CSS

https://teratail.com/questions/4647

レスポンシブWebデザインの印刷について

http://profile.ne.jp/ask/q-138125/

(スマホ対応)レスポンシブにする際の注意点(印刷でレイアウト崩れ)

http://hirocreate.com/%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96web/%EF%BC%88%E3%82%B9%E3%83%9E%E3%83%9B%E5%AF%BE%E5%BF%9C%EF%BC%89%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%81%AB%E3%81%99%E3%82%8B%E9%9A%9B%E3%81%AE%E6%B3%A8%E6%84%8F%E7%82%B9%EF%BC%88/

印刷用CSS(@media print)を確認・デバッグする方法

http://web-tan.forum.impressrd.jp/e/2015/07/28/20508

レスポンシブWebデザインでの印刷対応

https://pharosstack.wordpress.com/2014/12/28/%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%A7%E3%81%AE%E5%8D%B0%E5%88%B7%E5%AF%BE%E5%BF%9C/

レスポンシブウェブデザイン(Responsive Web Design)でWebサイトを制作するときの注意点

https://yumeirodesign.jp/blog/201108/responsive_web_designweb.html

カテゴリー: 未分類 | コメントする

【必ず繰り返す】企業Webサイトリニューアル成功のカギを握る「要件定義の方程式」とは?

企業Webサイトリニューアル成功のカギを握る「要件定義の方程式」とは?

http://web-tan.forum.impressrd.jp/e/2016/07/08/23152

Web制作者がマジで学べる国内ブログ厳選10個【制作+SEO対策編】

http://liginc.co.jp/web/wp/customize/87603

Webサイトの作り方のまとめ!デザイン制作からコーディング手前まで。

http://lopan.jp/how-to-make-website/

レスポンシブWebデザインの現在の動向/HTML5完全読本#4-1

http://web-tan.forum.impressrd.jp/e/2014/05/08/17361

カテゴリー: 未分類 | コメントする

【必ず繰り返す】超初心者向け!PHPでできること12選まとめました

超初心者向け!PHPでできること12選まとめました

http://eng-entrance.com/what-can-php-do

PHPのできること、できないこと!初心者向けプログラミング言語解説

http://www.sejuku.net/blog/4064

PHPとは?Web業界で働きたいプログラミング初心者のためのエンジニア基礎入門

http://liginc.co.jp/web/programming/php/148669

PHPにできることは?

http://php.net/manual/ja/intro-whatcando.php

PHP入門者に知ってほしい!PHPで出来る事

http://www.hp-stylelink.com/news/2013/09/20130927.php

PHPを覚えると何ができるのか??

http://oshiete.goo.ne.jp/qa/2988059.html

カテゴリー: 未分類 | コメントする

【必ず繰り返す】YConnectで簡単ID連携!その1 ~ログインボタンの設置~

YConnectで簡単ID連携!その1 ~ログインボタンの設置~

http://techblog.yahoo.co.jp/web/auth/yconnect1/

Yahoo! ID連携とは

http://developer.yahoo.co.jp/yconnect/introduction.html

Yahoo! ID連携

http://developer.yahoo.co.jp/yconnect/

Yahoo! IDが利用できないサイトは危機感を!ソーシャルログイン国内利用率調査レポート

Yahoo!ID連携がうまく行かない。サンプル通りだがエラーになる。

http://qiita.com/Knock_Japan/items/5dc819f6b89cef040655

カテゴリー: 未分類 | コメントする

【必ず繰り返す】WEB APIの使い方とは?挑戦したらすごく楽しい!

WEB APIの使い方とは?挑戦したらすごく楽しい!

http://blog.livedoor.jp/net_scope-diary/archives/922645.html

第12回 Web API利用の基礎を見直す

http://gihyo.jp/dev/serial/01/js-foundation/0012

APIを使ってWEB制作者ができること

http://www.program-study.com/report/api2

第1回 Web サービス APIを使ってみる (その1)

http://www.phppro.jp/school/mashup/vol1/1

カテゴリー: 未分類 | コメントする

【必ず繰り返す】電子書籍の読書用としてのNexus 7(2013)レビュー

電子書籍の読書用としてのNexus 7(2013)レビュー

http://stocker.jp/diary/nexus7-2013/

Nexus7 電子書籍(kindle)で本を読んで見る

http://nexus7manual.blog.fc2.com/blog-entry-47.html

電子書籍リーダーとしてNexus 7を買ってみました。Kindle Fire HD、iPad miniと比較。

http://m3k.biz/?p=588

「社会人のためのWebデザインスクール」を渋谷で開きます

http://stocker.jp/diary/web-design-school/

プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド

https://www.amazon.co.jp/%E3%83%97%E3%83%AD%E3%81%AB%E3%81%AA%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AEWeb%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7-%E5%AE%9F%E8%B7%B5%E3%81%A7%E5%BD%B9%E7%AB%8B%E3%81%A4Photoshop-Illustrator%E5%BE%B9%E5%BA%95%E3%82%AC%E3%82%A4%E3%83%89-%E5%BA%84%E5%B4%8E-%E5%A4%A7%E7%A5%90/dp/4774158569?ie=UTF8&tag=stocker_jp-22

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Webデザイン -コンセプトメイキングから運用まで- [改訂第五版]

Webデザイン -コンセプトメイキングから運用まで- [改訂第五版]

https://www.amazon.co.jp/Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%97%E3%83%88%E3%83%A1%E3%82%A4%E3%82%AD%E3%83%B3%E3%82%B0%E3%81%8B%E3%82%89%E9%81%8B%E7%94%A8%E3%81%BE%E3%81%A7-%E6%94%B9%E8%A8%82%E7%AC%AC%E4%BA%94%E7%89%88-CG-ARTS%E5%8D%94%E4%BC%9A-ebook/dp/B01DK0QR1W/ref=dp_kinw_strp_1

webデザイナー検定エキスパート 書籍取り扱い書店

https://www.cgarts.or.jp/book/buybook/syoten.html

webデザイナー検定 関連書籍

https://www.cgarts.or.jp/book/web/index1.html

カテゴリー: 未分類 | コメントする

【必ず繰り返す】え!?まだGoogleタグマネージャーを使ってないの?

え!?まだGoogleタグマネージャーを使ってないの?

http://thesaibase.com/webservice/gtm

WordPressにGoogleタグマネージャーを導入する方法を解説するよ

http://getgamenews.net/2016/02/google-tag-manager/

WordPressにgoogleタグマネージャーを設置する方法

http://shinmai-web.com/post-2857/

googleタグマネージャーでユニバーサルアナリティクスを設定する方法

http://shinmai-web.com/post-2875/

WordPressにGoogleタグマネージャのタグを簡単に埋め込む方法!

http://analyze.siraberu.info/post-529/

WordPressにGoogleタグマネージャーを設定できる「DuracellTomi’s Google Tag Manager for WordPress」

http://triggermind.com/duracelltomis-google-tag-manager-for-wordpress/

Google Analyticsのソーシャルプラグイン解析について(タグマネージャーとユニバーサルアナリティクス対応)

http://snowadays.jp/2014/04/2708

カテゴリー: 未分類 | コメントする

【必ず繰り返す】初心者からベテランデザイナーまで必見のWebデザイン資格13選

初心者からベテランデザイナーまで必見のWebデザイン資格13選

https://blog.codecamp.jp/webdesign_qualifications#Web-2

カテゴリー: 未分類 | コメントする

【必ず繰り返す】MAMPとXAMPPの両方使ってZendFrameworkのプログラミングとか Dropboxで同期するXAMPPとMAMPローカル環境

Dropboxで同期するXAMPPとMAMPローカル環境

http://www.masaplabs.com/dropbox-xampp-mamp/

XAMPPのインストール for Windows

http://www.be-webdesigner.com/technotes/server/install/xampp.htm

XAMPP・MAMPをインストールして、PHPを動かす環境をつくろう [MAMPのセキュリティ 設定]

http://sole-color-blog.com/blog/php/41/

MAMPとXAMPPの両方使ってZendFrameworkのプログラミングとか

http://crapporin.blogspot.jp/2014/06/mampxamppzendframework.html

第10回 WordBench神戸に行ってきた

http://www.onside.com/web_design/5775.html

カテゴリー: 未分類 | コメントする

【必ず繰り返す】MovableTypeのPHP化

MovableTypeのPHP化

http://www.netmania.jp/technique/mt/mt002.php

MovableTypeをPHP化しよう

http://mizushima.ne.jp/Windows/Weblog/MovableType/MovableType-php.php

MovableTypeとPHPの相性が抜群な件

http://partisan.wwwxyz.jp/seed/2012/01/30/223851.php

PHPでMovableTypeのデータを扱ってみた

https://blog.sus-happy.net/php-movabletype/

Movable Type の PHP化(その1)

http://www.koikikukan.com/archives/2006/08/27-173820.php

MovableTypeにはPHPがお勧めです

http://www.total-web.jp/technical/000060.php

Movable type 注意事項、制限事項と既知の問題点

https://www.movabletype.jp/documentation/mt6/restrict/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】Movable Type(ムーバブルタイプ)超入門解説

Movable Type(ムーバブルタイプ)超入門解説

http://liginc.co.jp/web/tool/85526

5. ステージング環境の構築が一瞬

Movable Type を運用するサーバと公開するサーバを別にすることは可能でしょうか?(ステージングサーバを経て公開したい)

http://www.powercms.jp/faq/51.html

MTでステージングサーバーと公開サーバーを分ける際の基本

http://www.h-fj.com/blog/archives/2010/06/14-121640.php

ステージングサーバー連携機能

http://www.powercms.jp/features/function/staging.html

ページ公開

http://www.mtcms.jp/features/publishing/

CMSとして使う Movable Type 5 ガイドブック

https://books.google.co.jp/books?id=teEeBAAAQBAJ&pg=PA26&lpg=PA26&dq=php7+movable+type&source=bl&ots=XUuTdUR2XF&sig=xy1I_tXlgQujcBnjRX8k3hIKc14&hl=ja&sa=X&ved=0ahUKEwjPu8q2n-rNAhVKppQKHek4B6gQ6AEILjAD#v=onepage&q=php7%20movable%20type&f=false

WordPress Web開発逆引きレシピ WordPress 4.x/PHP 7対応

https://books.google.co.jp/books?id=_pi3CwAAQBAJ&pg=PA480&lpg=PA480&dq=php7+movable+type&source=bl&ots=e5h9kr0EXC&sig=SFUXC5d8MDdNOVSQNCwj8biV7wo&hl=ja&sa=X&ved=0ahUKEwjPu8q2n-rNAhVKppQKHek4B6gQ6AEIJDAB#v=onepage&q=php7%20movable%20type&f=false

powerCMS

http://www.sixapart.jp/movabletype/solutions/powercms.html

MovableTypeのダイナミックパブリッシングの仕組みを紐解く

https://colo-ri.jp/develop/2011/03/movabletype-dynamic-publishing-architecture.html

WordPressとMovableTypeはどちらかに明確な優位性がありますか?

http://w3q.jp/t/2847

カテゴリー: 未分類 | コメントする

【必ず繰り返す】CSSで実装する矢印アイコン付きボタンのアニメーションエフェクト

CSSで実装する矢印アイコン付きボタンのアニメーションエフェクト

http://www.nxworld.net/tips/css-button-arrow-hover-effect.html

CSSのみで実装するボタンデザインやホバーエフェクト 20+α

http://www.nxworld.net/tips/css-only-button-design-and-hover-effects.html

スマホサイトの矢印付きメニューをCSSのみで実装する。

http://bashalog.c-brains.jp/14/04/15-162900.php

すごく役立った!サイト制作でさりげなく使われているCSSテクニックまとめ

http://commte.net/blog/archives/4415

右に矢印がついたリンクの作り方

http://plustrick.com/link_arrow/

擬似要素とCSS3を使ってリストメニューを楽しくデザイン

http://weboook.blog22.fc2.com/blog-entry-373.html

カテゴリー: 未分類 | コメントする

【必ず繰り返す】スマホのメニューなどに使えるjQueryを使って要素をクリックした時に開閉させる方法(ドグルボタン化)

スマホのメニューなどに使えるjQueryを使って要素をクリックした時に開閉させる方法(ドグルボタン化)

http://9-bb.com/%E3%82%B9%E3%83%9E%E3%83%9B%E3%81%AE%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AA%E3%81%A9%E3%81%AB%E4%BD%BF%E3%81%88%E3%82%8Bjquery%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E8%A6%81%E7%B4%A0%E3%82%92/

レスポンシブメニュー

http://www.webdesignleaves.com/wp/htmlcss/564/

あまり知られていないBootstrapスタイルテクニック、小技16個まとめ

http://photoshopvip.net/69687

レスポンシブ対応サイトで使用されているナビゲーションのパターンのまとめ

http://coliss.com/articles/build-websites/operation/design/responsive-navigation-by-vandelaydesign.html

またテーマを1から作りました。レスポンシブとかいろいろ取り入れてみたよ〜♪

http://waka8s.com/archives/responsive-my-theme/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】プロデザイナーから学ぶ、ウェブサイトを良くするために心がけたい15個のポイント

プロデザイナーから学ぶ、ウェブサイトを良くするために心がけたい15個のポイント

http://photoshopvip.net/91736

黄金比って何?デザインに取り入れたい5つの重要ポイント

http://photoshopvip.net/82733

今どきデザインはこれ!拡散型シャドウの基本から作成方法まで(PSチュートリアル + HTML/CSSスニペット付)

http://photoshopvip.net/91770

背景デザインを楽しくする、参考にしたい HTML/CSS スニペットまとめ

http://photoshopvip.net/91670

2016年上半期、商用OKで使い放題のフリーフォント50個まとめ

http://photoshopvip.net/91690

カテゴリー: 未分類 | コメントする

【必ず繰り返す】EC CUBE覚書 コードのコメントアウト

EC CUBE覚書 コードのコメントアウト

http://3bee.jp/2012/02/07/ec-cube%E8%A6%9A%E6%9B%B8%E3%80%80%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%E3%82%A2%E3%82%A6%E3%83%88/

【切実】EC-CUBEで決済中に表示される項目をコメントアウトしたいのですがどうやればいいのですか?

http://w3q.jp/t/10729

カテゴリー: 未分類 | コメントする

【必ず繰り返す】WEBデザインの見積り料金まとめ【2015年】

WEBデザインの見積り料金まとめ【2015年】

https://www.misoca.jp/mlist/article/web-design-price/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】今までで一番高機能かもしれないjQueryプラグインのスライドショー「camera」

今までで一番高機能かもしれないjQueryプラグインのスライドショー「camera」

http://sterfield.co.jp/designer/%E4%BB%8A%E3%81%BE%E3%81%A7%E3%81%A7%E4%B8%80%E7%95%AA%E9%AB%98%E6%A9%9F%E8%83%BD%E3%81%8B%E3%82%82%E3%81%97%E3%82%8C%E3%81%AA%E3%81%84jquery%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%AE/

レスポンシブデザイン対応でエフェクトも豊富なイメージスライダー「camera.js」の実装メモ

http://blog.noramasa.com/2012/10/29/381

高機能過ぎるjQueryスライドショー「Camera slideshow」

http://pannyatto.firebird.jp/archives/1151

カテゴリー: 未分類 | コメントする

【必ず繰り返す】ブックマークレット/Bookmarkletの作り方

ブックマークレット/Bookmarkletの作り方

http://www.catch.jp/wiki/?Bookmarklet%A4%CE%BA%EE%A4%EA%CA%FD

知ってそうで知らないブックマークレットの仕組みと使い方(と便利な11点まとめ)

http://www.lifehacker.jp/2013/04/130402bookmarklet_matome.html

ブックマークレットの作り方を知ってウェブブラウジングを快適に。(JavaScriptおれおれAdvent Calendar 2013 – 04日目)

http://ginpen.com/2013/12/04/bookmarklet/

ブックマークレットを作るときのTips

http://qiita.com/xtetsuji/items/e8b61bb39c41b7a9345e

カテゴリー: 未分類 | コメントする

【必ず繰り返す】公開サイトにどのCMSが使われているか見分ける方法

公開サイトにどのCMSが使われているか見分ける方法

http://webbingstudio.com/weblog/cms/entry-162.html

Wappalyzer

https://wappalyzer.com/download

閲覧サイトに利用されているテクノロジーをアイコン表示する拡張機能「Wappalyzer」

http://forest.watch.impress.co.jp/docs/review/750801.html

サイトで使っているCMSやアクセス解析が丸見えになる拡張機能Wappalyzerがスゴい!

http://web-tan.forum.impressrd.jp/e/2016/03/08/22339

サイトで使用されているライブラリやシステムがわかるブラウザ拡張機能・Wappalyzer(Google Chrome/Firefox)

http://magpepen.hatenablog.com/entry/2014/04/03/223608

カテゴリー: 未分類 | コメントする

【必ず繰り返す】movable type 中古書籍+購入予定本

movable type 8冊 3,196円+郵送料
インハウス 2冊(リスティング広告,facebook)SEOの本は下記を購入するので必要なし(amazonのレビューもイマイチ【下記参照】) 1,620円+郵送料
※これからコンテンツマーケティングを本気で取り組むという方には読んでほしくない、と思ったのが正直な感想です。
SEO対策で一番肝となるのが「良質なコンテンツ」作りです。
それを冒頭の「コンテンツ作成は外注に出しても良い」とする考えは誤りかと思います。
コンテンツは企業の核となるものです。
自社製品やサービスの理解の浅いライターに書いてもらっても本当に良い記事は絶対にできません。
また、SEO外部対策は考えなくて問題ないです。Googleが良質なコンテンツを作ればナチュラルな被リンクがつくとアドバイスしている通り、一番注力すべきは価値の高いコンテンツを作ることです。
(サテライトサイトの作成やオールドドメインなんて考える必要ないです)

計 5,100円+郵送料

SEO 2冊 4,276円

他4冊、シロクマ本、javascriptテクニックブック、ユーザーエクスペリエンスの測定、Googleアドワーズ<1万円からの効果絶大>コレだけ! 技
計 16冊

———————————————–
他、facebook本 数冊
———————————————–

■Movable Type レッスンブック MT5対応 79円

https://www.amazon.co.jp/Movable-Type-%E3%83%AC%E3%83%83%E3%82%B9%E3%83%B3%E3%83%96%E3%83%83%E3%82%AF-MT5%E5%AF%BE%E5%BF%9C-%E3%82%A8%E3%83%93%E3%82%B9%E3%82%B3%E3%83%A0/dp/4883376958/ref=sr_1_3?s=books&ie=UTF8&qid=1468197610&sr=1-3&keywords=movable+type

■Movable Type 6 本格活用ガイドブック (Web Designing BOOKS) 2,891円(3,542円)

https://www.amazon.co.jp/Movable-Type-%E6%9C%AC%E6%A0%BC%E6%B4%BB%E7%94%A8%E3%82%AC%E3%82%A4%E3%83%89%E3%83%96%E3%83%83%E3%82%AF-Designing-BOOKS/dp/4839948615/ref=sr_1_1?s=books&ie=UTF8&qid=1468197610&sr=1-1&keywords=movable+type

■基本からしっかりわかる Movable Type 5カスタマイズブック (Web Designing BOOKS) 114円

https://www.amazon.co.jp/%E5%9F%BA%E6%9C%AC%E3%81%8B%E3%82%89%E3%81%97%E3%81%A3%E3%81%8B%E3%82%8A%E3%82%8F%E3%81%8B%E3%82%8B-Movable-5%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E3%83%96%E3%83%83%E3%82%AF-Designing-BOOKS/dp/4839933456/ref=sr_1_4?s=books&ie=UTF8&qid=1468197610&sr=1-4&keywords=movable+type

■Movable Type 5でつくる! 最強のブログサイト 35円

https://www.amazon.co.jp/Movable-Type-5%E3%81%A7%E3%81%A4%E3%81%8F%E3%82%8B-%E6%9C%80%E5%BC%B7%E3%81%AE%E3%83%96%E3%83%AD%E3%82%B0%E3%82%B5%E3%82%A4%E3%83%88-%E5%B0%8F%E5%B7%9D/dp/4881667289/ref=sr_1_5?s=books&ie=UTF8&qid=1468197610&sr=1-5&keywords=movable+type

■基本からしっかりわかるMovable Type 5 (Web Designing BOOKS) 1円

https://www.amazon.co.jp/Movable-Type-Web-Designing-BOOKS/dp/4839933596/ref=tmm_pap_title_0?_encoding=UTF8&qid=1468197610&sr=1-7

■Movable Type 5実践テクニック 1円

https://www.amazon.co.jp/Movable-Type-5%E5%AE%9F%E8%B7%B5%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-%E8%92%B2%E7%94%9F-%E3%83%88%E3%82%B7%E3%83%92%E3%83%AD/dp/4797358831/ref=sr_1_8?s=books&ie=UTF8&qid=1468197610&sr=1-8&keywords=movable+type

■Movable Type 5.1 プロの現場の仕事術 35円

https://www.amazon.co.jp/Movable-Type-5-1%E3%80%80%E3%83%97%E3%83%AD%E3%81%AE%E7%8F%BE%E5%A0%B4%E3%81%AE%E4%BB%95%E4%BA%8B%E8%A1%93-%E8%8D%92%E6%9C%A8-%E5%8B%87%E6%AC%A1%E9%83%8E/dp/4839937311/ref=sr_1_17?s=books&ie=UTF8&qid=1468197610&sr=1-17&keywords=movable+type

■Movable Type 5 プロフェッショナルガイド 40円

https://www.amazon.co.jp/Movable-Type-5/dp/4839934134/ref=tmm_pap_title_0?_encoding=UTF8&qid=1468197610&sr=1-24

———————————————–

■SEO対策のための Webライティング実践講座 ¥2,138円

https://www.amazon.co.jp/SEO%E5%AF%BE%E7%AD%96%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE-Web%E3%83%A9%E3%82%A4%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E5%AE%9F%E8%B7%B5%E8%AC%9B%E5%BA%A7-%E9%88%B4%E6%9C%A8-%E8%89%AF%E6%B2%BB/dp/4774171670/ref=pd_sim_14_23?ie=UTF8&dpID=516yHXvTe9L&dpSrc=sims&preST=_AC_UL160_SR113%2C160_&psc=1&refRID=6FCD2P1VBSR59YX42HBH

■成果を出し続けるための 王道SEO対策 実践講座 ¥2,138円

https://www.amazon.co.jp/%E6%88%90%E6%9E%9C%E3%82%92%E5%87%BA%E3%81%97%E7%B6%9A%E3%81%91%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE-%E7%8E%8B%E9%81%93SEO%E5%AF%BE%E7%AD%96-%E5%AE%9F%E8%B7%B5%E8%AC%9B%E5%BA%A7-%E9%88%B4%E6%9C%A8-%E8%89%AF%E6%B2%BB/dp/4774180807/ref=pd_cp_14_1?ie=UTF8&psc=1&refRID=04E174RBTTGY3G6KD57S

———————————————–

■リスティング広告 成功のための実践テクニック Google AdWords対応 ¥998円

https://www.amazon.co.jp/%E3%83%AA%E3%82%B9%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E5%BA%83%E5%91%8A-%E6%88%90%E5%8A%9F%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E5%AE%9F%E8%B7%B5%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-Google-AdWords%E5%AF%BE%E5%BF%9C-Web%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AE%E3%83%97%E3%83%AD%E3%83%86%E3%82%AF/dp/4883379825/ref=pd_sim_14_7?ie=UTF8&dpID=51rKrsVUjqL&dpSrc=sims&preST=_AC_UL160_SR113%2C160_&psc=1&refRID=6FCD2P1VBSR59YX42HBH

■Facebook広告 成功のための実践テクニック ¥621円

https://www.amazon.co.jp/Facebook%E5%BA%83%E5%91%8A-%E6%88%90%E5%8A%9F%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E5%AE%9F%E8%B7%B5%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-Web%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AE%E3%83%97%E3%83%AD%E3%83%86%E3%82%AF-%E4%B8%AD%E5%B6%8B%E8%8C%82%E5%A4%AB/dp/4883379639/ref=pd_sim_14_11?ie=UTF8&dpID=51zOZlxEHeL&dpSrc=sims&preST=_AC_UL160_SR114%2C160_&psc=1&refRID=AV6MDF4GET5VBF1C650Z

カテゴリー: 未分類 | コメントする

【必ず繰り返す】perl 変数の種類と宣言

変数の種類と宣言

http://www.perlplus.jp/perl/var/index3.html

Perl基礎入門

http://www.kent-web.com/perl/chap8.html

my と local どう違う?

http://www.futomi.com/lecture/local/

my について

http://www.futomi.com/lecture/local/my.html

local について

http://www.futomi.com/lecture/local/local.html

my

http://www.perl-labo.org/perldoc/my.htm

[Perl] my と local と our の違いについて

http://d.hatena.ne.jp/TAKESAKO/20080110/1199969773

新人エンジニアにオススメ!Perlをある程度使いこなせるまでに参考になるサイト、書籍

http://ts-engine.net/wp/archives/867

分かりやすい、オススメのperlの入門書を教えて下さい。

http://q.hatena.ne.jp/1165274215

お薦めの Perl 本をいくつか紹介

http://naoya.dyndns.org/~naoya/mt/archives/000657.html

perl/cgi 参考書籍のご紹介

http://www.torawaka.jp/ToraX3/book.html

Perlの本・参考書の評判

http://programming-study.com/language/perl-books/

jQueryの本・参考書の評判

http://programming-study.com/language/jquery-books/

CSSの本・参考書の評判

http://programming-study.com/language/css-books/2/

Bootstrapの本・参考書の評判

http://programming-study.com/language/bootstrap-books/

Perlを学べる学習サイト2つ

http://programming-study.com/language/perl/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】新人必見!倍速かつ高品質なバナーを作るためのコツを全公開します

新人必見!倍速かつ高品質なバナーを作るためのコツを全公開します

http://qiita.com/yunico-jp/items/5e11f6b018ec830bc39a

バナーデザインの制作フローやレイアウト、参考になるエントリー・デザインギャラリーをまとめてみました

http://www.nxworld.net/inspiration/banner-design.html

Webデザイナーが知っておきたい高品質なバナーの作り方をまとめてみた

http://www.webdesign-fan.com/banner-matome

新米デザイナー必見!バナーデザインを効率的に美しくする10のステップ

http://liginc.co.jp/web/design/photoshop/128520

有名企業の事例から学ぶ!高品質なバナー広告を作るための「コツ&レイアウト」集

http://www.find-job.net/startup/tips-of-banner

【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ

http://creive.me/archives/4364/

クリックされるバナーを作成する際に参考になる記事8選

https://ferret-plus.com/475

【初心者向け】バナーを作成する手順やポイントが学べる記事まとめ

http://blog.nest-online.jp/12273

【実例】デザイン初心者が学んだちょっとしたコツで変わる!バナーの小技

http://designblog.ecstudio.jp/design-2/designer-banner-tips.html

新米のwebデザイナーが作るバナー制作時のあれ、これ

http://nh-lab.com/newcomer-web-designer-banner-tutorial/

効果の高いバナー制作のコツとは?読まなきゃ損する、おすすめ8記事+3サイト

http://www.m-hand.info/blog/5850/

初めてのバナー作成!おさえておきたいコツとレイアウト

http://zaitaku-webnohito.hatenablog.com/entry/2015/12/25/133000

バナーデザインの基本が分かる!7つのコンテンツをご紹介します。

http://takayakondo.com/banner-design-basic/

バナーづくりのコツ!目立たせたいものを目立たせる5つのポイント

https://www.ec-cube.net/tsubo/2014/06/18/1333

カテゴリー: 未分類 | コメントする

【必ず繰り返す】PHPとGoって何が違うの?LIGが自社サービス開発にGo言語を採用したお話

PHPとGoって何が違うの?LIGが自社サービス開発にGo言語を採用したお話

http://liginc.co.jp/284306

カテゴリー: 未分類 | コメントする

【必ず繰り返す】デザイナー歴4ヶ月だった、わたしのアイキャッチ制作プロセスを赤裸々に公開します。

デザイナー歴4ヶ月だった、わたしのアイキャッチ制作プロセスを赤裸々に公開します。

http://liginc.co.jp/239720

カテゴリー: 未分類 | コメントする

【必ず繰り返す】デザイナーがこうやってGit覚えて大好きになったよ♡

デザイナーがこうやってGit覚えて大好きになったよ♡

http://qiita.com/yunico-jp/items/87bdd13971e82833f6bb

Gitとわたしとデザイナーと 〜2015年Gitの思い出〜

http://qiita.com/yunico-jp/items/febf150e6fc059184827

本当は怖くない!デザイナーがGitを大好きになった♡5つの理由

http://qiita.com/yunico-jp/items/de191a15ac07651abdea

カテゴリー: 未分類 | コメントする

【必ず繰り返す】まだやってない?メルマガをスマホ最適化して開封率/クリック率を向上させる9個のTIPS集

まだやってない?メルマガをスマホ最適化して開封率/クリック率を向上させる9個のTIPS集

http://www.find-job.net/startup/e-mail-magazine-smartphone

カテゴリー: 未分類 | コメントする

【必ず繰り返す】background-colorプロパティ – 値「transparent」のブラウザ動作デモ

background-colorプロパティ – 値「transparent」のブラウザ動作デモ

http://webdev-nekodama.xii.jp/css/pDetail.php?g=background&p=background-color&v=transparent

カテゴリー: 未分類 | コメントする

【必ず繰り返す】 まず最初に知っておくべき「pocket」の使い方講座!(全4回)

まず最初に知っておくべき「pocket」の使い方講座!(全4回)

http://hoomey.net/pocket_study_1/

SNS色々ありすぎ!各ソーシャルボタンの特徴を簡潔にまとめてみた

http://liginc.co.jp/web/tool/other-tool/57334

SNS:Pocket(ポケット)ボタンの設置方法

http://raining.bear-life.com/sns/pocket%EF%BC%88%E3%83%9D%E3%82%B1%E3%83%83%E3%83%88%EF%BC%89%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95

Google+(グーグルプラス)の使い方ガイド

https://techub.jp/category/11

Google+を始めるまでの流れ

http://google-plus.cre-os.com/

Google+はなぜは失敗したか。元社員が語る敗因

https://newspicks.com/news/961561/body/

SNS一覧

http://matome.naver.jp/odai/2138568477834546701

【3大SNSまとめ】比較してみるとここに違いがあった!?

http://via-career.jp/frees/article/116/

【2016年版】SNSでウェブサイト集客!5つのSNSを比較

http://www.pro-s.co.jp/marketingblog/webmarketing/contentmarketing/596

Instagram・Twitter・Facebookの違いと使い分け方

http://sns初心者.com/insta-twitter-face-how-to-propely-1552

Facebook・Twitter・Instagramの違いまとめ!特徴からユーザー動向まで、3大SNSをどう使い分ける?

http://gaiax-socialmedialab.jp/post-29375/

【2015年保存版】ソーシャルメディアのデータまとめ一覧。ユーザー数から年齢層まで、SNS運用担当者は必見!

http://gaiax-socialmedialab.jp/post-27828/

動画マーケティングに最適なSNSはどれ?国内5大ソーシャルメディアを徹底比較した、便利なSNSデータ集!

http://www.movie-times.tv/basic/8031/

はてなブックマークとは

http://b.hatena.ne.jp/guide

カテゴリー: 未分類 | コメントする

【必ず繰り返す】料金プランが改定されたEvernoteからOneNoteに移行する技

料金プランが改定されたEvernoteからOneNoteに移行する技

http://ascii.jp/elem/000/001/189/1189262/

Evernote

https://evernote.com/intl/jp/

Onenote

https://www.onenote.com/?ui=ja-jp

OneNote

https://dekiru.net/category/windows-office/onenote/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】【実案件で使える?】Photoshop CS6のプラグイン「Cut&Slice me」を使ってみる

【実案件で使える?】Photoshop CS6のプラグイン「Cut&Slice me」を使ってみる

http://dev.classmethod.jp/visual-design/photoshop/photoshop-cs6-cut-and-slice-me/

【保存版】現場で使えるPhotoshopの高速スライステクニック5選

http://sitebk.com/photoshop/slice-technique/

Photoshopのプラグイン、Cut&Slice meはコーダーの強い味方になるか試してみた

https://wp-d.org/2013/01/07/1761/

Photoshopのスライス作業を、もっと効率よくする3つの方法

http://www.ingsnet.co.jp/igblog/web%E5%88%B6%E4%BD%9C/870/

http://w3q.jp/t/9431

カテゴリー: 未分類 | コメントする

【必ず繰り返す】htmlファイル中に[an error occurred while processing this directive]と表示される

htmlファイル中に[an error occurred while processing this directive]と表示される

http://pentan.info/else/ssi/html_error_occurred.html

HTMLのコメントアウトで [ # ] は使わない方がいい

http://biboroku.watanabehiroki.net/markup/html/html-comment

SSIの実行するshtmlを作ったのですが、

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q145259524

SSI エラー:an error occurred while processing this directive

http://www.kent-web.com/support/old/51/0241.html

SSI のエラー 「an error occurred while processing this directive」の原因と解決方法

http://sugutsukaeru.jp/support/209/

SSI(Server Side Include)で外部ファイルを読み込んでみよう

http://lab.gpol.co.jp/tsubo/2011/12/ssiserver-side-include.php

.htaccess の設定方法 拡張子 shtml ファイルに、SSI を有効にするには

http://mikeneko.creator.club.ne.jp/~lab/web/htaccess/ssi.html

とほほのSSI入門

http://www.tohoho-web.com/wwwssi.htm

カテゴリー: 未分類 | コメントする

【必ず繰り返す】IEでネガティブマージンを適用すると、はみ出した部分が消える問題

IEでネガティブマージンを適用すると、はみ出した部分が消える問題

http://spot-web.jp/blog/836/

こういう所で使ったら便利なネガティブマージン

http://www.css-lecture.com/log/css/negative-margin.html

【11-3】はみ出て便利♪ ネガティブ・マージン(Negative Margin)

http://honttoni.blog74.fc2.com/blog-entry-230.html?sp

[CSS]ネガティブマージンの理解を深め、活用するテクニック集

http://coliss.com/articles/build-websites/operation/css/css-using-negative-margins.html

カテゴリー: 未分類 | コメントする

【必ず繰り返す】WordPressとMovable Type。どっちがいいの?

WordPressとMovable Type。どっちがいいの?

http://www.plusdesign.co.jp/blog/?p=2519

WordPressとMovableTypeの違いとメリット・デメリット

http://www.hp-stylelink.com/news/2013/07/20130729.php

Movabletypeの案件でやったことのメモ

http://oshare.jugem.cc/?eid=672

なぜ僕は WordPress を使わないで Movable Type を使い続けるのか。

http://junnama.alfasado.net/online/2012/04/wordpress_movabletype.html

Movable Type の動作環境と、各種機能の一覧表です。

https://www.sixapart.jp/movabletype/features/features.html

3年間使い続けたMovableTypeをより便利にする定番プラグインまとめ

http://riatw.me/blog/mtplugins.html

Movable Type 5で、いいじゃん

http://d.hatena.ne.jp/trinity777/20110213/1297607681

MTを使う為のPerlモジュールのインストール:Image::Magickのインストール

http://www.km92.net/knowledge/2015/150305_000088.html

MTを使う為のPerlモジュールのインストール

http://www.km92.net/knowledge/2015/150217_000083.html

無料CMS活用【WEB構築方法】ニュースサイト立ち上げノウハウ

http://matome.naver.jp/odai/2134242325634243701

PowerCMS とは

http://www.powercms.jp/about/

PowerCMS 価格

http://www.sixapart.jp/movabletype/solutions/powercms.html

PowerCMS 事例紹介

http://www.powercms.jp/

ec-cube システム要件 php使用

https://www.ec-cube.net/product/system.php

EC-CUBEでコスメサイト ヴァーチュオンライン

http://w-takumi.com/blogs/result/coading/ec-cube%e3%81%a7%e3%82%b3%e3%82%b9%e3%83%a1%e3%82%b5%e3%82%a4%e3%83%88%e3%80%80%e3%83%b4%e3%82%a1%e3%83%bc%e3%83%81%e3%83%a5%e3%82%aa%e3%83%b3%e3%83%a9%e3%82%a4%e3%83%b3/

長所から考えるCMS(MovableType、WordPress)の使いどころ(Advent Calendar 13日目)

http://tech.aainc.co.jp/archives/9337

HeartCore 料金プラン

http://www.heartcore.co.jp/hc/plan.html/

ディレクターからみたMovable Type + PowerCMSの優位性

Movable Type 6.0の動作環境

https://www.movabletype.jp/beta/60/requirement.html

必要インストール環境と、ブラウザ動作環境

https://www.movabletype.jp/documentation/system_requirements.html

PowerCMS の最低限のスペックを教えてください。

http://www.powercms.jp/faq/349.html

PowerCMS の最低限のスペックとしての「動作環境」は、Movable Type が動作すれば問題ないものとなります。

しかし PowerCMS は MT に比べ多くの機能が追加されておりますので、必然的に MT よりも高スペックなマシンでなければ「動作はするが、管理画面が遅い」ことになる恐れが高くなります。

カテゴリー: 未分類 | コメントする

【必ず繰り返す】WordPressで仕事ができるってどのレベルを言うんだい? WordPressのリアルな工数と見積もりの話をしようじゃないか!

WordPressで仕事ができるってどのレベルを言うんだい?

https://wp-d.org/2013/04/01/3795/

WordPressのリアルな工数と見積もりの話をしようじゃないか!

https://wp-d.org/2013/06/26/4799/

発注者から安く見られている作業十選

https://wp-d.org/2013/02/14/2537/

WordPressで本格的にテーマや機能をカスタマイズしたい人にオススメ -WordPress仕事の現場でサッと使える!デザイン教科書

http://coliss.com/articles/book-review/isbn10-4774173800.html

未経験からでも出来るWordPressの勉強法、ポイントは4つ。

http://ameblo.jp/akki-akiaki/entry-11176296260.html

WordPressでサイトをつくるとき、デザインやコーディングでちょっと気をつけるだけでハッピーになれるかもしれない3つのコツ

https://wp-d.org/2013/02/07/2469/

カテゴリー: 未分類 | コメントする

【必ず繰り返す】li img コーディングするのが楽になるかも?と思うCSSテクニックのまとめ ECサイトでよくある横並びのリストのいろいろなコーディング方法

コーディングするのが楽になるかも?と思うCSSテクニックのまとめ

http://www.css-lecture.com/log/css/coding-css-technique.html

ECサイトでよくある横並びのリストのいろいろなコーディング方法

http://sterfield.co.jp/designer/ec%E3%82%B5%E3%82%A4%E3%83%88%E3%81%A7%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E6%A8%AA%E4%B8%A6%E3%81%B3%E3%81%AE%E3%83%AA%E3%82%B9%E3%83%88%E3%81%AE%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D%E3%81%AA%E3%82%B3/

画像の下にできる余白を消す方法

http://www.acky.info/tips/css/00025.html

水平型リストで画像を並べた時の隙間を消す6つの方法

http://www.webbibo.com/blog/htmlcss/h_list_space.html

バナーを横並びにするときに

  • にclassを付加せずにfloat落ちを防ぐ方法

    http://www.magical-remix.co.jp/magicalog/archives/2047

    CSS指定その5

    http://members3.jcom.home.ne.jp/granshe/example/090313/over.html

    画像同士に隙間が!そんなときの処方箋。

    http://worpre-lab.com/customize/li_img_white/

    [CSS] 勘違いしている擬似クラスの使い方

    http://buburinweb.wp.xdomain.jp/first-child-last-child

    【CSS】奇数・偶数・n番目など、要素を指定する時によく使うセレクタまとめ

    http://ideahacker.net/2013/06/28/5571/

    もうlast-childとfirst-childくらい使いたい

    http://oogatta.hatenadiary.jp/entry/20100218/1266483449

    [CSS]擬似クラス4つ「:first-child」「:last-child」「:first-of-type」「:last-of-type」

    http://www.vanfu-vts.jp/blog/2014/09/first-child_last-child/

    IEのCSSの不具合を直す魔法の言葉「zoom:1」

    http://css-eblog.com/cat12/zoom1.html

    hasLayout問題を解決するzoom:1;の落とし穴

    http://likealunatic.jp/2007/09/16_zoom1

    * { magin: 0;}だけでは物足りない!zoom: 1;を使おうよ!

    http://trans.hatenablog.jp/entry/20070430/p1

    IEでのCSSのバグを回避するhasLayout

    http://coliss.com/articles/build-websites/operation/css/143.html

  • カテゴリー: 未分類 | コメントする

    【必ず繰り返す】実はすごく簡単!webフォントの使い方&日本語対応webフォントまとめ Font−familyのベストな書き方 2015年版

    実はすごく簡単!webフォントの使い方&日本語対応webフォントまとめ

    http://www.hp-stylelink.com/news/2013/08/20130829.php

    Font−familyのベストな書き方 2015年版

    http://sole-color-blog.com/blog/design/246/

    SEOに重要なタグ12個の正しい使い方

    http://w-just.com/blog/seo-tag-358.html

    H1タグとは?Google向けSEOで意識する大見出しの使い方・文字数 検索エンジンと訪問者の為に記述

    https://www.allegro-inc.com/seo/h1-tag-google

    h1タグって複数設置していいの悪いの?その位置や文字数を解説!

    http://www.belka.co.jp/entry-436/

    HTML5におけるh1(見出し)の使い方

    http://www.web-labo.jp/archives/3406

    h1に画像の使用は問題ない

    http://www.lykaon-search.com/seo/whole/post-2348/

    h1にimgを持ってくるのは文法的にどうなのでしょうか。

    http://w3q.jp/t/3708

    HTML5でh1タグを正しく使う

    http://qiita.com/itagakishintaro/items/1884df99d3e074b106f5

    世界中のWEBデザイナーに愛される定番の英語フォントベスト10(フリー&有料)

    http://co-jin.net/design/font/web-designers-love10-fonts

    webデザイナーがよく使うフォント【英語フォント編】

    http://webra.ldblog.jp/archives/29116672.html

    Webフォント(日本語/欧文)サイトまとめ9選!変更方法もご紹介します

    http://liginc.co.jp/web/design/font/15639

    段落の1行目にインデントを付けるtext-indentプロパティ

    http://www.atmarkit.co.jp/fwcr/design/cssref/text/textindent.html

    【参考URL】

  • タグのなかにタグを入れたら、IEで変な隙間ができたときの対処法

    http://ameblo.jp/pre–sea/entry-11597228233.html

    リストタグでメニューバーを作ると変な隙間ができる(By IE)の解決法

    http://blogs.yahoo.co.jp/hidecord/8075465.html

    H1の神業。

    http://www.ekkun.com/2011/09/15/portal-site-of-godlike-h1.html

    text-indent:-9999pxでテキスト飛ばさなくてもテキスト非表示にして画像に置換できる方法

    http://delaymania.com/201209/web/textindent-9999/

    HTML5 でやりがちな間違い

    https://hyper-text.org/archives/2011/07/html5_mistakes.shtml

  • カテゴリー: 未分類 | コメントする

    【必ず繰り返す】外部CSSと文字コード

    外部CSSと文字コード

    http://htmlandcsstutorial.seesaa.net/article/147668506.html

    @ルール(@で始まる書式)

    http://www.htmq.com/csskihon/010.shtml

    @規則の指定

    http://www.tagindex.com/stylesheet/basic/format7.html

    外部CSSの文字コード指定

    http://www.lucky-bag.com/archives/2004/11/css_2.html

    カテゴリー: 未分類 | コメントする

    【必ず繰り返す】robots.txtの書き方と効果的な活用法

    robots.txtの書き方と効果的な活用法

    http://bazubu.com/robots-txt-16678.html

    robots.txtとは?「robots.txt」の書き方をまとめてみた

    http://viral-community.com/seo/robots-txt-2377/

    robots.txtの書き方

    http://www.seotemplate.biz/free-seo/2107/

    robots.txtの書き方(保存版)

    https://www.suzukikenichi.com/blog/how-to-create-robotstxt/

    ロボットテキスト(robots.txt)の書き方~クローラー拒否の作成法

    http://www.arigatou365.com/archives/1676

    カテゴリー: 未分類 | コメントする

    【必ず繰り返す】ページ内リンクをスムーズにスクロールさせるプラグイン

    ページ内リンクをスムーズにスクロールさせるプラグイン

    http://wordpress-template-blogpress.com/archives/1116

    簡単にページ内リンクができるプラグイン「Easy Smooth Scroll Links」がスゴイ!

    http://earn-in-affiliate.com/wordpress-plugin-page-link

    カテゴリー: 未分類 | コメントする

    【必ず繰り返す】これからのSEOの主役はスマホ?スマホ対応で知っておくべき9の基本

    これからのSEOの主役はスマホ?スマホ対応で知っておくべき9の基本

    http://raise-co.com/%e3%81%93%e3%82%8c%e3%81%8b%e3%82%89%e3%81%aeseo%e3%81%ae%e4%b8%bb%e5%bd%b9%e3%81%af%e3%82%b9%e3%83%9e%e3%83%9b%ef%bc%9f%e3%82%b9%e3%83%9e%e3%83%9b%e5%af%be%e5%bf%9c%e3%81%a7%e7%9f%a5%e3%81%a3/

    カテゴリー: 未分類 | コメントする

    【必ず繰り返す】H1タグとは?Google向けSEOで意識する大見出しの使い方・文字数 検索エンジンと訪問者の為に記述

    H1タグとは?Google向けSEOで意識する大見出しの使い方・文字数 検索エンジンと訪問者の為に記述

    https://www.allegro-inc.com/seo/h1-tag-google

    文字数・文章・テキスト量などSEOを意識したコンテンツライティング ブログ記事強化で上位表示

    https://www.allegro-inc.com/seo/text-contents-volume

    コンテンツ数と文字数は多い方がSEOに効果的!明確な理由を解説

    http://wakarukoto.com/?p=15374

    よくあるSEOの誤解 その5「コンテンツ(文章)量が順位を決定する!?」

    http://www.itri.co.jp/column/20150323-5.html

    段落をスッキリさせてスマートに読ませる

    http://raise-co.com/writing-2/

    SEO対策~入門編~|社内でできる!専門家が教える内部施策10の手順

    http://raise-co.com/contentsseo/

    あなたの記事の検索順位を上昇させるSEOライティングの基礎知識

    http://liginc.co.jp/web/useful/88376

    SEOに強い記事を書くための、9つの鉄板テクニック(初級〜中級者向け)

    http://ebloger.net/seo-technique/

    SEOライティングの基礎と知っておくべき13のポイント

    https://promonista.com/seo-writing/

    PDF文書ファイルのSEO対策と工夫!検索エンジンに上位表示させるコツと方法!メタデータとアンカーテキストの設定で最適化!

    http://jisakupc-technical.info/web-survice/3668/

    SEOに適したPDFファイルの設定方法

    https://www.suzukikenichi.com/blog/seo-for-pdf/

    カテゴリー: 未分類 | コメントする

    【必ず繰り返す】ロゴは、h1なのか?

    ロゴは、h1なのか?

    http://www.wasabi3.com/2011/08/%E3%83%AD%E3%82%B4%E3%81%AF%E3%80%81h1%E3%81%AA%E3%81%AE%E3%81%8B%EF%BC%9F/

    HTML5でh1タグを正しく使う

    http://qiita.com/itagakishintaro/items/1884df99d3e074b106f5

    W3CのウェブサイトにおけるH1タグの使い方

    http://www.akinakano.com/mt/2010/10/w3ch1.php

    header ロゴ部分を装飾する

    http://taghtml.com/practice/styleset_headerlogo.html

    <