これがあればWebアプリケーションのデザインがすいすいできる·Bootstrap MOONGIFT
Bootstrapは今風のWebアプリケーションを開発するのに最適なデザインパーツを提供するCSSテンプレート。 BootstrapはCSS製のオープンソース・ソフトウェア。ITエンジニアが苦手にするのがWebデザインだ。作るのは良いが、それを奇麗に配置していくのがとても難しい。Webサービスが流行るか否かに技術が及ぼす影響は良くて半分だろう。残りの半分以上は見た目にかかっている。 グリッド それもあって奇麗な画像を生成したり、何かのサービスを模したデザインに人気が集まったりする。Appleの作るデザインのような、今風なWebサイトを作る際にはBootstrapが便利そうだ。 BootstrapはTwitterの開発チームが作成したWebデザインテンプレートだ。単なるHTMLのみならず、色々な機能がおり混ざっている。複数カラムのグリッド、高さの揃った複数カラムのレイアウト、基本的なHTML
Blueprint CSSのレイアウト設計をグラフィカルに行う·Boks MOONGIFT
Blueprint CSSはCSSフレームワークの先駆け的なソフトウェアだが、これを使うとグリッドなデザインを簡単に実現できるようになる。多様なブラウザにも対応し、かつきっちりとしたデザインが組めるとあって、便利に使われている。 グラフィカルにグリッド設計ができる とは言え、最初は使いこなすのに苦労するかも知れない。これからBlueprint CSSを使ってみようと思う方はBoksを使ってデザインするのが良さそうだ。 今回紹介するフリーウェアはBoks、Blueprint CSSをグラフィカルに使いこなすソフトウェアだ。 BoksはAdobe AIRのアプリケーションで、Windows/Mac OSX/Linuxで動作する。グリッド設定を使って、ページの幅やカラムの数を指定できる。そしてクリックでDivタグを配置し、ドラッグで幅を調整してグリッドデザインを描くことができる。左右への移動は矢
Web開発者に便利。WebサイトのCSSプロパティが簡単に分かる·CSSViewer MOONGIFT
デザインが苦手な人にとって（筆者をはじめ）、CSSによるデザインに問題がある際に何が問題なのかを把握するのがまず難関だ。別な場所で設定した内容が関連している場合もあるだろうし、IDで指定しているのか、はたまたClassで複数指定している場合もあったりするとさらにややこしい。 CSSで困った時に役立つFirefoxアドオン そこで、現在表示されている内容がCSSではどのような設定になっているのか、それを理解する所からはじめよう。使うのはCSSViewerだ。 今回紹介するフリーウェアはCSSViewer、CSSプロパティの一覧を作成するFirefoxアドオンだ。 CSSViewerをインストールするとツールメニューにCSSViewerという項目が追加される。これを選択するとマウスが乗っている項目のCSS設定値がフローティングウィンドウ上に表示される。 指定した場所に赤い点線が引かれる 項目は
iPhone/iPod Touch向けインタフェーステンプレート·iPhone Universal MOONGIFT
iPhoneは国内ですでに7万台売れているそうだ。この数字が大きいかどうかは分からないが、iPod Touchと含めて考えると10万人以上のユーザがいると考えられるだろう。世界で考えれば数百万人のユーザが存在する。 iPhone/iPod Touch専用のHTMLテンプレート そのため、AppStoreのように専用端末でしか動かせないアプリケーションさえ市場になりえる。もしあなたがiPhone/iPod Touch向けのWebサイトを構築したいなら、これを使ってみると良いだろう。 今回紹介するオープンソース・ソフトウェアはiPhone Universal、iPhone/iPod Touch向けのインタフェーステンプレートだ。 iPhone UniversalはHTML、画像、CSSで提供されるソフトウェアで、あのiPhone独特なインタフェースのテンプレート集になっている。例えばリストの形
ウノウラボ Unoh Labs: CSSを書くときに使っているツールの紹介
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
MOONGIFT: » 複雑な段組みを可能にするCSSフレームワーク「Emastic」:オープンソースを毎日紹介
雑誌や新聞などでは複雑な段組みを行って、情報を見やすくしている。ネット媒体の場合、あまりそうした点は考慮されず、二段または三段のカラムで構成されることが多い。しかも幾つかのカラムはメニューなどに使うので、文章自体は殆ど組版が施されていない。 CSSだけとは思えないほど細かく制御されている Webはそういった媒体ではない、と言い切ってしまえばそれまでだろう。だが今後情報の電子化は進み、紙媒体は現状維持ないし衰退していくのは間違いない。そうした時に、Webもやはり読ませる形式を求められるようになるのではないだろうか。それを実現するのがこれだ。 今回紹介するオープンソース・ソフトウェアはEmastic、複雑なカラム構成を実現するCSSフレームワークだ。 Emasticはまるで雑誌のような段組みをCSSで実現している。二段、三段、四段の表示を行い、固定幅または表示サイズに合わせて変化とを組み合わせ
ページの幅960pxを基準にして、設計するグリッドデザイン | コリス
960 Grid Systemは、ページの幅960pxを基準にして、設計するグリッドデザインを紹介しているサイトです。 960 Grid System デモページ 960pxを基準にする理由としては、下記の2つが挙げられています。 最近のモニターは1024x768の解像度をサポートしており、960pxを表示するには十分である。 960という数字は、2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480と多くの数字で区切ることができ、フレキシブルにグリッドの設計を行える。 デモページでは、左右に10pxのマージンを持ち、カラム間のマージンを20pxにし、60pxをベースに12カラムと、40pxをベースに16カラムの2種類のレイアウトを見ることが
プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」:phpspot開発日誌
Free online web template generator プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」。 doTemplateでは、基本となるテンプレートが12種類用意されており、「CUSTOMIZE」をクリックすることで自由にテンプレートをカスタマイズすることが出来ます。 カスタマイズを押すと、次のようなパネルが表示され、背景、コンテナ、タイトル、バナー、ナビゲーションなどの部分の色や各種サイズについてのCSSをカスタマイズすることが出来ます。 DOWNLOADボタンを押せばそのままテンプレートをダウンロードすることも可能。 ＺＩＰ形式でダウンロードでき、HTMLとCSS、画像が含まれたアーカイブを入手できます。 カッコよくデザインされたサイトを手軽に作るには非常に便利なツールですね。
MOONGIFT: よく使うスタイルをユーティリティ化「logicss」:オープンソースを毎日紹介
CSSを使うのが当たり前になり、Webエンジニアと言えどもある程度のデザインはこなす必要がある時代になっている。だがいざやってみると色々と大変なのがCSSでもある。 よく使われるスタイル指定や、テクニックをまとめてしまったのがこちらのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはlogicss、どこでも使えるCSSフレームワークだ。 logicssはがちがちな固定ではなく、通常使うタグを便利なように上書きしたり、サブセット化してくれる。例えばh-listというクラスは水平方向に、v-listというリストは垂直方向に項目をリスト化してくれる。 CSSを眺めてみるだけで、便利だと思えるスタイル指定も数多く登録されている。CSSの勉強材料としても良さそうだ。もちろん印刷時の設定もある。 また、サイトのグリッドを定義してくれるツールも付属している。これは指定した幅などで枠線やフォント
ブログテンプレート作成ツールで簡単ブログデザイン！ - CSSEZ
Cssez : ผลบอล บอลวันนี้ วิเคราะห์บอล ข่าวฟุตบอล เราคือผู้นำของเว็บดูผลบอลสดออนไลน์ ผลบอลสดภาษาไทย 7m ข่าวฟุตบอล สรุปผลบอล ไฮไลท์ ที่สามารถเช็คผลบอลทั่วโลก มีทั้งภาษาไทย Livescore 7m 888 ผลบอลมีเสียงวันนี้ล่าสุด พรุ่งนี้ หรือเมื่อคืน รวบรวมเว็บผลบอลต่างๆมากมายมารวมไว้ที่เดียวเช่น livescore.com 7m.cn 888scoreonline.com thscore.cc และ spbo.com รวมทั้งมีวิเคราะห์บอล ตารางบอล คะแนนบอล และดูบอลสดออนไลน์
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
透明感のあるデザインをJavaScriptで実装する（glassbox.js） - youmos
CSS 2.1のエッセンス -- 脱初心者をめざす人のためのホームページ作成講座