Webフォントを利用する際に知っておくと役立ちそうなTipsとかサイトいろいろ - かちびと.net
Webフォントに関して調べ物をしたので 個人的なメモ。少し利用頻度があがって 来たので探しやすいようにまとめておき ます。まだちょっと使い慣れてないので もう少し勉強しないとダメですね・・ スマフォ向けのリソースもあります。 というわけでWebフォントに関するメモです。以前触りだけしか書かなかったのでもう少し深く調べておこうと思い記事にしました。ので、過去の記事と結構重複します。 最低限の知識 最低限かどうか分かりませんけどｗ 少し不明瞭な点もありますので間違いがあればご指摘頂けると幸いです。 ライセンス まずライセンスですが、通常、Webフォントとして利用するには当然フォントの著作者次第になります。 Webフォントとして使うにはサーバーにフォントファイルをアップロードしてcssでファイルのパスを指定して利用するので、フォントファイルが誰でも手に入れられてしまう事になります。（アイコンなん
jQueryを使ってテーブルのセルに入力された数字に応じて背景カラーを変える
jQueryを使ってテーブルのセルに入力 された数字のデータをカラーでグルー ピングできるようにする方法です。 プラグインは不要で簡単なコードで実現 できます。大量のデータがあるときは 使ってみては。 個人的にはあまり使う機会ありませんけど。大量の数字が入力されたテーブルほど見にくいものはありませんのでイザという時のためにメモ。 jQueryを使ってテーブルのセルに入力された数字に応じて背景カラーを変える方法。数字のみが入力されたテーブルの可視性を、色の濃度でグルーピングして可視性を高めます。 Sample こんな感じでグルーピング出来ました。濃い色ほど数字が大きいです。普通にマークアップすれば勝手に色が変るので管理が楽じゃないかなと。 コード$(document).ready(function() { // 配列内の最大値を取得する関数 Array.max = function(arra
jQuery+CSSで実装するナビゲーションメニュー総集編 - かちびと.net
jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 という訳で、個人的なjQuery+cssメニューの総集編です。 全部で73個。複数ブラウザでの確認はしていません。順不同です。少し重いかも・・ Large Drop Down Menu スライド&ドロップダウンメニュー Search Box with Filter and Large Drop Down Menu Fly-out Menu with jQuery and CSS3 カッコいいですねー。反対側からスライドするフライアウトメニュー。css3を使っています。 Fly-out Menu with jQuery and CSS3 Rocking and Rol
シンプル・軽量（2.2KB）・手軽なjQueryコンテンツスライダー・hash slider - かちびと.net
よくあるコンテンツスライダーですが、 軽くて使いやすそうでしたのでメモ。 hash sliderは、わずか2キロバイト ほどの軽量スクリプトです。こういう のはいくつ覚えておいても損しない ですね。 軽い、というのは大事ですよね。スライドさせるとURL末尾に#～が付き、ここにリンクすることが出来ます。 シンプルです。マークアップも単純なので使いやすいのでは。 <div id="slider"> <ul> <li> example</li> <li> example2</li> </ul> </div> <div id="left"> goLeft </div> <div id="right"> goRight </div> <ul id="numbers"> <li></li> </ul> デモでは画像を利用しています。 #～にリンク #～にリンクさせることで個々のスライドを指定して表示さ
カスタマイズも商用も可・ハイクオリティなFlashコンテンツを無料配布するFlashXML.net - かちびと.net
なかなか凄いサイトです。なんとなく減って きている印象のFlashサイトではありますが、 部分的なコンテンツ、例えばスライドやギャ ラリー、バナーなどはまだまだ高い需要を 誇ります。このFlashXML.netでは、このよう なギャラリーやメニューをGPLで無料配布 するWebサービスです。カスタマイズも可。 ちょっと今まで見たことの無いタイプのWebサービスだったのでメモ。僕が見たこと無いだけかもしれませんけど。 FlashXML.netでは、大量のXMLイメージギャラリーやスライド、ミュージックプレイヤー、メニューなどをカスタマイズしてDLする事が出来ます。GPLで配布されているので商用でも使えますが、サイト名が埋め込まれていますので外したい場合は数ドル払うようです。 カスタマイズはデモ下部のSettingにて行います。項目はコンテンツによって変わりますが、基本的には設定し、GENER
PSDのWebサイトテンプレートを無料でダウンロードできるサイトいろいろ - かちびと.net
PhotoshopでWebサイトを構築出来る（語弊あるかな？）ようにPSDファイルでWebサイトのテンプレートを無料で配布してくれているサイトをいくつかご紹介します。僕には今まであまり馴染みが無かったので備忘録的にまとめておきます。 ライセンスはそれぞれのサイトやテンプレートごとにご確認下さい。 PSDthemes 18個のテンプレートをフリーで配布。かなりハイクオリティです。要登録。 PSDthemes Freepsd 20数個のフリーテンプレート。WPも2つほど。 Freepsd Templates Rain 使いやすそうなデザインがいっぱい。 Templates Rain deviantART deviantARTにもかなり多くあります。リンクは「web PSD template」で検索をかけたページですのでWebサイトテンプレートでは無いのもまぎれていたり、有料もあるかもしれません
込められた意味がよく分かるクリエイティブなロゴいろいろ - かちびと.net
以前記事にした、Amazonや Fedexなど、意味を込められ、 作られたロゴを参考にしたい と思って個人的に探しました。 ロゴ制作をされてる方にも 少しは参考にして頂けるかと 思ってシェアしたいと思います。 こういうロゴを作りたい、というロゴ集です。どのロゴでも意味はあるのでしょうが、どの国の人が見ても、意味が分かるようなロゴはなかなか凄いですよね。インスピレーション向上になります。冒頭の「以前の記事」もよかったら。 City Cliq 指とボタンでcliqを表現しつつ、指とボタンが「太陽と街(city)」にも見えるように工夫されています。 City Cliq Birdie バーディとバードをかけて、アイアンにも鳥にも見えるように。アイアンにクチバシを付けただけでこう見えるのは凄い。 Birdie Web Girls この発想素敵ですね。Webのマウスアイコンとボタンを女性のピクトグラム
25センチ～9メートルまで伸縮可能なアコーディオンチェアー
アイデアFlexibleLove これは結構需要が高そうな気が。 25cm～9mまで伸縮可能な アコーディオンタイプのチェアー のご紹介。 これは結構需要が高そうな気が。 25cm～9mまで伸縮可能な アコーディオンタイプのチェアー のご紹介。大抵の椅子は収納 場所に困る事も多そうですが、 これならそんな悩みも解消しそう。 また、アコーディオンタイプなので形も応用が利きます。 FlexibleLove ↑ これが折り畳んでいる時の状態で、伸ばすと以下のように。 すごいｗｗ 9メートルまで伸びるそうです。 このチェアーはご覧のように紙（再生紙とのこと）で出来ていて、網目を作ることで伸縮可能なチェアーにしたようです。 形も応用が利きます。角に置いてもデッドスペースが出来難い。 いいアイデアですねー。重さも25kgなので9mにもなる椅子としてはかなり軽いのでは。よく、折り畳みのパイプ椅子が講演会
外観を高級タイプライターっぽくされたiMacが素敵過ぎる - かちびと.net
日曜なので軽いネタでも。外観を 高級感溢れるタイプライターの様 にされたiMacが凄く素敵ですよ。 高級なタイプライター見たこと無い ですけど何となくそんな感じです。 しかも購入可能です。 百聞は一見にしかず。 Apple iMac Custom Cover 素敵です。。題名の通り、これはiMac用のカバーとして販売されている製品で、キーボードはカバーもありますが、上記のはカスタマイズされたキーボードです。オールドデザインがクールですね。一応WinもOKみたいですが、このサイトではmacを推してるっぽいです。 存在感が凄い。 木目に金、という辺りが高級感出てますね。昔のお高いホテルなんかにありそうな。 キーボードもいくつか種類が用意されているようです。 ノートの場合はこんな感じに。PCに見えないですね。。 購入可能 買えるみたいです。eBayか、ECショップで購入するみたいですね。値段はi
cssのテクニックなどを学びたい時に見ておきたい12サイト - かちびと.net
cssが苦手で嫌いなので 好きになろうと思い、勉強に なりそうなサイトを国内外で 選んで絞ってみました。 同じ思いをしている方とシェア したいと思ったので記事にします。 リファレンスサイトは今回は割愛しました。勉強するなら抑えて当たり前ですしね。国内外合わせて11サイトとおまけが1サイトあります。まずは国内サイトから。 CSS HappyLife 個人的に国内でcssといえばCSS HappyLifeさん思い出します。基本から応用まで幅広く情報を配信。 CSS HappyLife CSS-EBLOG ほぼcss中心に情報を配信してくれています。こちらもかなり勉強になるサイト。サイト自体も見やすいですし、cssで困った時には必ず訪れたいサイトです。 CSS-EBLOG CSS Lecture cssで出来るテクニックを公開してくれています。デモページを用意してくれるのが凄く嬉しい。親切で分か
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
かちびと.net