無料でウェブサイトのテンプレートを配布しているサイトいろいろ - GIGAZINE
オープンソースだったり、フリーだったりといろいろ。ブログのデザインの参考にしたり、見映えのするサイトを作りたいときとかに便利。全部でサイトデザインの総数は3000個以上ありますので、よりどりみどりです。 まずはこれ。数は少ないですが、ブログ用とかウェブサイト用以外に、写真もあります。 Open Source Website Templates and Downloads studio7designs studio 7 designs 次のサイトは現時点で1645もウェブサイトのデザインが置いてあります。 Open Web Design - Home 以下のサイトはテンプレート79個＋35個＋11個。ほかにもロゴとかもあります。 Zymic ¨ Free Templates & Tutorials 最後のサイトは現時点で1688もデザインがあります。 Open Source Web Desi
超クールな映画SinCity風の画像を作るPhotoShopチュートリアル: phpspot開発日誌
Sin City Style - Tutorial Seeker 映画、Sin City風の画像を作るPhotoShopのチュートリアルがあったので試してみることにしました。 次のようにSinCity風に画像に加工を加えてみます。 1) まず「イメージ→色調補正→レベル補正」によって、画像のコントラストを上げます。 ※レベル補正の説明 2) 「フィルタ→アーティスティック→カットアウト」で画像の輪郭を大まかにします。 ・レベル数は２、エッジの単純さ３、エッジの正確さ２、でカットアウト適用 3) 次に雨を降らせるエフェクトを付けるために、画像を作成します。 ・新規レイヤーを作成し、５０％グレーで塗りつぶし ・「フィルタ→ノイズ→ノイズを加える」で量を400%(最大)にしてノイズを加えるでノイズを付けます ・「フィルタ→ぼかし→移動」で「角度90°距離999px」を選択して実行します。 ・これ
GIGAZINE - 画像を使わず、角にアンチエイリアスをかけて丸くする「curvyCorners」
「curvyCorners」はフリーのJavaScriptで、角が丸いコーナーをDIV要素で簡単に作ることが可能。特徴は画像を使ったのと同じくらい角がなめらかに丸くなる点と、いたって利用が簡単な点。 どれぐらい丸くなるのかという実例とコードのダウンロード、設置方法は以下を参照。 例その1、3ピクセルの白いボーダーを使い、角は半径20ピクセルで丸くなってます 例その2、固定幅と高さで画像を固定し、角は半径20ピクセルで丸くしている例 ダウンロードはこちらから 使い方は以下を参照 http://www.curvycorners.net/ ほとんどのメジャーなブラウザをサポートしているので汎用性も高く、使い勝手もいい感じです。
古いバージョンのＩＥを１台のＰＣで使う方法:phpspot開発日誌
IE 6.0 - Browsers - Multiple Explorers ブラウザの速度比較のリンク先でも出てましたが、古いバージョンのIEを使う方法。 サイトでは、IE3、IE4、IE5.01、IE5.5sp2のバイナリが配布されており、解凍してすぐ使えます。 古いバージョンのIEでいろいろページを見ていると、CSSでデザインされているページの場合、結構デザインが崩れてたりします。 古いＩＥはないから動作検証できないなぁ、と思っていた人にもこれである程度調節は出来ます。
GIGAZINE - 1万3000枚以上の写真をロイヤリティフリーで提供する「Image * After」
個人での利用はもちろん商用でも無料。素材をそのままネットで再販しない限りはOK。ユーザー登録不要でダウンロードできます。 ブログなどの作成時に記事にちょっとしたイメージ画像を付けるといい感じになるのですが、よい画像が見つからないときに便利。また、サイズも大きいのでちょっとした印刷レベルで大丈夫。暑中見舞いや年賀状にも使えるかも。 Image * After http://imageafter.com/ 一応ライセンスに関しては以下のようになっているので商用利用を考えている人は一読を。 http://imageafter.com/terms.php
ページ配色を決めるのに便利な無料サービスいろいろ - GIGAZINE
まずは何も考えずに配色を考えたい人向けの「Color Wheel」から。 Color Wheel - ver 2.0.1 http://www.webwhirlers.com/colors/spinwheel.asp 「SPIN」をクリックすれば次々と配色が自動的にドンドン変わっていくので、お気に入りを見つければいいだけという超簡単仕様。各配色は背景や文字色などに割り当てられており、チェックマークを押すことで入れ替え可能。また、「HOLD」にチェックを入れればその色は「SPIN」を押しても変化しないようにできるので、気に入った色を見つけたらそれだけ固定して、さらに次の色も固定して入れ替えて…というようにすれば、いくらでも自分好みのカラーパターンを生成できるというわけ。 また、「Example1」以外にも「Example2」を押せば違うページレイアウトでの使用例も見ることができるので、同じ配
配色の作法
配色の作法 このページでは、さまざまな配色について扱います まずはコンセプト 配色の名前や、配色のきまりごとに入る前に、配色を行うもの（対象物）のことを考えてみましょう。実は、それを考えることがとても大切なんです。もっとも身近な衣服を例にとってみましょう。あなたが行動する場面、場所、合う人などの違いによって、きっと着る服を変えていませんか？衣服を変えるときに考えることは何ですか？ 1.今日は、結婚式のパーティに出席するので、気合いを入れてオシャレをしよう 2.これから、掃除をするので、動きやすく汚れてもいい服にしよう 3.これから眠るので、パジャマに着替えよう 4.今日は一日家にいるので、気軽な服でいいや などなど・・・・たくさんの考えがありますよね。こうしたことを含めて、よく物のＴＰＯという事が言われます。 ＴＰＯ（ティーピーオー）とは、Time Place Occasionの略で、訳せ
GIGAZINE - 使えるCSSコードいっぱい「Dynamic Drive CSS Library」
CSSを使ったタブ型の各種メニューとか、CSSによる画像のポップアップとか、ドロップシャドウやページカールの作り方などのコードが実際の例と一緒に置いてあります。実例を見てから選ぶことができるので、希望通りのものが手に入りやすいです。 Dynamic Drive CSS Library- Practical CSS codes and examples http://www.dynamicdrive.com/style/ RSSもあるので新しいコードが追加されればすぐにわかります http://www.dynamicdrive.com/style/csslibrary/rss/ コードの種類としては以下のような感じでカテゴリ分けされています。 横型のメニュー http://www.dynamicdrive.com/style/csslibrary/category/C1/ 縦型のメニュー h
SEO業者ですら感動する驚異のCSSテクニック - 不定期更新 SEOコラム
急にお金が必要になってしまいました。キャッシングをするのに、レイクかモビット、どっちを利用するか迷っています。借りるならどっちがお得ですか？ お得という点から言えば、初めてならレイクがよりお得です まず、それぞれの特徴を見ていきましょう。レイクは銀行系で、総量規制の対象外、１万円からお借入可能で、最大500万の限度額、年率4.5～18％、200万まで30日間無利息、または5万までなら180日間無利息、初めてのお借入なら有利な条件ですね。届く封筒は「新生銀行」の名称です。 一方、モビットは消費者金融で、総量規制の対象となります。限度額は500万、年率4.8～18％です。特に無利息期間の指定はありません。WEB完結型なら、審査の電話が入りません。 最高・最低金利だけで見ると、レイクのほうがお得に見えます。また、期間無利息などの点からも、初めての方はレイクのほうがお得な印象です。 反面、新生銀行
ペインタにも負けず イラストレーターにも負けず メモリ不足にも負けはしない！
全国一億六千万の(根拠無)フォトショッパーの皆様ようこそ。 お絵かき歴20年以上、CG歴5年弱の若輩者ですが、皆さんの為になれればと(なれません)フォトショップの為のお絵かきアドバイザーに立候補してみた次第です。とか言って、私も人に教えられることの方が圧倒的に多いです。ええ。 便利ツールのダウンロードや、お絵かきの参考になりそうなサイトへのリンクも載っけてみました。 初心者の為の画像基礎講座 本当に基礎的な事しか書いてません。ここに書いてある事は最低限の事です。これが解ってないと、他のコンテンツを読んでもは〜さっぱりさっぱりで訳解らんと思います。 ■画像形式について■ .jpgとか.psdとか.tifとか.gifとか.bmpとか、いっぱいある画像ファイル形式。何がどう違うのかについて解説します。内容は非常に大ざっぱな為、不正確であります。（おい） ■画像モードについて■ フルカラーとか
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!
by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.
キャズムを超えろ！ - 13万ロゴ以上 企業などロゴマークのリンク集
わかりやすく「ロゴマーク」と言う言葉を使ってみたが、ロゴタイプスへのリンク集である。個人的に結構活用するんだけどまとめサイトがなくて不便だったのでGiGAZINEのフォントリンクまとめを見て一念発起して自分でまとめてみた。一般的な使い方としてはカッティングシート(シール紙)に印刷してプラモデルに張る、ラジコンに張る、大きく印刷して実車に張る。はたまたデータのままの状態でレースゲームの画像データ改造に使う(自作Skin)などなど。公共ロゴ系は文化祭やイベントの案内などにも活用できるかも。 ※当たり前だが企業ロゴは無断で営利利用は不可 http://www.radiocom.co.jp/ まずはなんといってもここ。何が(・∀・)ｲｲ!! って日本のマイナーロゴマークが揃ってる。JISマークとかウール100%とかリサイクル用のスチール缶マークとか。道路標識・都道府県ロゴ・地図用記号・世界の国旗・
株式会社 岡村製作所[B!]新着記事・評価 - はてなブックマーク
キーボードショートカット一覧 j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ✕
![株式会社 岡村製作所[B!]新着記事・評価 - はてなブックマーク](https://cdn-ak-scissors.b.st-hatena.com/image/square/2501f1075310b6b14dc98211d9e85a1078a701f7/height=288;version=1;width=512/http%3A%2F%2Fwww.okamura.co.jp%2Fcommon_assets%2Fimg%2Fogp_img.png)
激務のIT戦士を支援する最新デスク＆チェア「Cruise＆Atlas」
岡村製作所はこのほど、ITオフィスワーカー向けの机といす「パーソナル・ワークステーション Cruise＆Atlas」を発売した。人間工学に基づいたデザインにより、長時間でも疲労が少ない理想的なスタイルでPC作業が行えるという。 慶應義塾大学理工学部・山崎信寿教授との共同研究に基づき、身体負荷を低減して最適な姿勢を維持できる「リラックス＆コンセントレ-ション」というコンセプトを打ち出した。 Cruise（机）とAtlas（いす）で構成されている。机の天板は傾けることができ、座高が低いいすのリクライニング機構と組み合わせることで、後方向にやや傾いた「低座・後傾姿勢」形で作業できる。 机の面といすの座面が水平な場合の「直立座位」に比べ、長時間の作業でも姿勢の変化が少なく、脚のむくみも減るという。このためリラックスしながら作業に集中（コンセントレーション）できるというわけだ。 Cruiseは、楽な
CSSレイアウトの定石 WinIE6バグ回避法
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JUNICS HOMEPAGE
WORKS ONLINE BOOK STOREの移管に関して
caramel*vanilla » アメリ風Photoshopのアクションを作ってみた
フリーフォント最前線は移転したぜ。