Colorful CSS Background Generator - ccbg.ioColorful CSS Background Generator Generate beautiful backgrounds Mix your own colors Go to the GENERATOR and create your own beautiful backgrounds:
Placehold.jp
基本 以下の形式で、指定したサイズの画像を作成することができます。 https://placehold.jp/{幅}x{高さ}.png 例) <img src="https://placehold.jp/150x50.png"> 背景・文字の色サイズを変更する https://placehold.jp/{文字色}/150x100.png https://placehold.jp/{背景色}/{文字色}/150x100.png https://placehold.jp/{文字サイズ}/{背景色}/{文字色}/150x100.png ※背景色・文字色はRGBの16進数表記 例) <img src="https://placehold.jp/24/cc9999/993333/150x100.png"> ファイルフォーマットを変更する URL末尾の拡張子で、pngとjpgの2種類が指定可能です。
ワイヤーフレーム（モックアップ）を作るアプリがすごい進化してた | バニデザノート
ウェブサイトをデザインをするときに、ワイヤーフレームを作るのって 私にとっては「どこに何を置いて、どういう動きをするのか」というメモのようなもので。 手描きでレポート用紙に描いて、 スキャンしてプロジェクトフォルダへ入れておくことも多いのですが デザインの前に「こういう配置でいいですよね？」って共有したいとき 清書するアプリを時々探してしまうんですよね。まだしっくりくるものがなくて。 最近調べてすごいなーとおもったアプリや、無料でもざくざく使えそうなものまでご紹介。 Moqups Free Plan (offers 2 active projects and 5MB of storage) Monthly：Standard active project 10 で $9〜 ログインしなくても無料で組めます。 960gsグリッド表示可能です。 ほぼコンポーネント揃ってます。ほぼ装飾なしなステン
HTML/CSS最短勉強法！素人が5日でWebサイトをデザインするためにやったこと｜Monosyブログ
ツイートはじめに こんにちは。前々回「Webサイトを作りたい人へ。一歩踏み出すために知りたい3つのこと」の記事にて、Webサイトを作る前提のようなお話をしました。 そこで今回は具体的にHTML/CSSとサイトデザインに関する勉強法を書きたいと思います。 Webサイトを作る上で、デザインはどうしても避けては通れません。 HTML/CSSはプログラミングとして語られることが多いです。 僕がそうだったように、デザインセンスもないし、プログラミングもわからない、となるとハードルが高く感じてしまいますね。 しかし、実際は僕ら素人が0からWebサイトをデザインする必要はないですし、HTML/CSSはアルゴリズムを組むこともないので、プログラミングというほどの物ではありません。 始めてしまえば意外とあっさりとできてしまいます。 今回は僕が5日でこのサイトのデザインを作った際の勉強法を紹介します。 基本的
ウェブサイトのレイアウトを一から作成するPhotoshopのチュートリアル集
繊細なテクスチャ、透明感のあるパネル、充実したフッタ、光源を模したグラデーション、1ピクラインにこだわったディテールなど最近のウェブデザインのトレンドを取り入れた、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。
ウェブサイトをユーザーにリラックスして楽しんでもらえるようにする10のTips
ウェブサイトをユーザーにリラックスして楽しんでもらえるように、より使いやすくする10のTipsをWeb Designer Depotから紹介します。 10 Tips to Create a More Usable Web 以下、各ポイントのピックアップです。 1. Creating active navigation アクティブ機能をもったナビゲーションの設置 サイトのどのセクションにいるか、ユーザーに明示できるナビゲーションを設置します。 2. Clickable labels & buttons ラベルやボタンをクリック可能に フォームのラベル（label）やボタン（button）に、クリック可能であることが分かるようにスタイルシートで設定します。 例： <textarea name="code" class="css" cols="60" rows="5"> label, butto
【コラム】Webデザイン解体新書 (3) YouTubeを徹底的に使った公式サイト「Boone Oakley」 | クリエイティブ | マイコミジャーナル
サイト自体に工夫をこらして構築/デザインするのは、もちろん重要です。ただ、精魂込めて作成したサイトも、リーチしたいユーザのタッチポイントとして機能しなければその価値は下がります。よりダイレクトなコミュニケーションを想定するならば、あえて人の集まる場所にサイトを公開するというのもひとつの方法に違いありません。今回、紹介するのはウェブサービスを上手に利用したウェブサイトの好例と言えます。 YouTubeで擬似的にサイト体験 キャンペーンの一環としてYouTubeを利用する方法は数年前からある手法ですが、公式サイトを YouTubeに『ホスティング』したのがノースカロライナ州の広告代理店Boone Oakley。1ムービーを1ページとみなして普通のサイトのように構成されています。YouTubeには動画にコメントを追加するアノテーション機能がありますが、これを使うことによってコメントだけでなくUR
ホームページ作成 簡単ホームページ作成サービス Jimdo
ドラッグ&ドロップで サクサク作れる操作に不安な方でもご安心ください。 ジンドゥーは簡単な操作だけで ホームページが作れます。
【ハウツー】ゼロからはじめるLightbox 2.0 - 簡単にWebで写真アルバム機能を (1) Lightbox 2.0とは？ | パソコン | マイコミジャーナル
Lightbox 2.0とは？ Lightbox 2.0はAjaxを利用して画像を表示するライブラリです。画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。 Lightbox 2.0の大きな特長としてスクリプト(プログラム)を記述しなくてよいという点があります。つまり、全くプログラムが分からない人手も気軽に使う事ができます。Lightbox 2.0ではHTMLの<a>タグのrel属性にlightboxの文字を記述するだけでできてしまうという手軽さです。また、JavaScriptのコードが実行できるブログであればLightbox 2.0を利用することができます。 Lightbox 2.0は作者であるLokesh Dhakar氏のサイトからダウンロードすることができます(*1)。 「Lightbox2のダウンロードサイト」 「Lightbox v2.0
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
MySQL＋Apache＋PHPをインストールしよう（1/3） ― ＠IT
PHPとMySQL はじめに、PHP（Personal Home Page tool）について簡単に紹介します（注）。ご存じのように、PHPはWebアプリケーションの定番として定着しています。また、Strutsのような大規模開発向けフレームワークがもてはやされる一方で、PHPをはじめPerlやRuby、Pythonといったスクリプト系言語に代表される「Lightweight Language」が手軽さと機能の豊富さから近年再注目されています。特にDBやWebとの相性がいいPHPは、初歩的なWebアプリケーションから本格的な用途まで幅広く利用されています。 PHP 4.1まではおおむね順調にリリースされていたのですが、PHP 4.2で「register_globals問題」が大きく取りざたされました（コラム1）。ちなみに、快速MySQLでデータベースアプリ！の第5、6回で紹介しているPHPサ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BLOKK font gives you a nice fill text for mock-ups and wireframing without the lorem ipsum. The new and better wireframing font.
方眼紙を自由に作ってPDF化＆ダウンロードできるサイト「Paperkit」 | ライフハッカー・ジャパン
SnapPages - Create a Website
TechCrunch | Startup and Technology News
http://www.designwalker.com/2009/03/form-design-2.html
色見本大辞典 伝統色や366日の誕生色占いのWEB色見本サイト