2015.01.16
wordpress
ワードプレスでテンプレートが読み込まれる優先順位
HTMLとCSSさえ分かっていれば意外とできるワードプレスの自作テンプレートの作成。 そしてワードプレスには特に設定をしなくてもルールさえ守れば勝手にテンプレートを読み込んでくれるすばらしい機能 ...
続きを読む
WPテクニック
・
WPテーマ作成
2014.11.20
css
CSSだけで動きのあるアコーディオン・メニュー 改訂版
CSSだけで動きのあるアコーディオンのメニューです。 以前こちらに書いたのですが、ヨロズナさんから素晴らしいアドバイスをいただきましたのでソースを改訂しました。 jQuery並みのアコ ...
続きを読む
CSS3
・
アニメーション
・
サンプルあり
・
メニュー
・
リスト表示
2014.11.07
design
ブラウザでレスポンシブサイトのデザインを確認できるサービス
レスポンシブのウェブサイトを作成するときに、手元のiphoneやスマホ、タブレットなどの画面をいちいち確認しながら、もしくはブラウザのサイズを大きくしたり小さくしたりしながらデザインを進めるのはとって ...
続きを読む
ウェブデザイン
・
レイアウト
・
参考サイト
2014.10.17
wordpress
プラグインなしでカテゴリー順序を好きなように設定する方法
ワードプレスでのカテゴリーの順番を任意に設定する方法を紹介します。 とっても簡単に設定できて、しかもプラグインは必要ありません。 ダッシュボード⇒外観⇒メニューで、 ①メニューの名前を入 ...
続きを読む
WPテクニック
・
WPテーマ作成
2014.10.10
wordpress
ワードプレスの自作テーマの作成方法・シンプル・レスポンシブ対応 3
index.phpはデフォルトのテンプレートで、最新記事一覧、カテゴリ一覧、404エラーなどのページに使われます。 Memo: ここでは作成しませんが、category.php、404.ph ...
続きを読む
WPテーマ作成
2014.10.09
wordpress
ワードプレスの自作テーマの作成方法・シンプル・レスポンシブ対応 2
こちら(ワードプレスの自作テーマの作成方法・シンプル・レスポンシブ対応)の続きです。 wordpressで作成したウェブサイトは1つのページに色々なパーツを読み込んで作られています。 ...
続きを読む
WPテーマ作成
・
サンプルあり
2014.10.08
wordpress
ワードプレスの自作テーマの作成方法・シンプル・レスポンシブ対応
既存のテーマをアレンジしてウェブサイトを作成するのも良いですが、複雑で、いらない機能が付いていたり、ソースのどこを消してどこを残したら良いのか難しいですよね。 もっとシンプルに最小限のソースで作って ...
続きを読む
WPテーマ作成
・
サンプルあり
2014.08.11
illustrator
書道風、絵の具、クレヨンなどのブラシまとめ(イラストレーター用)
墨で描いたような文字にしたいときは、イラレのブラシがとっても使えます。 今回は書道風、絵の具、マジック、チョーク、クレヨンなどの無料でダウンロードできるAdobe Illustrator用ブラシのま ...
続きを読む
フリー素材
2014.06.20
css
CSSだけで動きのあるアコーディオン・メニュー
アコーディオンメニューはjQueryを使うと簡単にできるのですが、CSS3だけでも十分できます。 Attention!! この記事の内容について、ヨロズナさんからより良いソースをアドバイスいた ...
続きを読む
CSS3
・
アニメーション
・
マウスオーバー
・
メニュー
・
リスト表示
2014.06.11
css
シンプルなソース・CSSだけでアニメーション・ドロップダウンメニュー
CSS3のアニーメーションエフェクトであるtransitionを使って、CSSだけでjQueryのように動きのあるドロップダウンメニューを作ってみましたのでソースを紹介します。 いろいろと応用で ...
続きを読む
CSS3
・
アニメーション
・
サンプルあり
・
メニュー
・
リスト表示
2014.05.03
css
CSSだけで作られた369個のアイコン 使い方も簡単!
CSSだけで作られたアイコンが好きなだけ使える、Font Awesomeという大変すばらしいサイトを紹介します。 GPLライセンスなので商用利用もOKです。 使えるアイコンの一覧はこちら。 ...
続きを読む
ウェブデザイン
・
フォント
・
フリー素材
・
参考サイト
2014.04.20
design
任意サイズのサンプル画像が超簡単に作成できるオンラインサービス
placehold.itという大変便利なサイトを紹介します。 サンプル画像を好きなサイズで作成してくれるサイトですが、嬉しいポイントは、作成した画像をダウンロードする必要がなくそのままリンクが作 ...
続きを読む
ウェブデザイン
・
レイアウト
・
参考サイト
・
画像
2014.04.12
design
海外のクリエイティブなウェブサイトがたくさん集まったサイト 9選
海外の素敵なデザインのウェブサイトが一覧になっているサイトを私自身のメモも兼ねて紹介します。 ウェブデザインの参考にしたいサイトが盛りだくさんで見ているだけでも楽しくなってしまいます。 今回は ...
続きを読む
ウェブデザイン
・
参考サイト
Page 2 of 9
1
2
3
4
5
6
7
8
9
人気の記事
CMYKで印刷すると特色のゴールドのような色になる配色
【PSD,AI,JPG】 無料で使える革・レザー調の素材全部で250種類以上
シンプルなソース・CSSだけでアニメーション・ドロップダウンメニュー
DTP 文字の大きさと配置の目安
CSS3 アニメーションの基礎 @keyframes transform
最新の記事
【WordPress】プラグインなしで人気の記事をランキングで載せる方法
カスタム投稿タイプを作るときに参考になるデフォルト値
ロゴデザインをするときに大切な7つのポイント
ロゴデザインの参考にしたい素敵なロゴ100選
jQueryで特定のCSSの表示を遅くする方法
カテゴリー
CSS
Facebook
HTML
Illustrator
JavaScript
jQuery
Movable Type
Photoshop
PHP
WordPress
デザイン
素材
タグ
CSS3
FB
IE
MT
PHP
WPテクニック
WPテーマ作成
WPプラグイン
アニメーション
ウェブデザイン
サムネイル
サンプルあり
スライドショー
フォント
フォーム
フリー素材
プラグイン
マウスオーバー
メニュー
リスト表示
レイアウト
ロゴ
印刷・DTP
参考サイト
画像
色・配色
おすすめの本
ネットで調べればなんとかなる!という時代ですが、良い本にめぐり合い、基礎をきっちり固めることで応用がきくテクニックを身に着けることができます。もっと上達したい人におすすめの本をいくつかご紹介します。
WordPressデザインブック3.x対応
Wordpressで何ができるのかがわかるようになり、即興で使えるテクニックをたくさん習得できる本。
よくわかるPHPの教科書
HTMLとCSSは分かる人で、これからPHPを勉強してみたい人におすすめ。基礎からしっかり学べます。
Web制作の現場で使うjQueryデザイン入門
HTML、CSSが分かる人にぜひ読んでほしい本。これを読めば自分でソースを書くことや、既存のプラグインのカスタマイズもできるように!!
Photoshop 10年使える逆引き手帖【CC/CS6/CS5 対応】
まさにPhotoshopの教科書。基本はもちろん、Photoshopの全機能を網羅している本。これ1冊でPhotoshopはマスターできます。
WordPress 標準デザイン講座【Version 4.x対応】
HTMLとCSSは分かるけど、PHPは初心者でWordpressでサイトを作れるようになりたい人にお勧めの本。
10倍ラクするIllustrator仕事術 CS5/CS6/CC/CC対応
Illustratorをある程度使いこなせる人、必見。そんな使い方が!!と度肝を抜かれる本。実用的、効率的に使えるようになります。
役立つリンク
W3Schools Online Web Tutorials
HTMLとCSSクイックリファレンス
jQuery UI
jQuery 日本語リファレンス
WEB色見本 原色大辞典
WordPress › 日本語
相互リンク
初心者でも出来る!!ワードプレスカスタマイズ
TO TOP