FireFoxはCSS練習には最高！：Movable Type(MT)の無料テンプレートMovable Type(MT)の無料テンプレートを配布。Movable Type(MT)で作るクールでかっこいいＷＥＢのためのテンプレート等の情報を掲載中です。
WEB制作・ファッション・インテリア・デザインに役立つカラー配色事典
・天然石ｱｸｾｻﾘｰｼｮｯﾌﾟ ・FKM Search ・ネットショップノウハウ ・FKM.WEB(WEB制作) ・ふくみみ猫と戯るる ・FKM PHOTO DL ﾌﾘｰ写真 ・猫まち！-携帯待受- ・猫ふり！-写真素材- ・猫と晩酌 ・NO! Scales計量ｶｯﾌﾟﾚｼﾋﾟ ・西の猫はキャンプ好き ・ドリーマンのスピニング・トーホールド 【PR】 国内最大エリアのインターネット回線。「フレッツ」 【PR】 【PR】 プライベートキャンプ場 始めました！ 九州の里山で プライベートキャンプ場 始めました！ 川あり山あり民家なしの 完璧な環境！ YouTubeチャンネルにて 公開中！ 【YouTubeチャンネル】 WEB制作 をする上で、避けて通れないのが「サイトデザイン」です。サイトの内容は決まっていても、どのようなイメージで、何色を基調にサイトを作るか。これが決まらないと先に進めません
カラースキームジェネレータ「GenoPal」色味が女の子向けかもね。 (エム会議：白)
キャッシングやカードローンの返済方法ってどういうものがあるかご存知でしょうか？多くの人は同じ方法でしか返済をしていないと思いますが、その方法がベストというわけではないと思います。人によって事情はあるにせよ、まず間違いなく借り入れをした時の返済は自動引落が一番だといえるでしょう。たまに自動引落で支払いができないところもありますが、アイフルのような大手であればまず間違いなく自動引落で支払いができるので、これが一番便利だといえるでしょう。 他にもATM支払いであるとか振り込みなどいろいろな方法がある中で、なぜこのような自動引き落としが便利かというと自動で引き落としされるので、基本的に引き落としミスで返済出来なかったということを極力減らすことができます。振り込みやATMを使った返済の場合は返済し忘れるということがよくありますが、自動引き落としなら忘れることはありません。自動引落は光熱費や家賃などで
【レビュー】ドラッグ&ドロップで今風のWebサイトを作ろうぜ - Weeblyを使いこなす (1) Weebly事始め (MYCOMジャーナル)
ドラッグ&ドロップでWebサイトを作成できる「Weebly」 Ajaxを利用して、ブラウザからオンラインでWebサイトを作成できるというサービスはもはや目新しいものではなくなってきた。こういったサービスはいくつも提供されている。例えば、Wikiの編集部分をAjaxを利用したWYSIWYGコンポーネントに置き換えるものもあれば、テキストエディタとWikiの中間のようなスタイルをとっているものもある。また、ポータルサイトにおける一機能としてポートレットを組み合わせて構築できるようになっているものもある。 ここでは、そういったサービスの一つである「Weebly」に注目していく。Weeblyはドラッグ&ドロップでWebサイトを作成できるという、便利なサービスである(図1〜図4)。 図1 Weeblyの公式サイト 図2 Weeblyで作成したWebページの例(1) - テキストと画像を配置 図3 W
属性セレクタで、スタイルシートを柔軟に！ [ホームページ作成] All About
属性セレクタで、スタイルシートを柔軟に！Internet Explorer 7から使えるようになったスタイルシートの機能に、「属性セレクタ」があります。FirefoxやOperaでは以前から使えていました。これを活用すると、より柔軟な装飾対象の指定が可能になります！ 属性セレクタを使うとスタイルシートの記述が楽になる スタイルシートで装飾対象を指定する方法に「属性セレクタ」という書式があります。 今までは、FirefoxやOperaしか対応していませんでしたが、Internet Explorer 7でも使えるようになりました。 この「属性セレクタ」を使うと、スタイルシートでの装飾対象の指定が楽になります。 例えば、次のような指定が可能です。 a要素のうち、name属性があるものだけを装飾 a要素のうち、target属性の値が _blank のものだけを装飾 input要素のうち、type属
![属性セレクタで、スタイルシートを柔軟に！ [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP
たまにこんな（↑）写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ！ ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります（↓）。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ
CSSビギナー向け - CSS HappyLife
前回のエントリーに続き、今回は2段組の部分をやっていきます。 取り合えず、2段組部分の仕様をば。 デザインを見ていただければお分かりになるかと思いますが、サイドメニューの下に破線があるんですが、その破線がちゃんとメインコンテンツ部分の内容にあわせて伸びる（繰り返す）ようにします。 ボクの組み方はfloatなんでpositionを使った全体のレイアウトに関しては、ウチでは期待しないで下さい。（ポジションによるレイアウトでサイトを作成した経験がありません...） このサンプルのHTMLはサイドメニューがソース上、コンテンツの上に位置してます。 メインコンテンツ部分が上に来ても同様のレイアウトが実現できますが、それは追々ってことで。 だいたいこんな感じです。 んじゃ、いってみますか、、、 前回のエントリーが、ビックリするくらいアクセスあってびびってますが、変なプレッシャーに負けずまったりマイペー
CSSリファレンス
CascadingStyleSheet(CSS)のリファレンスです。各プロパティを全てサンプル入りで説明しているので解りやすいかと思います。 CSSとは、HTMLのレイアウトを分離して記述するためのきまりです。レイアウトはすべてCSSで設定しておき、HTMLには文章の構造のみを記述する事でページの検索性や再利用性、 古いブラウザに対する互換性などが向上するわけです。また、うまく利用する事ができれば、より洗練された読みやすいページができあがります。 いまのところ、一般に有名なブラウザでCSSに対応しているのははInternetExplorer(IE)ではバージョン4以降、NetscapceNavigator(NN)でもバージョン4以降です。 IE3も実は少しだけ対応していますが、これはちょっとあてにはなりません。中途半端に対応している分、一部だけスタイルが適用されたりして扱いが厄介です。 同
NOTA : Enjoy Co-Writing
2022年10月1日付で社名を「Nota株式会社（英文表記 Nota, Inc.）」から変更いたしました。
Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫
～10程度っすよ ～50程度かな ～100くらい ～300程度です ～500はこなす ～1000はやってます これ以上 ( ! )
CSS のコメントの書き方コレアレ
CSSもHTMLと同じように、ソース中にコメントを挿入することができます。 /*と*/で囲った文字列がコメントになりますが、入れ子にすることはできません。また、他のプログラムにあるような「#」や「//」といった単一行コメントはありません。 適切なコメントを挿入することで、複数人での作業するときや、時間がたってから編集するときなどにコードの見通しが良くなります。ブラウザ間の差異を埋めるための宣言やハックなんかも、適用させるブラウザ名や理由などをきちんとコメントで書いておきたいですね。 僕は、スタイルをグループに分けて記述するときなど、コメントを目立たせるために次のように記述しています。 /* ------------------------------ Header ------------------------------ */ div#header { } . . /* -------
ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト
こんにちは satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme Generator 2 デザインの大まかな配色等を決めるのに使用することがあります。 真似するだけで、Coolなサイトに見えるような気がします。 (2)Color Palette Generator ロゴ等の画像を指定すると、その画像に合ったカラースキームを 教えてくれます。 (3)Web 2.0 Colour Palette 有名なサイトのカラースキームの一覧があります。 (4)pmob.co.uk CSSや画面分割などのさまざまなサンプルや解説があります。 (5)logopond さまざまなロゴのサンプルがありま
MOTION-WAVE 4th Project
Copyright ⓒ 2005 Motion-Wave.com All right reserved.
ひっかき傷風のかっこいいフォントいろいろ - GIGAZINE
上記画像のような感じのフォントがいろいろ置いてあります。ミスプリントというか、壊れたタイプライターというか、そんな雰囲気のフォントです。 ダウンロードは以下から。 misprinted type 3.0_ art, design and type (1998-2005) Eduardo Recife ダウンロードできるフォントは以下の通り。 Astonished Broken 15 DIESEL DIRTY EGO Disgusting Behavior Downcome Guilty HORSE PUKE Max Rhodes Memory Lapses Misproject Nail Scratch Nasty Pastelaria Porcelain Print Error Rochester Selfish Shortcut 一部、通常の手書きフォント風のものとかも混じってます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
EditCSSの使い方：Movable Type(MT)の無料テンプレート
WordPressの超クールなテンプレート集:phpspot開発日誌
http://redalt.com/Tools/I%20Like%20Your%20Colors
インタラクティブバナー一覧 [777interactive]
日本語で読めるものを中心に - Webデザインのリンク集 | lush life*
Webデザイン【 aesthetec · Werbung, Grafik und Webdesign aus Mülheim an der Ruhr 】 Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫