SOY CMSは、SOHOやWebデザイナーの救世主になるかもしれない: 世界中の１％の人々へ
2009年2月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 HTMLソースにコメントやタグを埋め込むだけだから、デザインは自由自在。XHTML＋CSSさえ、理解していれば簡単にサイト構築ができる。 前回の「XAMMPインストール編」に続き、SOY CMSレポート後編。今回はSOY CMSの特徴を理解すべく、チュートリアルをやってみました。 Webにシステムを利用する場合、ある程度のデザインの制約がおこる場合が多いが、SOY CMSは、特別なテンプレートをもたず、既存のHTMLに、システムで変更したい部分をコメントやタグで囲むだけなので、デザインは自由自在。 そして、更新の容易さはブログなみで、特別な管理者を必要としない。 となれば、システム担当者のいない、小さなWeb制作会社や、個人
Webデザイナー・デベロッパなら読んでおきたいフィード160選 – creamu
Webデザイナー・デベロッパとして海外の情報をいち早く知っておきたい。 そんなあなたにおすすめなのが、『160+ RSS Feeds For Web-Designers And Developers』。Webデザイナー・デベロッパなら読んでおきたいフィード160選だ。 以下にいくつかご紹介。 » Photoshop Lady 世界中から集まったPhotoshopのベストチュートリアル集 » Brusheezy Photoshopブラシやパターンをダウンロードしたり投票できるサイト » Vecteezy 無料でダウンロードして使えるベクターグラフィック » Blog Theme Machine カスタムブログデザイン集 » Creattica Daily デザイン&クリエイティブニュース » Etc. ギークをテーマとしたサイト » WP Candy WordPressのテーマやプラグイン、
フォームを作成するうえで心がけているたった1つのこと - cutmail's blog
以前から企業のHPなどのフォームを作っていた際に、 心がけていることがあります。 ユーザビリティとでもいうんでしょうか。 それは、ラジオボタンやチェックボックスを複数設置する場合は、 必ずラベルで囲って選択しやすくすること。 試しに以下のチェックボックスとラジオボタンを選択してみてほしい。 悪い例 item1 item2 item3 item1 item2 item3 良い例 item1 item2 item3 item1 item2 item3 どうだろう？ 明らかに良い例のほうが選択しやすくないだろうか？ 良い例であれば、文字を選択すればいいので、その分選択できる領域が広い。 <label><input type="checkbox" value="item1">item1</label> ただ、 <label>〜</label> で囲うだけである。 たしかにプログラムなどでhtmlを
ブログをソーシャル化してくれる「Google Friend Connect 」を早速導入 - WEBマーケティング ブログ
昨日の昼ごろになんとなくメールタイトルをザッと見ていたら、「You have been whitelisted to use Google Friend Connect」というタイトルがありました。「おや？」と思って見てみたら、以前話題になってた「Google Friend Connect」をやっと思い出して早速導入。 08年12月 5日 さくらのレンタルサーバ 月々500円で3GB私も使ってます。 3・2・1GSX Series III systemご購入者に、専用スピーカースタンドをプレゼント このブログをRSSリーダーで購読 ブログやサイトをソーシャル化してくれる「Google Friend Connect 」「Google Friend Connect」は、サイトやブログへソーシャル機能をカンタンに付加してくれる進化形ブログパーツ。まだ「日本向け」という感じではありませんが、人との
いまどきのソーシャルサイトを作るために必要な10の機能（とそのサンプルコード） | IDEA*IDEA
ドットインストール代表のライフハックブログ
MOONGIFT: » 必見！怖くなるくらい優秀なCMS「concrete5」:オープンソースを毎日紹介
これまで多数のCMSを見てきたが、ここまで完成度が高いと言えるものに出会ったことはなかった…そう言えるくらい凄い。このどきどき感はDekiWikiに触れた時に感じたものに近い。 見たまま編集できるCMS CMSと言えば、ユーザ画面と管理画面に分かれていて、管理画面はモジュールやテーマの設定、各項目の並びを指定するのが通常だ。実際の出力結果はシステム任せで、その点が柔軟性に欠ける点でもあった。 しかしこれは違う。見たまま編集でき、さらに高い柔軟性を維持している。 今回紹介するオープンソース・ソフトウェアはconcrete5、デザイン、管理、コンテンツ作成全てが高度なCMSだ。 相当個人的な感情が入ってしまっているのは、同じようなシステムを構築する予定があったからだ。だがconcrete5は完成度も高く、多少の改造さえ施せば十分な気がする。やはり下手に開発コストをかけるよりもオープンソースで探
[Think IT] 第1回：携帯サイトとPCサイトはここまで違う！ (1/3)
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します（図1-1）。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ（iモード、EZweb、Yahoo!ケータイ）で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
[CSS]大胆なドロップダウン型のナビゲーションを実装するスタイルシート
CSSplayのエントリーから、透過PNG画像を使用した大胆なドロップダウン型のナビゲーションを実装するスタイルシートの紹介です。 Professional drop-down #13 with png transparency デザイン的に面白いだけでなく、通常のドロップダウンに比べ領域が広いため、マウス操作を誤ってドロップダウンが非表示になってしまうということも少ないと思います。 対応ブラウザは、IE6, IE7, Firefox, Opera, Safari(PC) and Google Chrome Betaとなっています。 IE6対策には、ドロップダウンの箇所にtable、背景画像にfilter(AlphaImageLoader)が使用されています。
サイト制作に役立ちそうなWeb 2.0的ツールが400以上まとまっている『Web2Rain』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
ただのリンク集といえばそうなのだが、うまいことカテゴリー分けされていて使いやすそうなのでご紹介。 Web2Rainはサイト制作に役立ちそうな2.0っぽいツールを集めたサイトである。全部で400を超えるツールがまとめられているようだ。 サイトはゼロから作ってもいいが、便利なツールが日々登場しているのでこうしたツールをうまく使ってスピーディに仕上げたいところだ。 紹介されているツールはきちんと機能別にタグ付けもされているので、ピンポイントな要望にも応えてくれるだろう。またタグクラウドやキーワード検索にももちろん対応している。 日々登場するネットツールの全容をつかむことは難しい。こうした探しやすいサイトは知っておいても悪くないですな。
デザインの参考にもなるWordPressのテーマ30選 -2008年8月 | コリス
ここ半年間にリリースされたものを中心とした、細部までしっかりとデザインされたWordPressのテーマ30選です。
Ywcafe.net
Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Online classifieds Top Smart Phones Healthy Weight Loss Parental Control music videos Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy
ウェブ制作に役立つ記事の先週のハイライト -20080804
ウェブ制作に役立つ記事の先週のハイライトです。 デザイン・チュートリアル・Photoshop関連 27 Most Refreshing Summer Illustrations And Designs
ケータイWebアプリ開発、9つの注意点 - ＠IT
初心者にとってはトラブルが発生しやすいケータイWebアプリの開発。携帯電話への対応サイトを初めて開発するときに想定するべき9つの注意点を紹介する（編集部） 携帯対応サイトを開発するときの注意事項 携帯電話が普及してもう随分たちます。いまでは、サイトを作るときにケータイに対応するかどうか、必ず意識されるようになりました。しかし、ケータイ対応のWebアプリを作ろうとするとPC用のサイトと違う部分も多く、Web開発経験はあるけれど携帯の開発経験がない人にとっては取り組み難く、実際に想像できなかったトラブルがいくつも発生します。 本記事は、Webサイトのモバイル対応を担当した私が、実際に携帯対応サイトを作ったときに発生したトラブルを踏まえて、携帯対応サイトを初めて開発するときに想定するべき注意事項を中心に説明していきます。 ケータイ向けとPC向けのWebページの相違点 インターネットへの接続方法に
ウェブ制作にかかせないFirebugの機能を更に強化する機能拡張集 | コリス
Sofrware is hardのエントリーから、豊富な開発ツールを備えたFirefoxのアドオン「Firebug」の機能を強化する機能拡張を紹介します。 List of Firebug Extensions Firebug HTML, CSS, JavaScriptなどを編集・デバッグ・モニタリングできる開発ツール。 以下の全ての機能拡張は、Firebug上で動作します。 Firebug Firebug -Firefox Add-ons YSlow ページの分析、パフォーマンスレポート、HTTP/HTMLサマリー、コンポーネントのリスト YSlow YSlow -Firefox Add-ons Firecookie クッキーの管理 Firecookie Firecookie -Firefox Add-ons FirePHP PHPのデバッグ FirePHP FirePHP -Firefo
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
次世代ブラウザ、Web制作者の苦悩 (1/4)
今月17日の公開からわずか1日で800万件超というダウンロード実績を打ち立てた「Firefox 3」。一足早く今月12日に公開された「Opera 9.5」も17日までの5日間で470万件のダウンロードを記録するなど、次世代Webブラウザの出足が好調だ。 JavaScriptまわりを中心とした処理速度の向上（関連記事1）、セキュリティの強化や多機能化（関連記事2）といったさまざまなメリットが、それだけ多くのPC/ネットユーザーに歓迎されているということだろう。 だがその一方で、人知れず苦労しているのが、企業のWebサイトやインターネットサービスの制作を担う、「Webデザイナー」や「マークアップエンジニア」たちだ。実は普段、私たちが何気なく見ているWebページを「どのブラウザでも同じ見た目に保つ」というのは一筋縄ではいかない。Web制作者から見た、“次世代ブラウザで変わったところ”を探ってみた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressデザイナーのための10のチートシート | Designing Solid
透明感のあるデザインをJavaScriptで実装する（glassbox.js） - youmos
CSSでクールなボタンを作るまとめ:phpspot開発日誌
企業で使えるオープンソースCMS一挙12種類解説（機能やインストール/管理の難易度評価付き） | Web担当者Forum
