WordPressの管理画面内のデザインをcssで手軽に変更できるようにするプラグイン・Add Admin CSS - かちびと.net
ちょっと今更な話題なんですけど、始めて 使ってみたら便利だったのでご紹介です。 管理画面内のcssを手軽に変更できる、と いうプラグイン。よくあるブログサービス でも管理画面は簡単にデザインを変更でき るようになっていますが、それを実現する プラグインです。 手軽に、というのはプログラミングの知識が不要って意味です。このプラグインを有効化すると、cssを追記できるようになりますので、カスタマイズの知識が無くても管理画面内のデザインを変更できます。 css書くだけで管理画面のデザインを変更できます。この手のは沢山あるんですが、結局シンプルにcssで出来るのが制作者向けかなぁとは思いました。 抜粋が狭すぎるので広げてみた。あと、テーマやプラグインはいじられると困るので非表示に、みたいな感じ。 こういったカスタマイズの目的はWebに疎いクライアントさんはアクセス出来ないようにしたい、邪魔なものを
WordPressのオリジナルテーマ作成フロー・基本マニュアル
初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次 目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに 作成するWebサイトの目的と構造 テーマ作成前に用意するものと環境 テーマの構造を（触り程度だけでも）理解する HTM
画像を使わずに見出しを水平線で挟むCSS小技 - かちびと.net
ちょっと素敵だったので備忘録。CSS で見出しを水平線で囲むテクニック です。本とかでよくある表現方法です が、これを画像を使わず実装しよう、 というもの。クロスブラウザで動作 しますので汎用性もありますね。 これはいいですな・・・IE6でも7でも実装出来て、背景カラーや画像にも依存しません。 demo こんな感じ。よく見かけますが、これをCSSのみで実装するTipsです。 h1 { border-top: 1px solid black; margin:23px 0 0; text-align:center; padding:0; height:24px; } h1 span { position: relative; top: -24px; padding: 0 20px; background:white; } borderを使って実装。h1にborderを付けて位置を下げ、span
ロゴデザインのインスピレーション向上に役立ちそうなサイトいろいろ - かちびと.net
ロゴデザインのインスピレーション 向上に役立ちそうなギャラリー等の まとめです。ロゴデザインで困る事 が多いようでしたらギャラリーなど で制作例を見ればアイデアが浮か ぶかもしれません。 個人的な備忘録も兼ねてまとめます。順不同です。 logopond とにかく大量のロゴがあります。現在18000ほど。 logopond logofaves サムネイルが大きいのが嬉しい。 logofaves logomoose こちらもサムネイルが大きいです。ブログ形式でアワードなども開催。 logomoose creattica 有名なギャラリーサイトのロゴカテゴリ。他に、名刺や広告デザインなども。 creattica logoheroes デザインも凄いギャラリー。数は多くはありませんが今後に期待したいですね。 logoheroes logofi ベーシックなギャラリーで探しやすいです。 logofi
地味に使えるCSS小技のメモ&サンプル集 - かちびと.net
cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード .centered { position: relative; overflow: hidden; } .centered ul { position: relative; le
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに 正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合
商用利用OK、リンクや著作権表示も不要の女性の写真素材専門サイト「モデル・フォト」 - かちびと.net
Warning: Undefined array key "width" in /home/youhei0828/kachibito.net/public_html/wp-includes/media.php on line 1681 Warning: Undefined array key "height" in /home/youhei0828/kachibito.net/public_html/wp-includes/media.php on line 1682 女性の写真素材専門のモデル・フォトは、 商用利用も可能で、リンクや著作権表示 も不要。完全に無料で使える人物写真 素材サイトです。簡単なアイキャッチ等に 使いやすそうな印象でした。なによりリンク 不要というのは貴重ですね。 以前ご紹介したモデルピースと同じく、人物写真素材専門のサイト。人物写真が商用利用OKでリンクも著作権表
最近よく使ってる、Web制作に役立つWebサービス的なやつ
少し前に聞いてくれた方がいたのでついで にシェアしてみます。個人的に最近よく好ん で使っている、Web制作に役立つWebサー ビスみたいなものをご紹介。全部既出で 珍しいものは無いんですけど、一覧にする のもたまにはいいかもですね。 というわけで、場合によっては誰得な記事ですけどご了承下さい。僕がここ最近でよく使ってるWebツールを古いのから新しいのまで、順不同でご紹介していきます。 web計。 → 黄金比・白銀比をサクサク計算 計算が面倒な黄金比や白銀比を、数値を入力するだけでサクサク出してくれます。動作も軽くてストレス無しです。 web計。 simplelib → よく使うjQueryコードをパッケージで配布 めっちゃ楽です。jQueryで作りたい機能だけを選択して、1つのjsファイルにパッケージにしてくれますよ。ページスクロールとかタブとか需要の高いものが揃っています。ちょっと機能を
国産のWebデザインギャラリーサイトが一番参考になるのでまとめた - かちびと.net
Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi
デザインとか加工とか出来ないからなんかいいの教えて、と言われて教えたツールいろいろ - かちびと.net
友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 普通に写真や画像を掲載するのではなく、ちょっと個性的な感じにしたい、出来れば無料がいい、でも自分でデザイン作業は出来ないから良いサイトとか無い？とのことでした。 どうしたいのか良く分からなかったので、あんまり一貫性は無いんですが、教えたのは画像加工ジェネレーターとかそういうのです。いくつか提案した中で、友人が喜んでたサイトだけまとめてみます。 BeFunky 画像を加工するジェネレーター。レトロっぽくしたり油絵っぽくしたり。エフェクトも豊富です。 BeFunky flauntR これも加工ジェネレーター。エフェクト以外にフレーム
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家） HTMLコーディングが3倍速くなる？「Zen-Coding」 秀丸Zen- Codingマクロ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利 初期設定とかTipsとか 制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。 もう、cla
商用でも無料・ハイクオリティ・解像度高め、と3拍子揃った写真素材配布サイト・4freephotos - かちびと.net
久々に個人的にありがたいフリー写真 素材サイトがあったのでシェア。配布 されている写真がなかなかクオリティ が高く、使いやすそうです。ライセンス はパブリックドメインみたいですので、 安心して使えますね。 4freephotosは個人や商業サイトなどのプロジェクトに使える写真を共有しようと考えた写真家のグループが運営しているそうです。 クオリティも高く、解像度も横幅1000以上は当たり前っぽいので結構オススメです。ライセンスはクリエイティブコモンズのPublic Domain Toolsを使い、public domainにリンクしてありました。4freephotosにも Using the public domain images found on this website does not require a link back to us, but if you found them
手書き風のWebデザインを作りたい時に役立ちそうなフリー素材やデザイン例まとめ - かちびと.net
個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 手書き風と言っても色々あるのでこのまとめは偏ったものになっているかも知れません。参考程度にして頂ければ幸いです。全ては掲載出来ないので個人的に好みのリソースを厳選します。 日本語フォント ふい字 かなり使用条件を緩くしてくれている有名な手書きフォント。 ふい字 みかちゃんフォント こちらもかなりオープンに配布してくれています。 みかちゃんフォント あんずもじ 縦書き用も含まれています。こちらも有名なフォント。 あんずもじ ひま字 基本的には商用でも利用可能ですが、よく規約を読んで。可愛くて使いやすいです。 ひま字 ミウラ Liner ジュニア 漢字もがっつり入った素敵なフォント。 ミウラ Liner ジュニア 衡山毛筆フォント 著作権を放棄
英語の学習情報の特徴メモ - かちびと.net
話題が集まりやすい英語の 学習法などのブログ記事ですが、 結局勉強するかどうかは、その 方法が自分自身に合うかどうか。 これまで何度か出てきた英語学習の方法を書いた記事をまとめて概要のみ引用して一目である程度相性いいかどうか分かるように、比較出来る様にしておきます。これから冬休みの方はこの機会にいかがでしょうか。 気になった学習方法があったらリンク先で詳細を確認すると手間が省けそうな気がします。主観込みなので参考程度に。。 中学生レベルの英語力の奴が４ヶ月でTOEIC「Bクラス」を出す方法 リンク先のおおまかな内容 TOEIC730~860を4ヶ月で出した方法 まずは基礎を中心に リスニングの先読みの練習も サードパーティの模試を必ず時間を計って とにかく、速読と先読みの練習 教材：4冊 > 書籍中心。学ぶ順番も書いてある 特徴：英語が完全にダメな人向け 方法：回り道せずとにかくやり込む
Web制作時に色（カラー選定）で困った際に役立ちそうな13のツールやサービス - かちびと.net
Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。 いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのwebサイト作成時にサイトカラーを決められない人の為のwebサービスいくつかという記事も凄く参考になりますよ。 原色大辞典 色のリファレンス国内サイト。国内にも同じようなサイトは沢山ありますが個人的にここが一番見やすくて使いやすいです。 原色大辞典 colr.org 写真からスキームを作成してくれます。手持ちの画像をアップロードしてスキーム作成も可能ですが、flickrからランダムで呼び出したり、ピッカー機能があったり、タグ付け出来たりと多機能ですが、UIがシンプルで使いやすい。動作も軽いので重宝しま
Webデザイン事始め・まずはフリーソフトで始めよう。GimpとInkscapeの説明が分かりやすいサイト - かちびと.net
題名の通りですが、これから Webデザインに手を出そう、 という方の為に日本語サイト で説明が凄く分かりやすい サイトと少しチュートリアル記事 の紹介です。 Webデザインを始めたいけどadobeのソフトは高額でなかなか手軽に始められません。まずはほぼ同等の機能を持ち、しかも無料で手に入るGimp（Photoshop代替ソフト）とInkscape（Illustrator代替ソフト）で様子見をしてみてはいかがでしょう。 使い方や実践チュートリアルを丁寧に説明してくれるサイトをご紹介します。「これなら触ってみよう」という気になれるかと思います。沢山あげられると選べずに萎えるので1，2サイトに絞りました。両ソフトのダウンロードもリンク先で出来ます。 プロも使ってるといわれるGimp。Webデザインをこれから始めようと思ってもなかなかとっつき難いかもしれません。ですので扉となってくれそうなサイトを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
国内のWeb制作に役立ちそうな無料の写真素材やフォント、Webデザインギャラリー等のリソースサイトいろいろ・2011 - かちびと.net