著者: Nick La件名: WordPress Theme Hacks日付: 2007年10月15日URL: http://www.webdesignerwall.com/tutorials/wordpress-theme-hacks/訳者: Arata Kojima WordPress Theme Hacks WordPressは最初ウェブログやブログプラットフォームとして開発された。しかし、今、WordPressはとても力強く成長し、僕たちはWordPressであらゆるタイプのWebサイトを作り、CMSとしても利用することができる。 この記事では、みんながよりよいWordPressのテーマを作るために、僕の技をみんなと共有しようと思う。僕はプログラマでもデベロッパーでもない。だから、フロントエンドの開発にフォーカスしようと思う。 そういえば、言い忘れていた。私のようなプログラマーでは
WordPressユーザーには便利そうなツールのご紹介。templatrではページのレイアウトからそれぞれの要素のスタイルまで、かなり柔軟にカスタマイズしたテンプレートを作成可能です。 しかも操作はすべてインタラクティブ。自分が指定した設定をその場で確認しながら作業を進めていくことができます。もちろん作ったテンプレートはクリック一発でダウンロード可能ですよ。 ↑ まずはレイアウトを選択します。 ↑ 次にエレメントを選んでいろいろ設定。 ↑ YouTubeでの紹介ビデオもありますよ。 ご利用は無料です。こちらからどうぞ。 » Web2.0 – templatr – Template Generator
技術者にとって、デザインは鬼門だ。システムはどんどん作れても、デザインが乏しいと急速にやる気をなくしたり、プロジェクト自体が頓挫してしまう。 そこで私自身はデザインは極力外部から持ってくる事にした(または手伝ってもらう)。そうした時に役立つのがこのサイトだ。 今回紹介するのはOpen Designs、オープンソースのデザインテンプレート配布サイトだ。 Open Designsでは600種類を越えるWebページデザインがアップロードされている。ライセンスはblic Domainになる。非常に様々なクールなデザインテンプレートが数多く存在している。 特にブログ向けなどのカテゴライズはないので、Webサイト全般で利用できるだろう。カラム数や色合い、バリデーションを指定しての検索も可能だ。 システムがいくら素晴らしくとも、デザインがさえないサイトはそれ
仕事や趣味でちょっとしたWebページを作ったり,プレゼンテーションをするときに,「絵や図を自分で描けたら便利なのに」と思うことはありませんか。文字だけのWebページに比べて,絵や図が入ったページはぐっと華やかになりますし,わかりやすさも向上します。 最近ではフリーの素材がWeb上に溢れていますから,自分で描く必要はないと考える人もいるでしょう。ただ,たくさんの素材の中からイメージに合った絵を探すのも結構手間がかかりますし,目的にぴったりの絵というのは案外見つからないものです。 「自分で絵を描ければいいのだが,“絵心”がないし,センスもないから」とあきらめている人も多いかもしれません。確かに,紙に描くにせよ,コンピュータを使って描くにせよ,他人に見せて感心されるような絵を描けるようになるのは並大抵のことではありません。しかしコンピュータを使ってお絵描きをする場合には,ツールの使い方を理解し,
16×16、22×22、32×32、48×48、64×64、128×128までの各サイズがそれぞれ600個以上、全合計で3600個ぐらいある無料で利用可能なアイコン集、それが「Crystal Clear」です。クリエイティブコモンズライセンスで提供されており、PNG形式で提供されています。 ダウンロードは以下から。 Everaldo.com : Crystal Icons http://www.everaldo.com/crystal.html アイコンの一覧は以下から見ることができます。 Crystal Clear - Wikimedia CoLinuxのKDEのために作られたアイコンセットと言うことで、そのライセンスが適用されているようです。
海外ではMovableTypeを凌ぐ人気といわれるWordPress。無料でありながらも、かなり高機能な点が好評なようです。 そのWordpressには「テーマ」なる機能があり(いわゆるテンプレート機能ですね)、ネット上で配布されている素敵なテーマを自由に利用することができます。もちろん自分で作ることも可能です。 ただ、一からテーマを作るのはなかなか骨が折れるもの。そこで登場したのが「Wordpress Theme Generator」です。テーマを自作してみたい!という方には便利ですよ。 以下に使い方をご紹介。 ↑ ロゴの設定や、横幅、メニューの位置、色などをブラウザ上で設定していきます。 ↑ いつでもプレビューが可能なのでわかりやすいですね。 ↑ 完成したら「save」でテーマファイルを一括生成してくれます。
25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series … Webデザイナー/開発者が覚えておくとよい25のテクニックが紹介されていました。 知っておいてサイトに組み込めば、一歩レベルが上のサイトを構築できるはずです。 JavaScript や
アドレスバーやブックマークの左側に表示されるFavicon(こんなの↓ですね)に関する記事がありました。 参考になりそうなきれいなデザインやツール類があったのでご紹介。これからFaviconつくるぞー、という人はよろしければどうぞ(それよりもこのブログのFaviconをなんとかしなくては・・・)。 » Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine 下記に一部をご紹介。 ■ 花びら系デザイン ↑ カラフルですね。 ■ 丸系デザイン ↑ 丸を上手に使ったデザインはWeb2.0ぽい気がします。 ■ 文字系デザイン ↑ Googleの「G」やmixiの「m」もそうですね。はてなはブックマークは「B」、ダイアリーは「D」などと分けているようです。 ■ 模様系デザイン ↑ 凝ってますね。 ■ 四角系デザイン ↑ Appleは四
naoyaです。 今日は最近見つけました”ウェブデザインに不可欠なツールサイト”を紹介します。その名前も「Web Design Tools - thePeoplesToolbox」です。このサイトはウェブデザインの使われるさまざまなサイトをまとめたサイトです。 それでは、さっそく使ってみることにしましょう。 まず、最初にユーザ登録した方が自分のツールボックスにできるので登録してみましょう。 登録するには、右上の"
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
よくあるアイコン配布サイトまとめですが、自分へのメモ書きの意味も込めてエントリー。ドイツ語のページでよくまとまっているものがあったのでご紹介しておきます。よろしければどうぞ。 » Icon-Sammlungen — Software
Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]> <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="/exec/some.html" style="width:100;height:100px"> <p>non object</p> </object> <![endif]--> <!--[if !IE]> <--> <object type="html
~10程度っすよ ~50程度かな ~100くらい ~300程度です ~500はこなす ~1000はやってます これ以上 ( ! )
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く