カトリデザイン事務所 / 制作会社クリムゾン / ディライトテクノロジー他...全24件
TOP > WebDesign > グリーンを基調にしたwebデザイン集「20 Creative Web Design in green Color」 webページを作る際には、コンセプトカラーを決めデザイン制作をするということも多いのではないでしょうか?そんな時は、カラーの特徴を押さえたデザインを参考にしたいもの。そこで今回は、さまざまなイメージカラーの中から、グリーンを基調にしたwebデザインをピックアップした「20 Creative Web Design in green Color」を紹介したいと思います。 (Entrepreneur & Startup Expert Q&A, Resources and News | Sprouter) グリーンを使用することで、エコなイメージや爽やかさを感じられるwebサイトが多数紹介されています。中でも気になったものをいくつかピックア
円高ですよ円高。この前、知り合いの日本在住WEB屋が「いい機会だから」と、日本円で大量にフォントを購入していてました。 僕がカナダに初めて留学生として来た4年前は1カナダドルが120円くらいだったので。今の70円くらいなのが目の錯覚に見えてしょうが無い今日この頃です。(ちなみに、カナダドルって日本人に馴染み無いかもですが、日本からみりゃ米ドルと大体一緒くらいですかね。) さてさて、先月有名フォントのことをまとめましたが、そんな円高に合わせてフォント大量購入な知り合いのこともあり、今回はその知人へのあてつけ(?)に「最近はフリーフォントもこんなにレベル高いんだぞ!」ということを伝えたいと思いましたので、そのまとめを書かせてもらいます。 ……と、思ったのですが、有料フォントでも最近だと結構低価格で買える物もいっぱいあるので、僕の好きなシンプルめで強調しすぎない有料フォントも有名所を中心に一緒に
jQueryを使ってテーブルのセルに入力 された数字のデータをカラーでグルー ピングできるようにする方法です。 プラグインは不要で簡単なコードで実現 できます。大量のデータがあるときは 使ってみては。 個人的にはあまり使う機会ありませんけど。大量の数字が入力されたテーブルほど見にくいものはありませんのでイザという時のためにメモ。 jQueryを使ってテーブルのセルに入力された数字に応じて背景カラーを変える方法。数字のみが入力されたテーブルの可視性を、色の濃度でグルーピングして可視性を高めます。 Sample こんな感じでグルーピング出来ました。濃い色ほど数字が大きいです。普通にマークアップすれば勝手に色が変るので管理が楽じゃないかなと。 コード$(document).ready(function() { // 配列内の最大値を取得する関数 Array.max = function(arra
現在は、以下のようなプラグインをサポートしているようです。 accordion シンプルなアコーディオンナビゲーション button マウスオーバーやマウスダウンで画像を切り替えたり、選択状態と非選択状態によって画像を切り替える checkAll チェックボックスの一括選択 fixHeight 要素の高さを揃える ie6PngFix Internet Explorer 6でも透過PNGを使えるようにする ie6PositionFixed nternet Explorer 6でもCSSの position:fixed を使えるようにする imgSwap a要素をクリックして、既存のimg要素の画像を切り替える lightBox jQuery lightBoxプラグインを読み込む overlayOthers 指定した要素の子のa要素にマウスオーバーすると他のa要素にcssで背景色や背景画像を指
実用的なオプションを備えた、フェードのアニメーションで切り替わる画像ギャラリーを実装するjQueryのプラグインを紹介します。 操作方法は自動・手動の2つです。 左下のアイコンで再生・停止、左右の矢印アイコンで画像を前後に切り替えます。 Rhinofaderの実装 HTML 画像はリスト要素で実装します。 <ul id="slideshow"> <li><img src="images/001.jpg" alt="" /></li> <li><img src="images/002.jpg" alt="" /></li> <li><img src="images/003.jpg" alt="" /></li> <li><img src="images/004.jpg" alt="" /></li> <li><img src="images/005.jpg" alt="" /></li> <
TOP > Design , Font > ハロウィンのデザインにぴったりなホラーフォント集「35 Free Creepy Halloween Fonts」 10月31日はハロウィン。日本のお盆のような意味合いがある”万聖節”の前夜祭として楽しまれており、精霊や魔女が出てくると信じられていたことから、お化けやコウモリなどちょっとオドロオドロしいイメージが定着しています。そこで今回紹介するのが、ハロウィンのデザインにも活用できる、ホラーなイメージにぴったりなフォントを集めた「35 Free Creepy Halloween Fonts」です。 (Gypsy Curse font by Sinister Fonts – FontSpace) 不気味な中にも可愛らしさのあるフォントや、手書き感のあるフォントなど、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックア
Document Data Structure in MongoDB Express MongoDB lets you easily store structured and unstructured data in a flexible and dynamic database schema. It supports CRUD operations on complex data objects using JSON as the main data type. Its an open source solution so it may not be as robust or well supported as commercial management tools. However it is easy to deploy and works well for most use cas
HTML5 では 2011-10-29 の Editor’s Draft から time 要素が削除され、data 要素が追加されたようです。この要素が span 要素でダメな理由も、time 要素のときと同様に私にはさっぱり理解できないですが、一応仕様書くらい読んでおくことにします。ED にリンクしておきますが、低スペックマシンで開くと酷い目にあうので注意が必要。 4.6.10 The data element – HTML5 Editor’s Draft data 要素は、value 属性でその内容の機械で読み取れる形式とあわせてその内容を表しています。value 属性は必須で、その値は、機械で読み取れる形式で要素の内容を表したものでなければいけません。 Microformats またはこの仕様で定義されている microdata 属性と組み合わせることで、要素はデータプロセッサのため
As a designer if you think of the term “Free Fonts” you’ll probably imagine all kinds of garish decorative fonts worthy for use in nothing more than Microsoft Word, but there’s actually a range of high quality fonts by professional designers available free on the web. This post pulls together a mix of font styles that will suit a variety of projects, including serif, sans-serif, slab-serif and a c
例えば、請求書や給料明細、その他、ちょっとした手紙を郵送する際、アナタはどのような方法で送っているでしょうか。多くの人は、封筒に切手を貼りポストに投函!という形だと思います。私もこの方法で従来は郵便物を送っていました。しかし、一度に大量の郵送物がある場合、この方法だと大変なんですよね。 そこで、今回みなさんに紹介したサービスが、『Webゆうびん』というサービスです。これはネットから郵便物が送れるサービスで、実は、去年の2月からあるんです。『Webゆうびん』には、Webレタックス、Web速達、Webレターの3つのサービスがあり、今回はまず、Webレターにフォーカスして紹介したいと思います。 Webレターはつまりは、ネットから送れる普通郵便のことを指しますが、一体何が便利なのでしょうか。 1、ネット上から郵便物が送れる 今までは、封筒、切手を買い、手紙を入れて・・・と手間が半端なかったのですが
16 Comments great typo examples. I love “games we played” – very inspirational, thnx Amazing post…more ideas…and a good selection of sites! My prefer are “roggeundpott” and “thecocktailapp.com” I love green! Nice inspiration thanks. Hey K.A.N.T.T, It should be HAVE *AN* AWESOME SUNDAY Wow, these sites are beautiful. I will definitely have to experiment more with my site designs to incorporate some
time要素の廃止、そしてdata要素の登場により、Microdataを扱う機会が増えてくると予想されます。 またHTML5 の Microdata が主にGoogleなどで取り入れられているケースが出てきているので、 Microdataで利用できるプロパティを紹介致します。 Microdata とは HTML5の独立した仕様です。 HTML文章に、コンピュータが可読できるデータにすることができ、RDFやJSONなどの多数の他のデータ形式と互換性を持たせることができます。 記述方法は以前の記事を参照して下さい。 MicroformatsとMicrodataの違いについて : Web Design KOJIKA17 なぜコンピュータが可読できるデータにする必要があるのか?? HTMLでは、人や時間、場所など細かくマークアップすることができません。 例として、機械翻訳したカンナダ語を見てみまし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く