Font Awesome, the iconic... / Foundation Icons Fonts -... / Typicons他...全5件
一般的なWeb Application Framework(WAF)ではMVCという設計及び実装における概念が取り入れられています。 MVCに従ってつくるのが全てではありませんが、 WAFを使うと共に、一度はMVCを用いたWebアプリの開発経験はしておいた方がよいと思います。 MVCはモデル(Model)、ビュー(View)、コントローラ(Controller)の3つの単語を組み合わせた言葉で、 この3つで概念が成り立っています。 クライアントがWebに対してリクエストをした時に、これら3つがそれぞれ連動して結果を返します。 一般的には以下のような処理経路をたどります。 クライアントがWebサイトにリクエスト コントローラがリクエストの処理を行い、モデルとビューを動かす 必要に応じてモデルを呼び出す 結果のデータをビューに渡す ビューがHTML化などをしたものをクライアントに表示する MV
WEBサイトに情報を入力するだけで負荷テストができるLoad Impact、GUIから操作できるApache JMeterや、コマンドラインから使うcurl-loader・httperf・Siege・Pylot・abを簡単な使い方と共に紹介していきます。 Load Impact http://loadimpact.com/ Load ImpactはスゥエーデンのGatorhole AB社が管理している、フォームに必要な情報を入力するだけで負荷テストをしてくれるWEBサイトです。 ツールをインストールしたりする必要が有りませんので、非常に楽です。 毎月5回まで無料で負荷テストができます。 それ以上は10回/$30のクレジットを購入する事になります。 トップページのフォームにURLを入れて「Run free test」をクリックすると、世界各地のいずれかのAmazon EC2サーバから負荷テス
Webフォントとして使えるアイコンセットを作った。名前はWeb Icon Fonts。 IE6にも対応しています。 ライセンス ライセンスはOFL。wikipediaのSIL Open Font Licenseに日本語でライセンスの解説が載ってます。 使い方 Web Icon Fontsにも書いてあるけれど、基本的な使い方はCSSで@font-faceを指定して、font-familyで使います。 CSS @font-face{ font-family: 'WebIconFonts'; src: url('webiconfonts.eot'); src: url('WebIconFonts.eot?') format('eot'), url('WebIconFonts.woff') format('woff'), url('WebIconFonts.ttf') format('truet
弊社ではプログラミング言語としてPythonを採用しています。 最近のウェブ系スタートアップが採用しているプログラミング言語やフレームワークまとめ - laiso パッと見て頂くと解るかと思うのですが、思った以上にPythonという言語はスタートアップに採用されています。 日本にはLLというと、 CGIで一世を風靡したPerl、 そのPerlを塗り替えたPHP、 もしくはRailsと共にブームになったRubyというイメージがありますが、 Pythonは十分に実用的な言語でかつ、実践的な言語だということがおわかり頂けるかと思います。 特に我々が重視しているのはその思想です。 バッテリー内蔵言語とも呼ばれるPythonですが、 PythonにはZenの考え方が採用されています。 即ち、 import this The Zen of Python, by Tim Peters Beautiful
KineticJS - HTML5 Canvas JavaScript Library Framework HTML5のcanvasをもっと簡単に操作できる「KineticJS」 サンプルコード付きでサンプルが紹介されており、インタラクティブなコンテンツをHTML5で作る際に便利に使えそうです マウス位置に応じてフロアが強調表示されるようなデモ その他いろいろなデモがソースコード付きで公開されています。 その他ゲーム等も公開されています。 今後もこうしたライブラリが出てきそうですね 関連エントリ フルスクリーンでぼかしがカッコいいHTML5ギャラリーを作るサンプル HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 HTML5のブラウザ対応状況がサクッと分かる「HTML5 Please」
HTML5対応のテンプレートツール「Initializr」にBootstorap 2向けのテンプレートが追加された。InitializrはWebサイト上で使用するフレームワークなどを選択するだけで、Webサイトで利用できるテンプレートを簡単に作成してくれるツールである。 テンプレートを使うメリット HTML5の登場で、Webサイトの表現力は格段に向上している。従来は特別なプラグインを使う必要のあった多彩なデザインが、Webブラウザの標準機能だけで実現できるようになりつつある。 しかしながら、現時点でHTML5を使う上では気をつけなければならない点が多数存在することもまた事実である。もっとも重大な問題としては、Webブラウザ間でサポートする機能が統一されていないことだろう。素晴らしいと思って使ってみた機能が、ほとんどのブラウザで動作しなかった、ということにもなりかねない。もっと言えば、世の中
Morris.js 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」。 マウス位置に応じて情報を変えるなど、GoogleAnalytics風のインタラクティブなグラフが描画できます。 実際には次のようなグラフが描画できます。IE6+でも動くということで、そこら辺の心配も無しです サンプルコードも載っていたりするので簡単に使えそうです グラフの種類は線グラフのみですが、多機能すぎて馬鹿でかいよりもシンプルなのが逆にいいかもしれませんね。 関連エントリ HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」 様々なインタラクティブ要素のあるグラフが描画できるJSライブラリ「Elycharts」
「8 Best Tools to Make Easy CSS3 Development」という記事で、CSS3のコーディングに役立つツールがまとまっていたのでご紹介します。 CSS3 CSS3ジェネレータ。プレビューしたり対応ブラウザの表示もあります CSS3 Pie IE6,7,8でCSS3のいくつかのプロパティを使用可能にするhtcファイル Layer Styles Photoshopのようなレイヤースタイルをブラウザ上でCSS生成 Cascader HTMLにインラインで書かれたCSSを分割してくれる CSS3 Gradients Generator CSS3のグラデーションジェネレータ CSS3 Cheat Sheet CSS3のチートシート CSS3 Please CSS3をブラウザ上で学習できるサイト CSS3 Button Maker CSS3で作るボタンジェネレータ ref
Web Icon Fonts Webフォントで使えるアイコンセット。IE8以下では使えないです。iOS4.1以下も多分見られない。 _Download(35KB) @font-face{ font-family: 'WebIconFonts'; src: url('WebIconFonts.woff') format('woff'), url('WebIconFonts.ttf') format('truetype'); } .icon { font-family: WebIconFonts; } Arrows !Back! 1Back1 #Forward# 3Forward3 $Up$ 4Up4 %Down% 5Down5 &Done& 6Done6 'Close' 7Close7 (Plus( 8Plus8 )Minus) 9Minus9 Social Networks AAmazon
さまざまなデザイン性の高いフォントやアイコンを手軽に手入れることができるようになっていますが、どんなデザインにも使いやすいシンプルな素材は、常にチェックしておきたいもの。そこで今回紹介するのが、シンプルで伝わりやすいピクトブラムアイコンを公開している「ENTYPO」です。 デザインを手がけたのは、デザイナーとして活躍するDaniel Bruce氏。普段のデザイン制作に必要なアイコンが揃った、デザイナーに嬉しいセットとなっています。 詳しくは以下 シンプルな表現の、非常に使いやすいピクトグラムのアイコンが100種類以上もセットになっているので、表現に必要な1枚を簡単に見つけることができそうです。素材はeps形式、またフォントとしても利用できるので、プロのデザイン制作にはもちろん、一般の方でもフォントを利用することで、書類等にも手軽にワンポイントをプラスできるのではないでしょうか。 クリエイテ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く