ボックスの境界線の幅を指定する方法もいくつかあります。まずは、境界線の幅をまとめて指定する方法です。 /* 上下左右すべての境界線の幅を1pxに設定 */ border-width: 1px; /* 上下の境界線の幅を1px、左右の境界線の幅を2pxに設定 */ border-width: 1px 2px; /* 上の境界線の幅を1px、左右の境界線の幅を2px、下の境界線の幅を3pxに↵ 設定 */ border-width: 1px 2px 3px; /* 上の境界線、右の境界線、下の境界線、左の境界線を個別に設定 */ border-width: 1px 2px 3px 4px; 次に、上下左右の境界線の幅を個別に設定する方法です。 /* 上の境界線を設定する */ border-top-width: 1px; /* 右の境界線として細い線を設定する */ border-right

リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:

無料の高機能で作り方も簡単なメールフォームプロCGIです。複数送信やアンケートフォームや応募フォームとして利用できます。文字コードUTF-8対応でレスポンシブWebデザインでスマートフォンにも対応。MTでもWordPressでも使えるショッピングカート機能付き高機能無料メールフォームCGIです。中国語や韓国語への対応やクレジット決済機能も。Googleスプレッドシートとの連携も可能。 メールフォームプロCGIの概要Perlで書かれたアンケートフォームや応募フォームとして無料で利用できるメールフォーム（エントリーフォーム）のCGI高機能版です。高機能と言うことで、DOMを駆使した確認画面と一般的なメールフォームにたぶんあまり付いていない効果計測機能が実装されております。簡単設置の概念を幾分抑え、全ての設定をCGI側に設定する必要がある点が大幅な変更点となります。 もちろんスマートフォンへも完

18新利网官网(SBAIC)是一个会员论坛，旨在促进有意义的利用美国企业.S. 美国国际开发署和其他美国政府机构的小企业.S. 提供外国援助的政府机构.

無料カウンター - 登録無し/シンプル/高速訪問者数 ヒット数 ダイエット食品 ダイエット食品・ダイエット商品 不動産・貸事務所 貸事務所の物件 資格 医療の資格・介護の資格 ゴルフ会員権 ゴルフ会員権情報・ゴルフ会員権販売 横浜　不動産 横浜地区の不動産・横浜の賃貸不動産 ネイルの学校 ネイルの学校・ネイルの勉強 高速・簡単・無料のアクセスカウンター アクセスカウンターネットは無料のカウンターサービスサイトです。 シンプルなデザインからグラフィカルなデザインまで様々なデザインをご用意しています。下記からお好きなカウンター画像を選んでクリックするとカウンターの設定ページに進みます。 カウンターの初期も設定可能ですから乗り換えも簡単！無料・シンプル・簡単に使えるカウンターをお探しな方は是非ご利用ください！

メールフォームCGI 配布 法人・個人、営利・非営利を問わずフリーのメールフォームCGIです。 著作権表示の削除が可能です。著作権フリーとしますのでご自由にお使い下さい。 企業ページへの埋め込みを目的として作ったためサイトのデザインにあわせやすいように全てのページ、メール本文がテンプレートになっています。 上のような商用フリーのものを探していましたが見あたらなかったため制作しました。 テンプレートの切り替えによって一つのスクリプトで複数のメールフォームを設置可能です。 utf-8 で動作します。 携帯向けのHTMLテンプレートを制作すれば携帯でも動作します。 詳細なマニュアル等有りません。改造ベースにどうぞ。 不具合が有りましたら連絡頂けると幸いです。 設置されたサイト様につきましては宜しければご一報下さい。。 設置・カスタマイズ請け負います。お問い合わせ下さい。導入企業様のサンプルもお見

ダウンロード後、解凍 します。解凍すると以下のファイルが展開されます。 postmail.cgi postmail.html data/log.cgi tmpl/body.txt tmpl/conf.html tmpl/thx.html tmpl/err1.html tmpl/err2.html lib/io-socket.pl lib/jcode.pl ... ( 歌代和正氏のライブラリを再配布するものです ） また、任意ですが、別途以下のライブラリを入手しておくことを推奨します。 mimew.pl ( 入手先: mime_plsのページ ) (生田昇氏作のBASE64変換ライブラリ) ホームディレクトリ（ここでは public_htmlディレクトリとします）の下に、postmailディレクトリを作成し、さらにその配下に libディレクトリを設置します。全体のディレクトリ構成とファイ

ホスティングサイトでも高速・高機能サイト内検索を実現！ サイト内検索　『全文検索CGI』 全文検索 CGI は、貴社サイトに検索窓を設置して、検索キーワードから貴社サイト内のページを検索する CGI です。検索インデックスを事前に生成しておくことで、非常に高速な検索処理を実現しました。ホスティングサーバをご利用のサイトでも簡単に設置してご利用いただけるよう設計されております。 貴社サイト利用者が、必要な情報を逃さないよう、貴社サイトに検索機能を、簡単に、かつリーズナブルに提供します。また、検索窓からどのようなキーワードを入力して検索されたかを、ランキング分析しグラフ表示することができます。貴サイトでどんなキーワードが使われたかが一目瞭然です。 お悩みの貴社に］［特徴］［サンプル］［動作環境］［シェアウェア料金］［ダウンロード］［マニュアル］［履歴］

近い将来、夢のマイホームを考えているのですが、その際にローンを組む予定です。私は過去に消費者金融から借入をした経緯があるのですが、そういったことがあっても住宅ローンは組めますでしょうか。 消費者金融を利用したからローンが絶対に組めないということはありません 確かに消費者金融の借入の情報は住宅ローンを組む際には有利には働きません。しかしこの借入情報は5年後に自動的に削除されるので、5年以上前に消費者金融を利用していただけで完済も済んでいるのでしたら特に問題はないです。 しかし、過去に消費者金融からの融資の返済に延滞があったことや、今も借入を行っている場合は住宅ローンの審査は難しい場合が多いですね。そもそも住宅ローン審査でチェックされることとしては、住宅ローンの借入が現状の収入の何倍の金額に該当するのかという点、収入に対しての返済比率がどうであるか。というところが見られます。そこをクリアしてい

JavaScriptは、ホームページに様々な機能、効果を加えることができるプログラムです。 サンプル・プログラムはご自由にカスタマイズなどをしてお使いください。

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

■基本 ［０１］JavaScriptを定義する ［０２］外部JavaScriptファイルを読み込む ［０３］スタイルシートを定義する ［０４］NN3、NN4、NN6、IE4.x、IE5.xで動作するように記述する ［０５］NN4でのみ動作するように記述する ［０６］NN6でのみ動作するように記述する ［０７］IE4.x以上で動作するように記述する ［０８］IE5.x以上で動作するように記述する ［０９］IE5.5以上で動作するように記述する ［１０］ビヘイビアファイルを読み込む ［１１］IEとNN両方で動くように記述する ［１２］連続して関数を呼び出す ［１３］MacOS Xかどうか判別する ［１４］Safariのみ動作するように記述する ［１５］Safariのバージョンを返す ［１６］Operaのみ動作するように記述する ■構文 ［０１］変数に文字や数値を入れる ［０２］四則演算を行う

This badge calls your users to start following your twitter account. Twitter has proven itself to be a great communication channel with your site visitors. This badge can be installed almost on any site. Just customize it a bit and take the code. Twitter account:

ページ送りのサンプル 01 display: inline;の宣言が有ったりしてセンタリングしたサンプル。 コードの改行によって生じるすき間対策が必要。 « 前123456次 » « 前123456345634563456次 » HTML + <ul class="pageNav01"> <li><a href="1.html">&laquo; 前</a></li ><li><a href="1.html">1</a></li ><li><span>2</span></li ><li><a href="3.html">3</a></li ><li><a href="4.html">4</a></li ><li><a href="5.html">5</a></li ><li><a href="6.html">6</a></li ><li><a href="3.html">次 &raquo;<

Blue Box Demo: Vertical Centering with a Shiv Div DIVを垂直方向に中央寄せするCSSサンプル。 次のように、DIV要素をブラウザの縦方向に配置できます。 CSSは非常にシンプルで、まず、html と body 要素に height:100% プロパティを設定します。 次に、body内にdiv要素を配置し、そのdiv要素に対し、height:50% かつ、margin-top:-50px のようにプロパティをあて、 中央寄せしたい要素(上図中、青い部分)の半分のサイズ分のマージンをマイナスします。 最後に中央寄せしたいdiv要素( height:100px ) を配置することで、青い部分は中央によります。 垂直方向に、100px のdiv要素が配置される感じです。 <html> <head> <style type="text/css">

Animated Gif Maker Need to create an animated gif image ? Gifmake is a free online gif maker, that can simply generate gif from uploaded images. Download result instantly.

自分がどのように情報を集めているかまとめておきます。 基本的に「Googleリーダー」を利用して集めています。 そこで、Googleリーダーの自分なりの使い方と、おすすめ拡張機能やGreasemonkeyも紹介します。 Googleリーダーを使い始めた人やまだ使ったことがない人に有益な情報になったらいいなあ。 以下にまとめておきますね。 （※本記事は2010年05月24日に修正および追記致しました。より新鮮な内容になったと思います。）

Make Tilt-shift style miniature scenes from your photos or videos

PrintWhatYouLike lets you print the good parts of any web page while skipping ads and other junk.

当サイトは https://aulta.co.jp/に移動しました。 このページの内容は古くなっている場合がありますので、移動先にてご確認ください。 このツールを利用するには、flash9以上が必要です。 表示されているフォントは、お使いのパソコンにインストールされているものです。 フォントの種類を増やすには、あなたのパソコンにフォントをインストールしてください。 ロゴ、見出しテキストなどのベースになるフォント探しにお役立てください。

yusukechiba.com Category: Works — Posted by Hideyo Ryoken at September 23, 2011 中華街のシェアオフィス八〇〇中心に入居するチバユウスケさんのポートフォリオをまとめたウェブサイトを制作した。学生時代からの作品が一覧できるインデックスは彼の作品を眺めながら、思考の移り変わりを辿ることができる。 http://yusukechiba.com/ More...

もう放置して長い当ブログ...なので、Adsenseの自動広告ってのを試してみようかと思ってONにしたら、すごいことになった！ これは中々に酷いですね。 とまぁそれはさておき、すごい久しぶりに個人の趣味っぽい感じのサイト作りました。 - 探そう！好きな恐竜 なんで恐竜！？って感じしますね。 正直、恐竜には全然興味なかった側の人間です。 もう完全にただのお知らせや告知ブログ...！ 初版の発売から4年経ち、ありがたいことに改訂のお話を頂いたので、6月～8月辺りに森田 壮さんと執筆を行い、2017年9月15日に改訂2版が発売しました。 かなり頑張って加筆・修正などを行ったので思ってたより大変な執筆でした。 初版と改訂2版の詳しい違いに関しては、サポートサイト に載せておいたのでそちらを見て頂けるとありがたいです！ 初版と改訂2版の違い | Web制作者のためのSassの教科書 改訂2版 - 公

作りたい Webサイトのアイデアはあるけど、どんなプログラムを勉強したらいいか分からない人 ... という人のための、ざっくりとしたガイドです。 HTML と CSS はわかるけど ... という初心者さんが対象の記事になってます。 インターネット上には本当に色んな Webサイトがあって、こんなサイトを自分でも作ってみたいなーと思う事がたくさんあります。でも、いざ自分で作ってみようと挑戦しようと思っても、これって何でできてるんだろうと考えます。そういえば、まだ Webサイトを作り始めるずっと前にもそんな風に思っていた初心者時代がありました。 やりたい事はあるけれど、まず、どんなプログラムを勉強すればいいのか、そこからが分からなかったんですよねー。プログラムとひと言でいっても、C言語系、PHP、Java、Perl、Javascript … 本当にたくさんあって、初心者さんには意味不明だと思い

Panel 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa,

Good Design WEBは秀逸な国内外のWEBサイトを紹介しているショーケースです。

Threefifty © Stationery STYLE. A Threefifty project. Submitted designs: 1925

Webデザイン・デザイナー向けに、Webデザインギャラリーのデータをまとめて提供しています[ Webデザイン・デザイナー向けギャラリーまとめ ] Webデザインギャラリーに紹介されているWebデザインをマージしてまとめて公開! メジャーWebデザイン検索Webデザイン リンク集Webデザイン ネタまとめWebデザイン タグ検索PhotoShop ネタCSS テクニックWeb製作会社検索JavaScript 記事まとめFlash テクニック [ Webデザインギャラリーのまとめ ]近年Webデザインのギャラリーサイトが増えてきていますね。 CSSレイアウトに注目したWebデザインを扱うもの、国内のWebデザインに重点を置いたものなどなど…。 いろいろなWebデザイン紹介サイトがある中で、重複しているWebデザインもけっこうあるものです。 このデザインギャラリーパッケージでは、「重複して」紹介

LR icons https://lricons.com/ 81-web.com https://81-web.com/ Web Design Clip https://www.webdesignclip.com/ MUUUUU.ORG https://muuuuu.org/ 現代デザイン https://gendaidesign.com/ イケサイ https://www.ikesai.com/ Good Design WEB http://gooddesignweb.com/ I/O 3000 https://io3000.com/ Responsive Web Design JP https://responsive-jp.com/ S5-Style https://bm.s5-style.com/ WeLoveWP https://welovewp.com/ SANKOU! htt

ランディングページの厳選デザイン・リンク集／ランディングページ最適化・作成に関する情報掲載サイトです。

WEBデザイナーのためのランディングページのリンク集。サイトからの離脱率を抑え、コンバージョン率を高めろ！

twitter（ツイッター）の背景・テーマを集めた国内初のtwitterテーマ集サイトがツイッテーマです。【ツイッテーマ】では、デザインの優れた国内外のtwitterテーマ・背景をご紹介しています。 twitter（ツイッター）は言葉の表現以外に、デザインで自分・自社を表現できるWebサービス。 自分らしいtwitterテーマ・背景を使用したtwitterが日本でも増えればいいなと思っています。

FolioFocus is an inspiration gallery featuring the best web and design portfolio websites. Web designs featured in our gallery are hand selected by our staff or received as submissions from our users. We accept submissions of many portfolio websites including web design, photography, videography, animation, game design, web development, app design, and more. Are you a designer, developer, or artis

Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use

jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );

ノルディック＠オ・タン・ジャディス ガレットは、フランスのブルターニュ地方の料理で、そば粉を使用したお食事クレープですが、蕎麦の味はしませんｗ 生地はもっちりとしていて、かみ締めるほどに美味しいです。 Ajax（アジャックス、エイジャックス）は、ユーザーインターフェース構築技術の総称。XMLHttpRequest（HTTP通信を行うためのJavaScript組み込みクラス）による非同期通信を利用し、 通信結果に応じてDHTMLで動的にページの一部を書き換えるというアプローチを取る。AjaxはAsynchronous （アシンクロナス／エイシンクロナス、非同期） JavaScript ＋ XMLの略で、2005年2月18日にJesse James Garrettにより名付けられた。 - Ajax From Wikipedia <!DOCTYPE html PUBLIC "-//W3C//DT

jQueryは軽量のAjaxフレームワークです。JavaScriptの標準的なコーディングとは異なりますが、非常に短いコードで大きな効果があるスクリプトを記述できるようになります。prototype.jsがRuby風に記述できるライブラリだとすればjQueryはCSS風にJavaScriptを記述できるライブラリといえるでしょう。 主な特徴としては以下のとおりです。

JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、未解説のjQueryプラグインを紹介しています。

JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、その他のjQueryプラグインを紹介しています。 ちょっとしたアニメーション効果で印象をぐっと良くするためのjQueryプラグイン「animo.js」 時折背景に線を散らしているサイトがありますが、それをjQueryプラグインLines.jsを使って描くことが可能です。 これにより印象的な感じのサイトになるかもしません。 via：Lines.js

JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、テキスト・リンク関連のjQueryプラグインを紹介しています。 テキスト表示を印象的にする動きを付与！jQueryプラグイン「jQuery TextFX」 アクセス時にタイトルなどを動きをもたらせると目がいき印象的になります。 また本文にも注目をしてくれる可能性が高まります。 jQueryプラグインのjQuery TextFXを使用すると簡単に実現できます。 via：jQuery TextFX

JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、メニュー関連のjQueryプラグインを紹介しています。 シンプルなサイドメニュー表示jQueryプラグイン「jQuery Sidebar」 表示させる要素が限られているWEBサイト。 特にスマートフォン向けではメニューなどをトグルで表示させることが多いかと思います。 こんな時はシンプルにサイドバーを表示させるjQueryプラグインjQuery-sidebarはいかがでしょうか。 via：jQuery-sidebar

16 26 08 2007 Ajaxでどんな事が出来るのかを知るサンプル集26種類 jQuery interface編 jQuery, Samples, Ajax 海外のjQueryを使ったAjaxサンプル集に日本語の紹介文をつけた記事 Effects Ajaxエフェクト集 要素の出現・消滅など全62種類のAjaxエフェクトサンプル Test new animate function 要素のAjaxアニメーションジェネレーター Use new functions stop, stopAll and pause to clear queue and stop flickering Ajaxでディレイ(遅延)を設定できるツールチップを表示サンプル Draggables | Droppables Ajaxでドロップ＆ドラッグ出来るサンプル10種類 Sortables list

Product 4 Long sleeve classic style white fantasy Price: 49.95 $ add to cart

orem ipsum dolor sit amet, consectetuer adipiscing elit orem ipsum dolor sit amet, consectetuer adipiscing elit orem ipsum dolor sit amet, consectetuer adipiscing elit orem ipsum dolor sit amet, consectetuer adipiscing elit orem ipsum dolor sit amet, consectetuer adipiscing elit orem ipsum dolor sit amet, consectetuer adipiscing elit orem ipsum dolor sit amet, consectetuer adipiscing elit orem ips

3 21 08 2007 CSSハックを使ってIE6でも透明・透過png画像を表示させる方法 Css 現状もっともシェアの高いIE6で透明・透過png画像をCSSを使って表示する方法。 24ビットの透過png画像というのは非常に優秀で、 レイヤーなどで上に表示させてもちゃんと透明度を維持して表示することが出来ます。 グラフィカルなページを作る上でさまざまな場所で活用できると思います。 実際このブログのLOGO画像も透明png画像を使っています。 それでは白背景に透明グラデーションをかけた画像を表示させます。 以下の画像はIE6では透明表示が正常にできていません。 コード <style> #img1{ width: 200px;/* 画像の横サイズ */ height: 50px;/* 画像の縦サイズ */ background-repeat: no-repeat

19 29 08 2007 CSS(スタイルシート)をjavascriptで切り替える色々な方法cookie jQuery, Css CSSを動的に切り替える方法をいくつか紹介します。全てcookieにより保存されます 1.styleswitch.jsを使う方法 まずGoogleで一番ヒットするのがstyleswitch.jsです。 コード <script src="styleswitch.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="default.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="title1" href="css1.css" />

Web Development is a broad, technical term that includes almost all the aspects of developing a Website. It ranges from Content Development, Servers, Client-Side/Server-Side Scripting, E-Commerce Development, Web Design, Client Liaison, Network Security configuration, and SEO. To be a successful Web Developer, you need to have full knowledge of all of these topics. Here we put in our best efforts

Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework. Style: Easy to customize. Position: Complete control over tooltip positions. Round: Configurable rounded corners, no PNG images required. Speech bubble effect! Works on all modern browsers. = Note: This plugin is no longer actively developed, please consider moving to my latest jQuery ba

A JavaScript library for image- and vector-tiled maps using SVG. Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers. Polymaps provides speedy display of multi-zoom datasets over maps, and supports a variety of visual presentations for tiled vector data, in addition to the usual cartography from OpenStreetMap, CloudMade, Bing, and other providers of im

チェックボックスの一括チェック（全選択）／一括解除（全解除） jQuery2010年12月22日 親のチェックボックスを選択→子供のチェックボックスを一括チェック・一括解除するスクリプトを作成しましたのでご紹介いたします。 jQueryはこちらからダウンロード 実際のサンプル よく不動産のサイトでみかけるやつですね。Home'sとかYahoo不動産とかで路線を選択する時とかもこの機能を実装しています。色々なところで紹介されていますが、よくある一括チェック・一括解除機能に加え下記も実装しています。 子供をひとつずつチェック→全部チェック→親も自動チェック 複数のグループが同ページ内で出てきても対応可能 inputにクラスつけるだけ といった機能をつけてみました。ソースは下記のようになります。 HTML <div class="parent"> <h3><label for="parent-0