FuelPHP › A simple, flexible, community driven PHP5.3 framework.
The Fuel PHP Framework is a fast, simple and flexible PHP 5.4+ framework, born from the best ideas of other frameworks, with a fresh start! Version 1.8.2 is a bugfix release, but includes quite a few improvements as well. The most important one: a fix for security issue SEC-CORE-009!. Have a look at the changelog to see what has been fixed or improved. Discover If you are new to the PHP framework
Pico - Alphabet
ポップでキュートな『Pico-Alphabet Black & White / ピコ・アルファベット（ブラック＆ホワイト）』です。小文字と大文字でいくつか違う文字があります。ダウンロード開始は2001年。2007年, 2008年7月にバージョンアップしています。現在 Version3.0。 問い合わせがとても多いので追記。『Twitter』のロゴに似ていると評判のこのPicoですが、似ているのではなくて、まさこのフォントを使用してデザインされています。『t, w, i, r』に限ってはそのまま使用（最初の1文字目の『t』は初期バージョンのデザイン）、並んでいる『tt』の2文字はカーブがアレンジされています。『e』は他のフォントです。 ※ 2010年9月にリニューアルされた、新しいTwitterのロゴタイプは、同じくこのPicoを元に、全ての文字にアレンジが加えられ、よりスタイリッシュなロゴ
タブUI詳解
タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、「タブ」と略します。 タブのみを指す場合は、「タブ コントロール」としています。 はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集 はじめに タブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。 パネル
CSSの実装状況で変わるボックスのデザイン方法
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない１つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
サイトをかっこよくするCSSテクニック10 – creamu
WEB HOSTINGというサイトで、サイトをかっこよくするCSSテクニックが紹介されています。 ざっといくつかご紹介。 » Image gallery with hover box preview 画像マウスオーバー時に拡大表示してくれる » Alert Box シンプルでクールなアラートメッセージデザイン » CSS Sliding Sprite Window CSSスプライトで背景画像をクールに切り替える » Gradient text effect using CSS purely CSSを使ってテキストにグラデーションをつける » Creating a sliding image gallery 水平・垂直方向のスライドするイメージギャラリー » CSS rollover buttons JSを使わずにCSSスプライトでロールオーバーボタンを実装 結構いい感じのがそろっていますね
ウニができるまで 〜 Context Free Art の遊び方 - てっく煮ブログ
前回に引き続き、Context Free Art を取り上げる。今回は、Context Free Art で変なウニ風の生き物を作っていく手順を紹介する。さぁ、準備はいいですか？1. 基本となる図形まずは基本となる図形を描画する。こんなやつ。ソースコードは次のようなもの。 startshape LINE // LINE というルールを描画しろ rule LINE { // ルール LINE の定義 CIRCLE { s 6 1 x 3 sat 1 b .3 hue 30} } １行目の startshepe LINE では、「LINE というルールを描画しろ」と指定してる。じゃあ、LINE ルールはどうなってるかというと３行目で定義している。LINE ルールでは CIRCLE を１つ描画する。CIRCLE は Context Free で定義されている円を描画するルールだ。ルールにいくつか
base.cssメモ（初期化と基本設定） - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 CSSの初めでUA固有の表示設定を解除するリセットCSSと、フォントサイズ指定、そしてタグ自体の基本的な振る舞いを規定する指定、この３つを合わせたもの。 この部分はいつでもどんなサイトでも大抵は使いまわせるので、自分なりのものを用意している人も多いと思います。ちなみにSig.は「base.css」という名前で用意してますが、「default.css」とか「master.css」とかって命名も良く見かけますね。それはともかく。 このところデフォルト設定に関するレポを良く見かけるので、いちど当サイトでも纏めておこうかと思った次第です。（ま～「良い感じの方法を見つけたんだけ
あなたの書いた文字をTrueTypeフォント化する「YourFonts」 | ライフハッカー・ジャパン
ガッカリしないように先に書いておきますね。作れるのはアルファベットと数字と記号です。さらに米lifehackerで掲載された影響でアップロードが混みあっていますのでご注意を。 こちらの「YourFonts」はオンラインであなたの書いた文字を、TrueTypeフォントにしてくれるサービス。以前、米lifehackerでは同じようなフォント作成サービスをいくつか紹介しました。でも、フリーのものは無かったんです。ところがところが、「YourFonts」はなんと無料サービスなのであります。 オリジナルフォントの作成方法はいたって簡単。 「YourFonts」のサイトからテンプレート（PDF）をダウンロードして印刷 指定位置にそれぞれのアルファベット・数字等を記入。正しい記入例はこちら。 お手元のスキャナで、カラー（24bit）かグレースケール（8bit）にてスキャン。 解像度は最低で150dpi（
はてブ追加時の「コメント」ボタンが紛らわしい問題 - 聴く耳を持たない(片方しか)
昨日から続いて、今日はデザイン面でのはてなブックマーク改善案……というわけでもないのですけれども、ちょっと気になった点。 - ところてん - アットウィキ 出っ張ってる印象を与えるオブジェクトはボタンに見える。 で、ついクリックしてしまう。 http://www16.atwiki.jp/tokoroten/pages/1015.html こちらで指摘されていますが、新しいはてなブックマークのBookmarkletのデザイン*1で、誤操作が多いようですね。 例えば私のTwitterのタイムラインでも、そうした話題が結構聞かれてます、 はてブ２のブックマーク追加ページ、「追加する」ボタンじゃなくて、コメント欄左のコメント部分をつい押してしまう。なんかボタンぽいデザインなのでつい・・・・・・。 リニューアルしたはてブの、ブクマを追加するときのコメント & タグ入力画面、「タイトル」と「コメント」
こんなこともできる！GIMPのチュートリアル13個まとめ*二十歳街道まっしぐら
GIMPの他にはないチュートリアル30という記事を元に、 GIMPチュートリアルについて、まとめました。 上記サイトに紹介されているものをいくつか抜粋して、それと関連ある日本語サイトも載せています！
Web2.0 - Logo Creatr
Komponenten einrichten! Auf dieser Seite siehst du eine Übersicht aller zur Zeit verfügbaren Anwendungen, die du in deine Streams einbinden kannst. Hilfe zu den einzelnen Anwendungen und den Komponenten findest du in der umfangreichen Hilfe. Einfach auf den Button hier unten klicken. Hilfe zu den Anwendungen » Slides sind Präsentationen wie Powerpoint oder Impress die unterschiedlich konfiguriert
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]上級者向け、スタイルシートのテクニック集
rendr 2.1
背景画像をつくるのに便利なサイト12選 | IDEA*IDEA