WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
jQuery初心者向けの基礎をしっかり学べるサイト
【ｊQueryって何からjQueryの基本まで】... / 【jQueryの使い方から動作デモまで】jQue... / 【jQueryでのアニメーションからイージングま...他...全6件
WEBデザイナーを目指す人へお勧めしたい記事・サイトまとめ ｜https://wp.yat-net.com/name
最近僕の周りでWEBデザインの勉強やコーディングの勉強を始める人が多く、そんな方々向けに読んで欲しい、見て欲しいサイトをまとめる機会があったのでブログにポストします。 ブログに置いておけばこれから先また誰かに伝える機会があってもURL一つで教えれるので便利ですよね。 Index 1.WEBデザイン全般 2.色彩・配色 3.レイアウト 4.ユーザビリティ 5.文字・文章 6.フォント 7.コーディング 8.著作権 9.グラフィックツール関係 10.チュートリアル等 1.WEBデザイン全般 [連載]Webデザイン入門（1日目）：Stocker.jp [連載]Webデザイン入門（2:スケッチしよう）：Stocker.jp [連載]Webデザイン入門（3:光とボタン）：Stocker.jp サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。：MAKA-VELI.COM W
知ってると便利なPhotoshopのショートカットのまとめ
10 Best Photoshop Shortcuts [ad#ad-2] 下記は各ポイントを意訳したものです。 サイズ変更のハンドルをすぐに見つける 作業レイヤーはそのままで、全レイヤーをフラットに レイヤーを塗りつぶす 瞬時にカラーを選択する 選択範囲の移動 ブラシサイズの簡単な調整方法 不透明度をマウス操作で調整 ダイアログを開いている時に拡大縮小 隠されてるツールの選択 カーソルを一時的に精細に サイズ変更のハンドルをすぐに見つける Photoshopに画像をペーストした際、その画像のサイズが現在の画像より大きいとサイズ変更のハンドルを見つけるのは大変です。 自由変形 Ctrl + T 画像のサイズを変更するハンドルを見つけるには「Ctrl+T」、その後に「Crtl+0」を押します。 これでその画像のサイズ変更のハンドルをウインドウの中に表示することができます。 作業レイヤーはその
CSS3で実装する、簡単で美しいツールチップのチュートリアル
IE7など古いブラウザでもそれなりに表示される、CSS3で実装するツールチップのチュートリアルを紹介します。 IE7でのキャプチャ 背景色はRGBaとは別に指定しておくと、カラーも反映されます。 実装 元記事では最初に、a要素のtitle属性を利用した実装例がありますが、それは省略して、デモページの実装を紹介します。 HTML ポイントはツールチップに表示するテキストをどこに配置するかで、ここではa要素内のspan要素に配置しています。 <a href="">adipiscing elit<span>This is the first tooltip</span></a> CSS 最初にspan要素は非表示にし、CSS3を使ってツールチップを美しくデザインします。 span要素はホバー時に表示にします。 a span{ display:none; color:#fff; backgroun
Windows 7 / 8 / 8.1 / 10 / 11 のイメージバックアップ機能 - ｋ本的に無料ソフト・フリーソフト
Windows 7 / 8 / 8.1 / 10 / 11 には、システムドライブ ＋ α を “ イメージバックアップ ” する機能が付いています※1。 1 Windows 7 Home Premium には、この機能が付いていません。 ご指摘いただきました。Windows 7 Home Premium にもこの機能はあります。 （ただし、出力先にネットワークドライブを指定できない） この機能は、 ある時点でのシステムドライブの内容を、“ そっくりそのまま ” バックアップし、以降好きな時に “ その時の状態 ” を完璧に復元できるようにする ... というものです。 （ Windows が起動しないという最悪の状態でも、バックアップした時の状態に戻すことができます） ウイルスに感染してしまった時 なんらかのエラーにより、Windows が起動しなくなってしまった時 その他の理由で、OS
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」:phpspot開発日誌
画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」 2011年11月01日- webdev.stephband.info | jticker 画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」 タイピングしているようにアニメーションさせて動きを作ることで利用者の注目を集められます。 文書を読んでもらいたい場合なんかにも効果があるかもしれません。 流れる様にテキストアニメーション。 複数の文書を続けてスライドショーっぽくすることも出来るみたいです。 これはなかなか使えそうですね 関連エントリ テキストをCSS3でぼやけさせてアニメーションできたりするjQueryプラグイン「TextBlur」 カスタマイズ可能なアニメーションスクロールが実現できるjQueryプラグイン「PageScroll」 テキ
カスタマイズ可能なアニメーションスクロールが実現できるjQueryプラグイン「PageScroll」:phpspot開発日誌
カスタマイズ可能なアニメーションスクロールが実現できるjQueryプラグイン「PageScroll」 2011年08月25日- PageScroll | jQuery Plugins カスタマイズ可能なアニメーションスクロールが実現できるjQueryプラグイン「PageScroll」 アニメーションさせるイベントや、アニメーションの種類、onScrollStart、onScrollFinishといったイベントハンドラの設定まで出来るというものです。 デモページがこれを使ってなかなかいい感じに実装されていて、メニューにカーソルを合わせると指定位置に加速度をつけながら移動するという面白いものになっています。 メニューをfixedで固定してあるので意外と使いやすいものになっていることが分かると思います。 クリック不要にすることでストレスを減らせている感じ メニューにカーソルを合わせると指定位置に
最近リリースされた高品質なフリーのデザインフォント -2011年10月
最近リリースされたものを中心に、高品質なフリーのデザインフォントを紹介します。 Novecento Sans -wide 個人・商用利用無料。 Patten 個人・商用利用無料。 Bino 個人・商用
Webデザイナーならば必ず一度は憧れる、余白が美しいWebデザインまとめ59個
artless Inc. / mount inc. / standardimage他...全60件
ITクオリティ jQueryのイメージズーム（拡大）エフェクトが可能なプラグイン16個まとめ
jQueryプラグインのまとめ記事。 jQueryプラグインの中でも、画像イメージをズームしたり、カットアウトしたりする為のプラグインがまとめられています。 特にユーザーエクスペリエンスを考えた時、頭の片隅にあると色々な発想に結びつくかもしれないですよね。 画像の拡大等をを支援するjQuery 16 Best Image Zoom Effects with jQuery Plugins 2011/10/27(木) 11:30:51| jQuery | トラックバック:0 | コメント:0
ITクオリティ jQueryでカスタムするスクロールやスライダープラグイン15
スライドコンテンツやスクロールバーなどのカスタムを考えている時のリソースとして。 スクロールだけではなく、Webサイトの応答性と機能をコンテンツに盛り込むときに使えそうです。これらはプレゼンテーションの美しさも同時に磨き上げてくれます。 ベストjQueryスライダープラグイン 15 Best jQuery Scrollbar Plugins 2011/10/19(水) 11:00:37| jQuery | トラックバック:0 | コメント:0
ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最近リリースされた高品質なフリーのデザインフォント -2011年11月
ウェブデザインのセンスを磨こう、素敵なUIデザインのまとめ
ITクオリティ クールなMac OSX Lionの壁紙25個
http://e0166nt.com/blog-entry-948.html
Evernoteデータのローカルバックアップを定期的に自動作成してくれる『Evernote Exporter』 (2011年10月10日) - エキサイトニュース