Joomler!.net - Decided on Joomla!

Jboard is Multiple Board!

 

Archives

Blog

Demo

Home » Blog » CSS
2 votes
Written by:Joomler! 8944 hits Sunday, 13 April 2008 02:07

違うブックマークでそのサイトを見たのですが、ブックマークとは違うものが気になりました。

flumpcakes_co_uk_css_chef-curv Chef Curve

なんだろう?と、よく見てみると画像の形に合わせてテキストが画像をよけているではないですか・・・。

これは、見たことが無い気がします。いや、見ていたとしても気づかないかもしれない。あまりにさりげなくよけている・・・。

テキストの高さと画像に合わせてfloatで画像幅の分を左よせにしているだけなのですが、これって必要な場合もあるのじゃないかなぁ。

http://flumpcakes.co.uk/

こちらのサイトでは、他にもおもしろいスクリプトがありました。

Thousand Words

PHPですが、ASCII イメージをつくってくれるようです。これもあれば、実装したい人いるのではないかな・・・少ないだろうけど。

他にも単語の文字を並び替えたりするスクリプトなどがあったりで、サイトのトップ画像がまた・・・なんとも言えないのですが、他のスクリプトも含めて公開されているものを見ているとなんだか、楽しそうな感じがしました。

結局CSS Optimizerを見に行って他のスクリプトを見て帰ってきました。Eye-rolling

 
0 votes
Written by:Joomler! 7953 hits Thursday, 23 August 2007 17:24

csslayouts.jpgいろいろなパターンのCSSが公開されています。

CSS Layouts

 テンプレートのレイアウトとしてかなり重宝するのでないでしょうか。複数のCSSをモジュールの出力にあわせて切り替えたり差分だけのCSSファイルを作成しておいてそれをモジュール出力にあわせて書き出したり消したりなどと。こりゃ便利そうだ・・・。これだけ用意されていればほとんど困らないのじゃないでしょうか。

 テンプレートに関してはいろいろ考えていますが、コンポーネントとしてのテンプレート「com_template」なんてのがあってもいいのかなあなんて考えたりしています。管理画面からいろいろ設定できてテンプレート側でその設定を読み込み出力。設定値は?・・・・・なんだろ・・・。

 
0 votes
Written by:Joomler! 7780 hits Tuesday, 21 August 2007 18:12

blueprint.jpgCSS Framework Blueprintが0.4になってました。

Blueprint: A CSS Framework

 このサイトのテンプレートはblueprintを使っています。ちゃんと指定されたようにクラス指定するだけで3カラムだのカラムの中をさらに分割といった芸当が簡単にできてしまいます。一度自分でJavascriptの動的レイアウトってのを作ってみたことがあるのですが、かなり面倒だった覚えがあります。それが、CSSだけで・・・。

 実際使ってみるとやはり若干調整しないと思ったように表示してくれなかったりします。まあその表示してくれないブラウザはIE6だったりしますが、元々得意じゃないことも手伝って「ものぐさ」なテンプレートになってたりしています。テンプレートも今後、公開していきたいとは思っていますが、・・・。どなたか提供していただけたらありがたい・・・なんて思っていたり・・・。

 時間があればJavascriptだけで簡単にレイアウトできるAjaxなテンプレートを作ってみたい・・・かな。Dojoを使えよって声が聞こえそうですが・・・。

 

JContentPlus for Joomla!1.5 powered by Joomler!.net

joomler.net is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla!(R) name is used under a limited license from Open Source Matters in the United States and other countries.
joomler.net is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.