画像をクリックしたら、拡大画像がポップアップで表示される方法
画像をクリックしたら、拡大画像が「ポップアップ」で表示される方法をお伝えします。 この方法は、拡大画像を別ウィンドウで立ち上げるのではなく、その場で、拡大画像が表示される方法です。 たとえば、下記の画像をクリックすると、その場で拡大画像が表示されます。 この方法は、フォトギャラリーのように、小さい画像をホームページ上に表示させて、その画像を大きくして見せたいときなどに、とても有効な方法ですよね！ 現在、とても流行っていて、見た目と使い勝手が良いため、良かったら活用してくださいね。 ■ 画像をクリックしたら、拡大画像がポップアップで表示される方法 <link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.css" rel="stylesheet"> <script src="https:/
配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 / Maka-Veli .com
タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。 雰囲気のキーワードを出す なんとなくのキーワードを出します。 カッコイイ！ うぉ！すっげ！って感じ クール とにかく渋く。鳥肌立つ感じで 可愛いっぽく。 やっぱ少し可愛くが良い ラブリー♡ もうワクワクーって感じで♥ シンプルに。 余計な物はいらん インパクトどーん とにかく覚えてもらいたい！ 爽やかーーー キレイに見せたい！ 楽しい！ ﾁｮｰﾊｯﾋﾟ ｽｰﾊﾟｰﾊｯﾋﾟ ﾉ…(ry など。 ここで決めたキーワードがベースになります。 常に頭に入れてお
Adobe HTML5 特設サイト Dreamweaver® CS6 と HTML5 で始めようスマートフォン＆タブレット対応| Adobe - 日本
Dreamweaver CS6 と HTML5 で始めようスマートフォン＆タブレット対応 HTML5 特設サイトは、HTML5/CSS3 やモバイルデバイスの活用を検討している方に最新情報をお届けするアドビ公式サイトです。 事例から Adobe®Dreamweaver® CS6 を始めとする制作環境まで、幅広い観点から Web の新しい方向性をお伝えします。 本文へ 本サイトについて 本サイト自体が、マルチデバイス対応のレスポンシブなデザインの事例として制作されています。表示される画面の大きさに応じて、閲覧し易い様にレイアウトが変化します。詳しくは「互換化とは」をご覧ください。 jQuery Mobile を使ったスマートフォン向けの専用サイトも公開中です。
iPhone向けWebサイトの制作等に役立ちそうな情報まとめ - かちびと.net
iPhone向けのWebサイトを制作する 際に役立ちそうな情報のまとめです。 情報が多くて混乱し始めたので、個人 的なメモ。iPhone関連のWeb制作情 報は基本的に載せています。アプリ 制作とかそっち系はたいして無いの でご了承下さい。 個人的にグッと来たiPhone / iPad周りの情報をメモ的にまとめておきます。素材とかフレームワークとかTipsとかそういうの中心で、SDKとかObjective-C的な情報は無いです。順不同。 フレームワークとかスクリプト WebアプリとかiPhoneサイト向けのフレームワークとか。 jQuery Mobile スマートフォン向けのjQuery公式ライブラリ。リリースが待ち遠しいですね。 jQuery Mobile Sencha 以前触ってみたので記事にしました。HTML5とjsのみのWebアプリ向けフレームワーク。 Sencha Titaniu
Table of CSS3 border-radius Compliance « Muddled Ramblings and Half-Baked Ideas
Content last updated Aug 17, 2011 – First impression of Firefox 6. NOTE: I’m updating the ol’ blog to honor its 1,000,003-word birthday, and some pages require individual attention. This is one of those pages. Please pardon the mess. border-radius seems to be a hot topic these days, what with CSS3 including it and some broswer vendors already implementing it. I just think it looks nice. I original
ホームページ作成講座 無料テンプレートで Web Design
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
CROSS-STYLE － ウェブデザイン講座 －
HOME＞ウェブデザイン講座 「ウェブデザインを極める」というコト、その意味を知る講座 プロ・アマを問わず、あらゆるウェブデザイナーにとって、それは夢であり、通過点です。 ウェブデザインを最速で掴むためのコツは、 「自分の手で、どれだけ多くのサイトを作成するか」だと思います。 私自身、超初心者時代から５年間、これまで数多くのサイトを作成して来ました。 数多くの失敗もしてきました。思うように行かず、ウェブデザインから遠のいた事もありました。 昔の自分で制作したサイトを見ると恥ずかしくなります。 100以上のサイトを創ってきても、自分で満足出来たものなど未だにほとんどありません。 そもそも優れたウェブデザインって何でしょう？ 優れたウェブデザインとは、 決してフラッシュのみで飾り付けられた”綺麗な”サイトを作成する事ではなく、 かといって、何のデザイン性もない無味乾燥な”シンプルで軽い”サイト
I ♥ wireframes
Tumblelog managed by Ivana Jurcic, Web Developer from Belgrade, Serbia. If you want to contribute contact me via email, twitter or post your wireframe in this flickr group. Facebook page Submit wireframes Archive RSS feed Adobe Proto Adobe® Proto, a new Adobe Touch App, lets you create interactive wireframes and prototypes of websites and mobile apps on your tablet. Communicate and share ideas wit
Free CSS Website Templates | Most Popular Designs | Styleshout.com
Free Responsive Website Templates for Small Business, Porfolio, Blog & Personal Use. Check out our selection of simple and modern website templates for businesses, portfolios, personal pages, and blogs. Find the one that fits your style and needs. Our templates are 100% responsive - they'll look great on any device. Maillard Maillard is a free restaurant website template that is perfect for any mo
今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめ*ホームページを作る人のネタ帳
フリーの画像編集ソフト『GIMP』のまとめ。 GIMPは高機能でありながらフリーのオープンソース画像編集ソフトです。 フォトショップは高価なもので、自宅の趣味での画像編集にまで使えないという人もいるだろう。 そんなときはGIMPを使ってみるといいかもしれませんね。 本体ファイルのダウンロード ・Windows版 ・Mac OS X ・Linux版 インストールした後に GTK+ Runtime Environment → Select languageで日本語にしておけば日本語もいけます。 インターフェイス使いやすく すこしでも使い慣れたフォトショップインターフェイスにしたいという人は、以前も紹介した日本語ローカライズを導入するといいだろう。 Photoshopユーザーのための日本語ローカライズ これを導入することで、フォトショップに似たインターフェイスで作業を行うことが可能となる。 また
各種CSSメニューをカスタマイズしてダウンロードできる『CSS MENU MAKER』 | 100SHIKI.COM
このサイトでメニューを作って張ってみたんですが メニューがTOP画像の上に表示されるのです。 どうすればよいでしょうか？ Top Tools Yotube Music Diary これがHTMLで ul#menu { margin:0; padding:0; list-style-type:none; width:auto; position:relative; display:block; height:36px; font-size:12px; font-weight:bold; text-transform:lowercase; background:transparent url(“http://error911.up.seesaa.net/image/bg.jpg?20090326204938″) repeat-x top left; font-family:”Trebuchet
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]横並びのレイアウトをfloatで配置するTIPS -Floater
2007年上半期人気無料アイコン配布ページ３１個のまとめ。その数17000個以上*ホームページを作る人のネタ帳
BrowserCam