ブログのテーマやテンプレートを最初から用意されているもの以外のデザインにしようと思うと、様々な知識が必要になり、結局あきらめてしまう人が多いはず。 しかしこの「Canvas for Wordpress」を使えば、自分の好きな機能の部品をドラッグ&ドロップで配置するだけでお好みデザインのオリジナリティあふれるブログが完成。デザインについてのCSSやPHPの知識は不要。 ダウンロ...
例えば、サイトに使用しているカラーとかが決まっていたとして、CSS で色を要素等に指定していくわけだけど、指定する値に変数が使えれば便利じゃね?ってのを実現したのが CSS-SSV 。
SimpleAPIなどで有名な「Webサイトのスクリーンショットを撮ってサムネイル画像を作成してくれる」サービス。 SimpleAPIは、 「1人で作るなら、一気にやるのが重要」SimpleAPI・伊藤まさおさん の伊藤まさおさんが一人で作っています。 今回は、各スクリー...
これまで、このブログでいろいろとウェブデザイナーに便利なツールをまとめてきましたが、 tlboxというサイトで上手くまとめられております。 ↓こちらからどうぞ。。 このtlboxというサイトでは、以下の9つのカテゴリーに分けられた、ウェブデザイナーにはうれしい便利ツールがまとめられております。 1. カラー 2. CSS 3. フォント 4. html 5. アイコン 6. 画像 7. インスピレーシ...
Google Chart APIを利用したサービス。グラフが実際の図柄で選択できるなど、視覚的なGUIでパラメータの指定が可能なため、よりアプリケーションらしくGoogle Chart APIが利用できる。ブラウザのフォームから数値入力、チャートタイプ選択などを行って、最後にGoogle Chart APIに各種パラメータを引き渡すことでグラフが描画される。 料金無料 インターフェイス英語 グラフでの日本語利...
何故iモードではないのかというとiモードHTMLシミュレータIIを使用してみた感じ、スタイルシートはサポートしていないからです。というわけで今回は、なかなかのCSS実装度を誇る(とオレは思っている)AU携帯電話に内蔵されているOpenwave社のWAP端末用SDKを教材として「携帯端末へのCSS」というものを考えてみることにしましょう。 個別のCSSファイルを設ける いくら「ユニバー...
PHPとJavaScriptをメインに覚書メモをカテゴリ別に公開中! 痒〜いトコロに手の届く孫の手サイトを目指してます(笑)。 みなさまのお役に立てるコンテンツやプログラムがあったら幸いです。 更新履歴 2006/04/03 サイトデザインを春らしく爽やかにリニューアル(CSSいじっただけですが) 2006/04/02 Windows Media エンコーダ 9シリーズの使い方 up! 2006/04/02 R...
こんにちは!やまもと@テスト番長です。 前回satoさんの書いたエントリーが好評のようですね。 自分は実は美術系出身です。なので「デザインセンスのある人からみた~」というエントリーでも続けて書いちゃおうかなと一瞬思いましたが、世の中にはWEBデザインのプロの方もいらっしゃることだし、控えておきましょう。 センスってのも考え込むと難しいですしね。 個人的...
『 SeleniumはWebアプリケーション用テストツール。JavaScript/DHTML/iframesをベースに構築されたテストツールで、Webブラウザから直接実行できるという特徴がある。要するに、Webブラウザが勝手にテスト工程を実施するわけである。 』
音楽ファイル、ムービーファイルを自分の好みの形式に変換するだけの作業に特化することであらゆる変換を可能にした化け物フリーソフトがついに登場。MediaCoder - The universal audio/video transcoderhttp://mediacoder.sourceforge.net/画面はこんな感じで見れば分かるようにほぼ万能ですhttp://mediacoder.sourceforge.net/screenshots/mediacoder.png入力可能な形式は以下の通り。> MP3, Ogg Vorbis, AAC, AAC+/Parametric St...
miyakeです。突然ですが、CSSって書くの面倒ですよね。何らかのプログラミング言語を知っている人間から見ると、CSSというのは言語としてはかなり貧弱です。 もちろんCSSはプログラミング言語では無いので、それを貧弱だと言われてもCSSもいい迷惑かも知れません。でも、 div#content { ~ } div#content div.entry { ~ } div#content div.entry p { ~ } div#content div.entry ul { ~ } こういう大したこと...
黒い背景で新しいドキュメントを始めてください。楕円ツールを使って、キャンバスの中心に円を描いてください、サイズはあなた自身で決めてください。真円を描くときは、シフトを押しながら、楕円ツールを使って描きます。 下のような、レイヤースタイルを図形に設定してください。 色に関しては一致させる必要はありませ... ブックカバー このチュートリアルはシンプル...
ちょっと調べ物をしていたので結果をシェア。ウェブでかっこいいグラフ(← 主観)を描画するためのライブラリやらテクニックやらのまとめです。 FusionCharts Free かっこいいわりにフリーなFLASHによるグラフ描画ライブラリ。データはXMLで記述して呼び出し。高機能な有料版もあります。 » FusionCharts Free - Animated Flash Charts & Graphs for ASP, ASP.NET, PHP applications amCharts こちらもFLASH...
『 Googleマップ」上に自分のブログへのリンクを張り付けたり、ブログ記事上にGoogleマップ地図を挿入できるサービス。 』
WordPressで企業や個人サイトを制作する際に、よく使用するプラグインの2007年8月版です。 管理画面のキャプチャ画像は、データ類など削除して加工したものを掲載しています。
[1] これまでにもオープンソースで生成できるグラフライブラリを各種紹介してきた。パターンとしては、画像として出力されるもの、JavaScriptで表示されるものの二つがあったように思える。 これはそのどちらでもない。Flashによるグラフ生成ライブラリだ。 今回紹介するオープンソース・ソフトウェアはOpen Flash Charts、Flash製のグラフ生成ライブラリだ。 [1] http://image.moongift.jp/int...
<div style="padding: 5px;"> <fieldset> <legend class="blockTitle"><{$block.title}></legend> <div class="blockContent"><{$block.content}></div> </fieldset> </div> これを以下のように変えてみます。 <div class="block"> <div class="blockTitle"><{$block.title}></div> <div class="blockContent"><{$block.content}></div> </div> style.cs...
次の日、前の日、次のページ、前のページ、次の記事、前の記事。 「前」「次」はそれぞれどういう意味か。 またそれらはどういう順番で並んでいるか。 気になったので調査中。 サービス名[位置]と表記意味livedoor blog[左] 前の記事古い記事へlivedoor blog[右] 次の記事新しい記事へtDiary[左] 前の日記古いページへtDiary[右] 次の日記新しいページへMovable Type 系[左] 古い記事へMovable Ty...
少し前に、WordPressで企業サイトを作る際によく使うプラグインという記事を書きましたが、プラグインを入れたらそれで完成、という訳にはいきません。そこで、プラグインとは別に、企業サイトを構築する際に押さえておくべき10個のことを書き出しておきますので、参考にして下さい。 そのコンテンツにはページなのか、記事なのか、それともHTMLなのか。 WPには、「ページ」...
今回の特集記事で紹介するのはPHPの標準ライブラリであるPEARの、認証モジュールAUTHです。認証はWeb上で何らかのサービスを提供する際、大体において実装しなければならないでしょう。PEAR::AUTHを使うことで、その認証プロセスを共通化することができます。 ログインページと認証が必要なページで行わなければならない処理をAUTHを使用して実装する方法を紹介します。