日本語で読めるプラグインを使わないWordPressカスタマイズ方法まとめ - かちびと.net
豊富なプラグインで手軽に気軽に カスタマイズする事が出来るのも WordPressの魅力ですが、ソース が汚くなったり、重くなったり、など メリットだけでもなかったりします。 また、実現したいけどいいプラグインがないなんて事も有ると思います。そこで、プラグインではなく、テーマファイルなどを直接カスタマイズする方法を日本語で書いてある記事をまとめました。フォーラムは載せていないので探してみてください。結構有ります。 wp-adminをSSLでロック 管理画面をセキュアに。https://abc.com/wp-admin/にする方法です。企業サイトなどは特に導入の検討をすると良さそう。1行加えるだけなので手軽に導入できます。 wp-adminをSSLでロック メディアにある画像のサムネイルを表示する [sexy-lightbox href=’/wp-content/uploads/2010/0
LivedoorリーダーにさよならしてGoogleChromeエクステンションのあるFeedlyにした
RSSリーダーはFirefoxをメインブラウザ として使っている頃から使用していました が、現在はGoogleChromeが中心になって いるので、変更ついでに重いLivedoorリーダー ともさよならしました。 で、新しいRSSリーダーはなんとなく避けていたGoogleリーダーに変更。ついでにFeedlyを利用開始です。 Feedlyかなりお勧め どんなWebサービスでも僕は動作と見やすさ、使い勝手で決めています。多機能ならいう事なし。Feedlyは僕にぴったりのWebサービスでした。Fxアドオンもありましたが、他にも色々入れていたので重くなるかなと思い入れていませんでしたが、Chromeエクステンションなら全く重くならない、という事で抵抗無くインストール。 その場で各種ソーシャルサイトに投稿できるのもありがたい。 今日はLivedoorからGoogleリーダーへの移行作業のとFeedl
Web制作関連記事の復習メモ
今年も色々と情報が発信されました。 後で試そう、とか後で見よう、と思った まま何もしていない自分がいたので ちょっと復習用にメモ。来年の勉強用です。 個人的なメモですが参考になれば幸い。 内容はWeb制作に関わる記事ですが、まとまりがありません。単なるメモなのでご了承いただければと思います。順不同。 JPEG画像をより美しく、より軽量に最適化するテクニック 理屈に沿った軽量法でした。これは癖を付けてナンボのテクニックですね。頭に叩き込んでおきたい。PNGも合わせて。 JPEG画像をより美しく、より軽量に最適化するテクニック とっても使えるoverflowプロパティ。その使い方色々。 凄く便利。こんなに役に立ってくれるプロパティだとは知りませんでした。これも覚えておくと便利そう。 とっても使えるoverflowプロパティ。その使い方色々。 商用無料で使える写真素材サイトまとめ2009年度初版
ギャラリーを作成する為のjsやWPテーマ、プラグイン、Flash、CMSなど47点
何かと需要の高いWebギャラリーを 作るためのjqueryプラグインなどのjs やFlashギャラリー、WordPressでサクッ と作るためのプラグインやテーマなどの まとめです。 柔軟性を考慮し、FlickrなどのWebサービスから引張るようなギャラリーは割愛しました。全部で47点。稼動するか未検証なものもありますので参考程度に。探せばまだ有りそうです。 マウスオーバーで画像を出すようにしているので二度手間が少ないかなと思います。やや表示に時間がかかるかも。 javascriptjQuery Gallery Slider / マウス移動でダイナミックに。IE6~8、他各種ブラウザ対応with Semi-Transparent / キャプション付jqueryプラグイン。自動で切り替わるImage Rotator / サイドにサムネイル。jquery使用。手動切り替えGalleryView
Twitterの背景画像を作れるWebサービスやフリーの配布サイト、役に立つサイトいろいろ
Twitterの背景画像に関するまとめです。 クライアントを使っていれば特に必要性は 感じ無いかもしれませんが、折角変更 出来るのですし、見る人も少なくないので ちょおとかっこよく変えてみるのもいいかも 知れません。 そういう訳で、Twitterの背景画像を作成できるWebサービスや配布サイト、役に立つサイト（ギャラリー等）のまとめです。 作成できるWebサービス Free twitter Designer 背景を選択してシェイプを追加したり、そのシェイプを半透明にしたり影を加えたり、画像をアップロードしたりといろいろ出来ます。OAuth似認証でログイン可。日本語での説明はこちら。 Free twitter Designer twit backs 手軽に背景を作成出来ます。プロフィールやメールアドレス、アカウント名等を左サイドに挿入してくれます。テンプレートが豊富。 twit backs
英語の学習情報の特徴メモ - かちびと.net
話題が集まりやすい英語の 学習法などのブログ記事ですが、 結局勉強するかどうかは、その 方法が自分自身に合うかどうか。 これまで何度か出てきた英語学習の方法を書いた記事をまとめて概要のみ引用して一目である程度相性いいかどうか分かるように、比較出来る様にしておきます。これから冬休みの方はこの機会にいかがでしょうか。 気になった学習方法があったらリンク先で詳細を確認すると手間が省けそうな気がします。主観込みなので参考程度に。。 中学生レベルの英語力の奴が４ヶ月でTOEIC「Bクラス」を出す方法 リンク先のおおまかな内容 TOEIC730~860を4ヶ月で出した方法 まずは基礎を中心に リスニングの先読みの練習も サードパーティの模試を必ず時間を計って とにかく、速読と先読みの練習 教材：4冊 > 書籍中心。学ぶ順番も書いてある 特徴：英語が完全にダメな人向け 方法：回り道せずとにかくやり込む
cssとHTMLのみで擬似的な3D表示を実現するCSS 3D Meninas
これ凄いです。僕が知らなかった だけかも知れませんが、この動き でjs等も使用していないのは驚き でした。cssとHTMLのみでマウス オーバーした際の画像に3D効果 を出しています。 動作はIE8、Firefox3、Opera9、Safari 3、Chrome4などで動作するそうです。 マウスオーバーし、左右に動かすと画像も動きます。 複数の透過レイヤーを重ねてhoverで動きを出しているみたい。何枚かの画像と下記のような画像を使ったｃｓｓスプライトを使って実現しているようです。 この効果はmootoolsやjQueryのプラグイン(mParallaxやjParallax)を使えば同じ表現を実現出来ます。 実用性は期待できませんが、cssとHTMLだけっていうのが凄い。ソースは以下でご確認下さい。 Pure CSS 3d Meninas (説明ページ：CSS 3D Meninas)
フリーのWordPressテーマ・Magnoliaが結構凄い
これで無料か、と思わせるほど結構 凄いフリーのWordPressのテーマ Magnoliaをご紹介。Magnoliaはか なりカスタマイズされたWordPress のテーマで無料で使うことが可能です。 Magnoliaはファイルをアップロードし、外観で有効化。設定ページも追加されます。以下の7デザインを選択可能です。 スタイルとロゴを設定画面で変更できる ロゴもブラウザ上で変更可能です。設定画面のLogo Image Pathに画像のアドレスを入れれば変更されます。 人気記事、TwitterのPostなどを表示 ウィジェットで色々と管理できます。人気記事、コメント、TwitterのPostを表示するウィジェットの追加も可能になります。お好みで良いと思いますが、Twitterのウィジェットは3にした方が良さそうです。Twitterはウィジェットで編集、アカウント名と表示Post数を設定します
商用サイトでも無料の国内外のWeb制作に使える素材サイト総まとめ・2009 - かちびと. net
ローカル環境にストックしていた日本国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能（Commercial use）なWebサイトの素材情報です。一応確認はしていますが、ご利用の際はご自身の目で必ずライセンスや利用規約（Terms of Use等）をご確認下さい。サイトごとに利用規約も異なります。当サイトは一切の責任を負いかねます。 日本国内、及び海外の商用OKなWeb素材配布サイトと日本語で紹介された海外記事のまとめです。 2度手間を防ぐ目的でリンクにマウスオーバーすると画像をツールチップで表示するようにしました。多少表示に時間掛かるかもしれません。 写真 商用サイトでも利用できるロイヤリティフリー、パブリッ
Webデザイン事始め・まずはフリーソフトで始めよう。GimpとInkscapeの説明が分かりやすいサイト - かちびと.net
題名の通りですが、これから Webデザインに手を出そう、 という方の為に日本語サイト で説明が凄く分かりやすい サイトと少しチュートリアル記事 の紹介です。 Webデザインを始めたいけどadobeのソフトは高額でなかなか手軽に始められません。まずはほぼ同等の機能を持ち、しかも無料で手に入るGimp（Photoshop代替ソフト）とInkscape（Illustrator代替ソフト）で様子見をしてみてはいかがでしょう。 使い方や実践チュートリアルを丁寧に説明してくれるサイトをご紹介します。「これなら触ってみよう」という気になれるかと思います。沢山あげられると選べずに萎えるので1，2サイトに絞りました。両ソフトのダウンロードもリンク先で出来ます。 プロも使ってるといわれるGimp。Webデザインをこれから始めようと思ってもなかなかとっつき難いかもしれません。ですので扉となってくれそうなサイトを
Flickrに関するメモ・ツールやソフトなど
せっかくデジイチ買ったので来年あたり からFlickrを使おうと思い、Flickr関連の ツールや便利なアドオン、便利そうな ソフトなどをピックアップしてみました。 まだ全然使ってもいないのでその程度の 情報とお考え下さい。単なるメモ書きです。 FlickrはツールやWPのプラグインも多数存在するのでやはり便利そうですね。 文字の羅列だとリンク先に飛ばないと分からないのでリンクにマウスオーバーするとサムネイルが右側に出るようにしてあります。前に見たようなサイトもわざわざリンク先に飛ばずとも多少は分かるかなと思います。逆に見にくかったらごめんなさい。 基本Flickr / ここからスタート。本家。Flickrfreak / Flickrの使い方Wiki。日本語なので分かりやすい日本語ガイダンス / ここも分かりやすいです。検索Flickr Related Tag Browser / タグで検
WordPressでWebサイトを構築するまでの手順リスト - かちびと.net
私的なメモです。WordPressで個人的にWebサイトを構築したり、受注した際の手順リストをメモ。自分用のチートシートです。いつも何かしら忘れている気がするのでいつもやる事をぱっと見で分かりようにリスト化しておきます。※個人的な主観が入っています。 Todoソフト等はあまり使わないので本当に私的なメモですが、これが誰かのお役に立てたら幸甚です。プラグインなども好みが有ると思いますのでご参考までに。。 [note]情報が古くなったので改正版としてアップデートしました。[/note] インストール DB作成 WP最新版をダウンロード wp-config.phpをDBに合わせて変更 接頭語も変える（wp_ → example_） FTPソフトでサーバーにインストール ログインして管理者権限のユーザーを作成 作成したユーザー名で再ログイン adminユーザーを削除 ダッシュボードの不要なコンテン
白黒ベースのサイトを作りたい時に役立ちそうなWeb素材やWebデザイン例などのまとめ
最近、白黒カラーベースのサイトを 作成したのですが、その際に色々と 参考にしたアイコンやバナーなど のWeb素材やインスピレーション 向上の為のWebデザイン例に なりそうなサイトをまとめておきます。 結局アイコン等は使わなかったんですが、また作る時の備忘録としてメモ＆シェアしたいと思います。ライセンスはそれぞれご確認を。多少重いかもしれません。アイコン、ボタンやバナー、その他の素材、ギャラリーと続きます。 アイコン白黒やグレーのアイコンいろいろ。 40 greyscale icons グレースケールアイコンパック。 40 greyscale icons twotiny 白黒のミニアイコンが沢山。 twotiny 165 vector icons 165のうち、66が白黒のアイコン。 165 vector icons bwpx.icns かなりの数の白抜きミニアイコンが揃っています。 bw
「吹き出し」をツールチップとして実装するjsいろいろ
マウスオーバー等で吹き出しが 現れるツールチップのまとめです。 jQueryが殆どになります。 吹き出しは画像やcssを変更 すれば別の形状にする事も可能 なのでうまく活用したいですね。 吹き出し以外のツールチップを実装できるjsをお望みでしたら以下の記事が参考になりそうです。 15 jQuery Plugins To Create A User Friendly Tooltip 40+ Tooltips Scripts With AJAX, JavaScript & CSS vTip 凄く可視性が高い吹き出し。フェードインで表示し、マウスオーバーの間はマウスストーキングします。使いやすそう。対象がテキストでも画像でもOK。試しに入れてみました。以下のリンクにマウスをあわせるとバルーンが現れます。角はcssで丸くしました。デフォルト状態だとマウスカーソルにarrow部分が重なってしまうので
ネットで出来るだけ物を安く買える方法やサイトを調べた - かちびと.net
今更ながら不況なのでネットで 安く買えるEコマースサイトや 通常よりも安く済ませる方法などを 調べたのでシェアしたいと思って エントリします。殆ど既出な情報です。 ほんとにお金が無い時には役に立たない 情報かも知れません。 仕事の過程で物入りな時に探した情報です。何かと出費を抑えたい時代。少しでも安く済ませられるよう、激安ネットショップやモノを安く買う方法等の情報をまとめました。順不同です。 生活応援通販のヒラキ とにかくココは絶対に紹介したいサイト。金額が異常なほど安い。スニーカー180円で有名なサイトです。他にも雑貨80円均一、女性用ブーツ780円などなど。配送はクロネコヤマト等なので送料が高いという罠も無し（多分）。更に5250円以上で送料も無料とまとめ買いにもうってつけです。 生活応援通販のヒラキ ロヂャース ディスカウントで有名なロヂャースのオンラインショップ。実店舗同様、安い商
国内の商用利用可能なWeb制作に使えるフリー素材配布サイトまとめ - かちびと.net
日本のWebデザインってあまりトレンド というのは無いような気がします。なんと言うか 見易さとか実用性メインでデザインは結構 シンプルだったりしますし、日本人に合ってる のかもしれないですね。そんな訳で日本人の 感性で作られた商用利用もOKの国内の Web素材配布サイトをまとめてメモしておきます。 僕自身がいいと思ったサイトを厳選してご紹介します。順不同。 サイトごとに利用規約が若干違うので重要な部分はメモしますが、ご利用の際は必ずご自身の目で利用規約ページをご確認下さい。問題が起きても当方は責任負いかねます。利用規約ページがある場合はそのページにもリンクを貼っておきます。 デザイン素材.com アイコンがメインでファイルはPNG。ネットショップ素材が中心で使いやすいデザインが沢山あります。 加工、商用OK、印刷物、ソフトウェアでも可能、Webデザイナーも利用可能。再配布、２次配布は不可。
最近知った素晴らしいデザインの国内ブログいろいろ
「最近」というのはここ4～5ヶ月 を指しています。国内のブログで 凄く素敵だなぁと個人的に感じた サイトをご紹介させて頂きます。 主観で選んでいますのでその辺 ご了承くださいね。。 （恐らく）配布されたテンプレート等を使用していないブログデザインを選んでいます。更新のあまり無いブログやコンテンツの少ないブログは極力割愛しました。 K’conf 一目惚れしたブログです。メニューのツールチップもいいですね。クールなデザインですがなんとなく柔らかい印象も受けます。内容もWeb制作に役立つ情報なども配信してくれています。 K’conf Photoshop Vip このブログと同じ時期くらいに始められたそうです。大きなフォントが凄く印象的。リニューアルも検討されていると伺ったので変更されるかもしれません。 Photoshop Vip RedLine Magazine クール＆ビューティーなデザインで
Google Chrome使い始めたけどFirefoxにはコレがあるから完全に移行出来ないっていうアドオンまとめ
二十歳街道まっしぐらさんの私が Firefox から Chrome に乗り換えた７つの理由という記事に刺激されて食わず嫌い（と言うほどでも無いけど・・）していたGoogle Chromeを使い始めました。 記事通り、リリース当初よりかなり便利になっていますし、Chromeの速度はかなり魅力なのですが、Firefoxの「このアドオンがあるから・・」という理由でやはり完全に移行出来ませんでした。カメきちさんの記事のブコメもいろいろと参考になりますね。一言で済ますと好みですよね。使いやすいもの使ったり併用したり。 僕は今は半々くらい、ややFirefoxよりでテスト利用しています。通常ブラウジングは殆どChromeになりそうです。ついでに「このアドオンがあるから・・」というアドオンをご紹介したいと思います。 「お勧めアドオン」系の記事ってあまり参考にならないことも多いと思いますので「こいつはこんな
国産限定・Web制作時に覚えておくと便利な14のフリーのWebサービス
最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出来る限り高性能だったり多機能なWebサービスのみにしたつもりですが主観入ってます。 Color of Book 国産サービスで一番多用しています。AmazonAPIを使って雑誌の表紙を抜き出し、その表紙からカラーチャートを生成。アイデアが素晴らしいですね。雑誌は表紙のデザインや色で惹きつけるよう考えられている事が多いのでWeb制作時のカラー選定にかなり参考になるのでは。 Color of Book
モバイルサイトのWebデザイン15選
携帯、モバイルサイトの デザインってどうなってるのか 少し興味が沸いたのでモバイル サイトのキャプチャを取って アーカイブとしてまとめている モバイルデザインアーカイブさん から15のモバイルサイトで好きな デザインを15個厳選しました。 個人的なギャラリーとなっていますが、共感して頂ければ幸いです。キャンペーンサイトのデザインなどもあるので現在は確認出来ない事もあります。 FAT ONLINE SHOPPING 余計な情報を入れず、一番伝えたい事は画像にしてTOP絵にしています。 FAT ONLINE SHOPPING AEON Lake Town シンプルですが、画面の小さいモバイルサイトで情報を絞り込むのはかなりいいのでは。Ｆｌａｓｈで操作も軽快でした。 AEON Lake Town MOS BURGER モスバーガーのモバイルサイト、凄くいいですね。メニューも見やすいし、色使いもか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
