In the business world, it is very common for people to communicate in different languages when doing business overseas. Especially if your company is an international business, communicating effectively in different languages so as to get things done overseas is something that is inevitable.

Blog Easy for beginners! Plenty of templates available! Video Upload your favorite videos. Watch them from your mobile phone! Paying Members can watch in full High Definition! Live Broadcast a Program or enjoy a Two-way Video Chat. Content Market Buy/Sell Digital Contents immediately with points Free Website No annoying ads, large-storage (1GB)! It's free! Analyzer Analyze visitors' movements! Cho

 NEW! 2020/04/07 「SEO一括見積もり」のサービスを終了致しました。 これまでのご利用、誠にありがとうございました。 2017/10/31 提供サービスの整理に伴い、「おしえて！SEOTOOLS」のサービスを終了致しました。 これまでのご利用、誠にありがとうございました。 2016/06/20 17日より発生しておりましたツールの解析スピードの低下を修正いたしました。ユーザの皆様にはご迷惑をおかけしてしまい、申し訳ございませんでした。 2016年04月 ツールの利便性アップのため、「SEOアクセス解析ツール」と「VERSUS」において、以下の項目を削除しました。 ・Yahoo!関連情報 ・トラフィックランキング ・カテゴリ登録状況 ・PRサービス利用状況 よりシンプルに洗練されたSEOアクセス解析ツールをご活用下さい。 2016/04/21 15日～18日の間で、サービス

Free PHP Script Download, Customize, Tutorial 新・配布プログラムのみ、地道にメンテナスしていく予定。ライセンスはすべてGPLです。 PHP Labo のプログラムはシンプル路線ですが、高機能路線の freo を作成しました。 PHP入門の内容をもとにはじめてのPHPという本を書きました。 広告 更新履歴 2014/12/23 フレームワークを修正しました。 2013/12/03 フレームワークを修正しました。 2013/11/01 フレームワークを修正しました。 開発日誌 RSS1.0 RSS2.0 新・配布プログラム 配布プログラムすべてのメンテナンスは難しいけど、仕事に流用するために作ったプログラムなどは公開しておきたい（ローカルだけに置いておいてファイルが行方不明にならないように、不具合を教えてもらえるかもしれない、などの理由で。）という

例）コカ・コーラのFacebookページの場合 http://graph.facebook.com/cocacola 以下のように表示されます。赤字がFacebookページIDです。 { "id": "40796308305", "name": "Coca-Cola", "picture": "http://profile.ak.fbcdn.net/hprofile-ak-snc4/162066_40796308305_751302705_s.jpg", "link": "http://www.facebook.com/coca-cola", "likes": 39091306, "category": "Food/beverages", "is_published": true, "website": "http://www.coca-cola.com", "username": "

apeweb（エイプウェブ）Seminar #4「OGP設定とFacebookアプリ開発の基礎を押さえよう！」の開催を受けてのエントリーの2本目です。 ちょっと手短かなエントリになるけれど、誤って設定されているWebサイトを結構見るものですから早めにシェアしておきます。 Webサイトだからog:typeへはwebsiteを、ブログだからog:typeへはblogをと安易に指定しがちですが、これは誤りです。以前、私もog:typeをblogとしたり、そのように指定するようにお話していましたが、Facebook開発者サイト内 Open Graph Protocol（early version）のページへ次のような記述があります。 Core Concepts > Open Graph > Open Graph Protocol https://developers.facebook.com/do

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

X Terms Updated We’d like to inform you that we have updated our Terms of Use. The most substantive changes are: This platform was acquired by a joint venture in Israel. changes have been made to the relevant jurisdiction for disputes which may arise out of your use of the platform. Changes made to the monetization of users’ creations and the ability to opt out from your account settings. Please v

当サイトは2008年頃までに作成されたものをモバイル端末向けに再設計したものです。 現在では有効ではない情報が多いので、技術情報ではなくSEOの黎明期に想いを馳せる読み物としてご利用ください。 META KEYWORDSにキーワードを書くと検索されます META KEYWORDSは、ページの主要キーワードを目立たせるために用いる純粋なSEO目的のタグです。 「META KEYWORDSはSEOのためでなくファイルを整理するためのもの」という考え方もありますが、SEOにおいては正しいとは言えない認識です。 何故なら、「ファイルを整理するため」というのは事実ですが、そのファイルを保管・閲覧する場所は検索エンジンなので、結果的に検索エンジン対策＝SEOのため、といえます。 題目は質疑応答型掲示板でよくみられる回答ですが、対極なものにMETAタグを書いても効果は無いというものあります。 いずれも5

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

Lightboxに似たJavaScriptライブラリのfancyboxをこのウエブページに導入してみた。 （別サイトでfancybox version 1.3.4を使っていたが、html表示時に実行される初期化関数の設定値が全く変わってしまっているので、最初から設定しなおさないといけない） ■ 必要なファイルの展開 公式サイトから version 2.0.5 をダウンロードして… （コピーしたもの ： fancybox version 2.0.5） ・jquery-1.7.1.min.js ・jquery.mousewheel-3.0.6.pack.js ・jquery.fancybox.pack.js ・jquery.fancybox.css ・fancybox_sprite.png ・fancybox_loading.gif ・blank.gif のファイルを適当なディレクトリを作って

This domain may be for sale!

3streamer.net 2023 著作権. 不許複製 プライバシーポリシー

サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

2014年8月17日 CSS, Webサイト制作 CSSでレイアウトを組むのは、最初はすごく難しく感じるかもしれません。私も何度も挫折しかけました。。でもよく使うプロパティを理解し、少しずつ組み立てていくと自然と慣れてきますよ！今回はサンプルファイルも用意したので、ダウンロードしてコードをじっくり見てやってください。連載企画「実践で学ぶWebサイト制作ガイド」、CSSでラストスパートです！ ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その7 目標：CSSでレイアウトが組める・基本的な装飾ができる 必要なもの：Windows メモ帳 や、Mac OS Text Editなどの文章エディタツール。もちろんAdobe DreamweaverなどのWeb系オーサリングソフトがあるならそれでOK 対象レベル：CSSの基礎知識がある・基本的なCSSが手打ちで書ける 目次

Saying Goodbye is never easy, but the time has come to announce the withdrawal of anonymous non-signed in support Bing's URL submission tool. Webmaster will still be able to log in and access Submit URL tool in Bing Webmaster Tools, and this is easier than ever as the tool now supports Google and Facebook authentication in addition to existing Microsoft accounts. Why say goodbye? Well, the URLs re

当サイト Photoshop VIP では、無料デザイン素材の他に、ウェブデザイン制作やPhotoshopの作り方などに使える実用的...

個人的に気に入ったフリーフォント集。フリーじゃないのもありますよ。 FACUNDA FREE FONT http://bybu.es/portfolio/facunda-free-font/ LSTK GaraPen Tiny http://www.behance.net/gallery/LSTK-GaraPen-Tiny-FREE-FONT-DOWNLOAD/5556992 Bokeh Font http://www.behance.net/gallery/Bokeh-free-font/5537207 Nickname – Handwriting Web Font http://wegraphics.net/downloads/nickname-handwriting-web-font/ Higher – Free Font http://www.behance.net/ga

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

シルエットデザインは無料で使えるillustratorで作ったシルエット素材集 シルエットデザインは自分の為と忙しいデザイナーのための無料シルエット素材集です。 仕事で影絵素材を結構作るんですが、いつの間にか素材のおき場所が分からなくなります。 今までは素材を探す手間を考えるとイチから作るのが常でしたが、そろそろ効率が悪いので検索ボックスから素材を検索すれば、さっと結果が出るようにブログのデータベース機能を使って素材をWEB上で補完しようというプロジェクトを始動しました。

アクセス解析って使ってる人は多いと思うんですけど、クリック数の解析ってしてます？ とあるアクセス解析にクリックカウントしてるやつがあって、割と面白いなと思ったんでgoogle Analyticsでクリックカウントする方法を調べて、実装してみました。 調べてすぐ見つかる方法は、リンクにonClickを入れる方法だったんですが、全てのリンクにこれを書く、ってのは面倒過ぎるな～と思って、jQueryで自動で入れてもらおうと考えていたら、もっと簡単にjQueryで実装してるやつを見つけて、それを参考にしました。 一応外部リンクか、内部リンクか、ってのも判別出来るようにしてみました。 その実装したクリックカウントする為のコードを紹介します。14行程のjavascriptのコードを貼りつけて、少しだけ変更するだけなので、結構簡単なはずです。 クリックカウントしてどうすんの？ えっと、、別にどうする？　

サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

[ソーシャルブックマーク] ブログ村キーワード もっと簡単に良質な被リンクを集めれたら良いと思いませんか？ ブログを始めた直後って当然ですが、 被リンクが無ければ、アクセスも少ないものです。。 ブログを軌道に乗せるためには、 記事をたくさん書いて、コメント回りや相互リンク依頼して まずは、検索エンジンに認めてもらう必要があります。 最初のうちは、 記事は書かなければいけないし 相互リンク依頼などで被リンクは増やさなければいけないし 大忙しなのです。。。 忙しい中、闇雲にコメント回りや相互リンク依頼をするよりは、 確実に被リンク効果のある場所を選び 効率良く被リンク効果を得るのが重要なのです。 そして、その一つにソーシャルブックマークを使う方法があります。 ソーシャルブックマークってなに？ って方は前回記事を参考にしてみてください。 ソーシャルブックマークを使って被リンク拡散させよう ソーシ

memo 作業内容 クロスフェードで画像を切り替える時それぞれの画像にリンクを設定したいなと思い、探してみたらSimple jQuery Slideshow Pluginてのがあったので試してみます。フェード効果などの設定は以下の通り。 timeout … ミリ秒（デフォルトは 2000） fadetime … ミリ秒（デフォルトは 600） type … 'sequence'か'random'（デフォルトは'sequence'） --- jQuery設定 --- <script type="text/javascript" src="../common/js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/100815/jquery.slideshow.js"></script> --- html

ホームページ制作に役立つwebデザインを無料配布している0円の無料素材屋さんは、プロのwebデザイナーによって作られています！ホームページ制作だけではなくブログ制作にも役立ちます。アイコン、ボタン、背景、バナーなど、web素材が無料！ネットショップから企業サイトまで、ビジネス向けの商用にも使えます。素材利用の使用報告など、面倒なことは必要なっし！皆さんが楽しいwebライフをすごせますように♪ ← これも無料素材のひと～つ！無料だよ！ あ、この素材いいなぁ♪と思ってくれたら、どんどんリンクしてくれると嬉しいです！！下記のバナーをどうぞご活用ください！また学校教育関連の資料や素材としても、どうぞご利用ください、お役立ちできると嬉しいです。

Prayer for the Planet そしてこの星は、今でも静かにまわっていました Copyright(c) 2007-2010 'Luxfero' All RightsReserved. ルシファーが昇る日 「女装編（全２５０話）」　－完－ ３年間本当にありがとうございました ■定期メンテナンスついて -2014.11.24 保守メンテ- 暫く放置しているとトップページにスポンサー広告が入ってしまいますので、 定期的に日付のみ更新させていただきます。 ■過去記事について 2009.01～の過去記事をしばらくの間解除いたします。 ＊過去記事には、ブログランキングへのバナーが残っていますが現在エントリーしていません。 (膨大な過去記事からバナー部のみを削除する事が極めて困難な為お許しください) ■今後の活動について サディラが昇る夜　-Under The Moon- (現在非公開) ま

See related links to what you are looking for.

【アメブロヘッダー画像の作成方法】自分で作るアメブロヘッダー画像自分でできるアメブロヘッダー画像の作り方などを解説しています。 ただのアメブロヘッダー画像ではなく、プロ並みのヘッダー画像が自分で作れるようになりますよ。マニュアルも無料進呈中。 ヘッダーのタイトル文字と説明文を消してヘッダー画像をリンクに変更する方法です。 芸能人のブログではヘッダー画像をクリックするとトップページに戻るようになっているものがあります。 今回はそれと同じようにしてみます。 ①CSS編集画面を開く ②CSS編集の一番下にある拡張の部分に下のコードをコピペする ③表示を確認するボタンで確認 ④保存ボタンをクリック これだけです。 さぁやってみましょう！ ↓↓↓↓↓↓この下からコピーしてください↓↓↓↓↓↓↓ /* ブログタイトルとブログ説明文を消す */ #header h1,.skinTitleArea{ /*

サイトとFacebookページを連動させるためにするべきことのまとめ Facebookについての記事です。 このブログのFacebookページを作成しました。 ↓ FacebookページはFacebook内で自分のサイトの情報を配信したりすることができます。 ブログやサイトにFacebookページの内容を貼り付ければFacebookページの内容をストリーム配信することができます。 海外や、国内でもその宣伝力の高さからFacebook内で自社を宣伝するためのツールとして利用している企業も多くなっているようです。 もし自分のサイトを運営していて多くの人にサイトを見てもらいたいとか、サイトを見てくれている人とコミュニケーションをとりたいとか、とにかくアクセス数を増やしたいとかそういう風に思っている人にとっては最適なツールになるかもしれません。 もし自分が運営しているWEBサイトとかブログがあるな

Life is too short to worry about laundryOGP （Open Graph Protocol）。 facebook、mixi、GREEなどのSNSで使われている共通の仕様のことだが、重要な役割を担っている割に、あまり知られていない。今後のソーシャル時代に備え、確実におさえておきたい事項に間違いないので紹介する。特にウェブ制作をしていたり、サイトにいいね！ボタンを設置している方には、すぐにでも導入をおすすめする。 OGPとは OGPを簡単に説明すると、「このウェブページは、こんな内容です」ということを明言するための仕様だ。 誰に明言しているかというと、それは例えばfacebookに、だ。 facebookでは、あるウェブページがいいね！された時に、 「○○さんがリンクについていいね！と言っています」 とウォール上に投稿されることになるが、これはOG

February 07, 2013 12:12 カテゴリHTMLSNS ソーシャルネットワーク 【追記】SNSに掲載されたときはずかしくないようにOGPを設定しよう。 Posted by okappu Tweet OGPというのはThe Open Graph protocolの略でフェイスブックを始めmixiやGoogle＋等のSNSとウェブページを連携させるための情報をコンピュータが読めるように記述したものです。 最近、よくサイトをみているとある、metaタグpropertyについてまとめ。 簡単にいうとfacebookなどのSNSで、サイト情報が表示する際に、 なぜ、このサイトこんな画像（サムネイル）なの？ なぜ、こんな文章・説明文なの？ ってことがないように、OGPを設定しておくとスマートになれるってことです。 基本情報 <meta property="og:title" conte

申し訳ございません。 アクセスいただいたURLに該当するページが見つかりませんでした。 該当のページはアドレスが変更されたか、削除された可能性がございます。 ※URL、ファイル名にタイプミスがないかご確認下さい。 前のページへ戻る

コーディングで面倒くさい作業といえば、画像などの保存するときの名前決めです。僕はめんどくさがりなのでわりと適当です。 特に、大規模なサイトでは、適当に名前を決めてしまうと、後で管理も大変になります。その結果、つまずかなくていいところで余計な時間がかかってしまいます。 これではいかんと思い、いろんなサイトを見て参考にさせていただきました。大体100サイトくらいは見たと思います。そこで参考になった名前をつけるときの命名規則をご紹介します。今回は画像について調べさせていただきましたが、CSSにも共通することです。コーディングで面倒くさい作業といえば、画像などの保存するときの名前決めです。僕はめんどくさがりなのでわりと適当です。 特に、大規模なサイトでは、適当に名前を決めてしまうと、後で管理も大変になります。その結果、つまずかなくていいところで余計な時間がかかってしまいます。 これではいかんと思

画像の上に文字を入れたいと思ったことはありませんか？ これらは今まで、1枚の画像をスライスして（細かく分割して）中に文字を入れたり、テーブルの背景に画像を指定してその上から文字を入れたりして行ってきました。 しかし、ブラウザによってレイアウトがくずれたり、 テーブルがくずれて表示されたり（すきまが空く）という難点がありました。 このスタイルシートを使えば、いとも簡単に、ピクセル単位で、 画像の上に文字を重ねることが出来てしまいます。 なにより画像を加工したりせずにそのまま美しい状態で、お気に入りのイラストを「インフォメーションボード」に変える事が出来るのです！ 素材屋にとってもうれしいチップスです。ぜひ、使ってみて下さいネ♪ この文章はテキストです。 画像にはなんら手を加えていません。 また、テーブルの背景に指定して、その上から文字を書いているのでもありません。 (C)季節の窓 ↑タグです

レスポンシブWEBデザインを用いて、外部CSSを一枚追加するだけでiPhone/androidに最適化するまでの流れを書いておきます。スマホ用のCSSをスマホにだけ読み込ませて、全体のCSSを上書きするだけなので、ブログのデザインによっては結構手軽に出来ます。 はじめにスマホ最適化後の要素配置を考える <head>にviewport設定とスマホ用CSSの記述を書く 固定幅をリキッドデザインで組みなおす フォントのサイズ、マージン、中央･水平揃えを調整 画像を2倍のサイズで用意する はじめにスマホ最適化後の要素配置を考える スマホは画面も小さいし、容量が重いとそれだけページの表示速度も落ちます。 ロゴ・メニュー・記事など最低限の要素だけ残し、あとはdisplay:none;で消してしまいましょう。 このブログのトップだと、オレンジで囲んだのがスマホで表示させない部分です。 残った要素を、最

解説 スタイルシートは、外部ファイル(拡張子.css)から呼び出すことができます。 各ページ内に外部ファイルを呼び出す記述を書き、そのスタイルを適用します。 外部ファイルのスタイルを変更するだけで、サイト内のスタイルを全て変更することができ、大規模サイトの制作には欠かせないものになります。 外部ファイルの書き方は、「ページ全体に適用」の場合と全く同じです。 外部ファイルの読み込みは、HEADタグ内に必ず配置し、複数の外部ファイルを読み込むことも可能です。 このサイトも、この方法でスタイルシートを適用しています。 スタイルシート・サンプル 緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。 "/* */"内はコメントです。削除しても影響ありません。 必要な箇所をコピー＆貼り付けして編集してください。 → サンプル <HTML> <HEAD> <TITLE><

共通メニュー簡単作成 PHPを使って共通部分を表示する Webサイトの各ページにある共通のメニュー、このページでいうと左にあるメニュー、各ページに表示するのって面倒だと思いませんか？ ↑これのことです。 2〜3ページならコピー＆ペーストしようかと思いますが、何ページもあるとうんざりします。 1ページずつ新しく作っているときはそこまで面倒だとは思わなくても、一括して変更したいときはある程度のページができているので全てのページを変更するのは本当に大変です。経験がありますが、腱鞘炎になるかと思いました。 私と同じようになんとか簡単にできないものかと思っておられる方に、次の方法をお薦めします。この方法を使えば、メニューだけでなく、ヘッダタグやコピーライトなどの共通する部分にも応用できます。 メニューを変更するときも、1つのファイルを変更すれば全てのページに即時反映されます。便利です。もう腱鞘炎にな

mixiチェックボタンの設置方法は簡単です。数行の HTML を追加するだけです。 チェックボタン用HTML発行フォームをお使いください。 ただし、効果的に設置するためにはいくつかのポイントがあります。 設置のポイントに関しては、「mixi Plugin 実装のポイント」をご確認ください。 mixiチェックボタンの設置（PC 向け） mixiチェックボタンの設置（PC 向け） <a href="https://mixi.jp/share.pl" class="mixi-check-button" data-key="...">mixiチェック</a> <script type="text/javascript" src="https://static.mixi.jp/js/share.js"></script> a 要素と script 要素には、それぞれ以下の属性を指定できます。 a 要

jQuery Mobile - Git Builds UNSTABLE, NOT FOR PRODUCTION jQuery Mobile git build - uncompressed, minified, theme (minified) jQuery Mobile - All Versions jQuery Mobile 1.5.0-rc1 - uncompressed, minified, theme (structure only) jQuery Mobile 1.5.0-alpha.1 - uncompressed, minified, theme (structure only) jQuery Mobile 1.4.5 - uncompressed, minified, theme (structure only) jQuery Mobile 1.4.4 - uncompr

Dreamweaver CS5.5 マスターシリーズ 第3回　jQuery Mobile Widgetでスマートフォン対応サイトを作ろう　その2 このマスターシリーズでは、Dreamweaver CS5.5の新機能の中からモバイル開発機能を中心に解説します。 前回はDreamweaver CS5.5で導入された「jQuery Mobile Widget」を利用して、jQuery Mobileの知識が無くとも、直感的にスマートフォン対応サイトを作成する方法を解説しました。今回は、前回作成したサンプルをもとに、jQuery Mobile Widgetをさらに使いつつ、またjQuery Mobileが提供する便利な機能も取り入れて、より本格的なスマートフォン対応サイトに仕上げていきます。 ※jQuery Mobile 1.0beta1を含む以前のバージョンにはクロスサイトスクリプティングの脆弱性

Dreamweaver CS5.5 マスターシリーズ 第2回　jQuery Mobile Widgetでスマートフォン対応サイトを作ろう　その1 このマスターシリーズでは、Dreamweaver CS5.5の新機能の中からモバイル開発機能を中心に解説します。 DreamweaverはCS5.5になり、今までよりも楽にスマートフォン対応サイトを制作できるツールとして進化しています。CS5.5で新たに導入されたのが「jQuery Mobile Widget」という機能です。このjQuery Mobile Widgetを利用することで、jQuery Mobileの知識が無くとも、直感的にスマートフォン対応サイトを作成することができます。本記事では、サンプルサイトを作成しながら、jQuery Mobile Widgetの使い方を解説します。 ※jQuery Mobile 1.0beta1を含む以前

みんなが見てる人気のスマートフォン向けWebサイトデザイン

Webサイトの待ち時間の80％はフロントエンドの処理によるもの なんて言われるとドキっとしちゃいます。どんな素敵にデザインして綺麗にコーディングしても、ページが重くてイライラしてるユーザーがいたら台無しです。なのでスマホ向けサイトのデザインに入る段階から、高速化・軽量化を意識するために、いくつか項目をメモしておきます。 デザインの段階から軽量化を意識する 画像を極力使わないで魅せる努力をする 当たり前ですが、画像を使えば使うだけレスポンスは遅くなります。背景画像にドデーンと写真を使ったり、見出しを使うたびに大きなアイコンを入れるなど、わざわざページを重くさせるようなデザインにする必要はありません。 多少シンプルになったとしても、色のメリハリ・1pxの線などでカバーしましょう。テキストも可能な限り画像にせず、デフォルト文字にするべきです。Webデザイナーの腕の見せ所ですね。 HTML5+C

●jQuery Mobileページの基本マークアップ HTML5ページの骨格を理解できたところで、リスト2のコードに対して、最低限のjQuery Mobileコードを加えてみよう。追加した部分は太字で表している。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>jQuery Mobile入門</title> <!-- （1）jQuery Mobileの動作に必要なスタイル／ライブラリをインポート --> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css"

This domain may be for sale!

いわゆるWeb2.0風って言われるようなボタンなどの素材。 既にいろんなところで頻出だけれども、これを知ってるだけで簡単にかっこいいデザインが出来るのでぜひ覚えておこう。 １．ボタンを作る まずは何でもいいのでシェイプでボタンを作る。 べベルをかけたりしてちょっと立体感を出しておこう。 こんな感じで。あとグラデーションをかけておこう。 ※グラデーションはあまりわかりやすく多用すると全体がでこぼこして見えてよくないが、 現実世界では必ず光の加減があるのでかすかなグラデーションをかけておくことは非常に大切。 ２．光沢をつける Web2.0風というのはいわゆる光沢があるようなボタンのこと。 光沢があるというのはある部分に光の反射が起こるので、特に白く輝かせる。 本当はいろいろなものを映りこませることでリアルに出来るが、そんなことをする必要はなく、 ちょっと左上に白くグラデーションをかけるだけでよ

Click on a pattern to expand Textareas are editable Browser support Submit a new one Github repo Enjoy! Browser support The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+. However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial

最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。 すべてのデモ（chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください） download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3> <!--ヘッダーの右にメニュー--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT

サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

This domain may be for sale!

以前、このブログで携帯絵文字変換スクリプトを配布しましたが、 今回はその改良版です。今まで、こちらの携帯絵文字変換スクリプトを使用していた方で、 どうやっても動作しないよ！と悩んでいた方はこちらに変えてみてください。 改良点は以下の通り。 ・もちろん全3キャリア対応 （ただしドコモはiモードHTML4.0以上の機種に限る） ・PHPとSSI両方に対応 ・安定動作のため、Unicode数値参照方式（&#x\\\\;）に変更 ・PHPは4と5で動作 ・PCで閲覧した場合にも絵文字が表示される ・ドコモの絵文字を基準とするのはそのまま 以前の携帯絵文字変換スクリプトはドコモの絵文字においてShift-JISの2バイトコードを 絵文字の変換テーブルに用いていたため、サーバー環境によっては文字化けが起きたり、 XHTMLとHTMLで動作が異なったりしていましたが、今回は全キャリアが対応している Un

タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) ＜前へ 次へ＞(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308

サイトには、URLは異なるがウェブページの内容は変わらないというケースがあります。たとえば、URLがトラッキング用のパラメータを含んでいる場合や、URLに含まれるパラメータをもとに閲覧環境によってウェブページの表示を最適化しているような場合です。 例 http://www.example.com/products?trackingid=feed http://www.example.com/products?sessionid=hgjkeor2 http://www.example.com/products?printable=yes&trackingid=footer このような場合、検索エンジンのインデックスに個々のURLで登録されると、同じ内容のウェブページが検索結果に表示されたり、同じ内容のウェブページであるにもかかわらず、各URLにクローラーが巡回し、サーバーに負荷をかけてしまう

テキストボックスに入力された文字の数を数えます。 受信できる文字数に制限がある携帯にメールを送るときに便利かもしれません。 上の大きなテキストボックスに，文字数を数えたい文章を入力して 「カウント」ボタンをクリックします。すると， 「バイト数」欄には，入力された文字列のバイト数が， 「文字数」には，入力された文字列の文字数が， 「制御文字を含めたバイト数」には，制御コードの文字（バイト）数＋ 入力された文字列のバイト数が表示されます。 バイト数 半角文字を１バイト，全角文字を２バイトとして数えた数が表示されます。 NTT DoCoMo や au は，ここに表示された数字を参考にしてください。 文字数 半角文字・全角文字ともに１文字として数えた数が表示されます。改行文字は数えません。 改行，空白を除いたバイト数 改行文字と空白文字（タブ，半角全角空白）を除いたバイト数が表示されます。 行数

クローラー ウェブページの巡回・収集を行うクローラーに関連する説明や、REP（Robots Exclusion Protocol）に従ったrobots.txtの設置方法などの解説。 クローラーによるウェブページの巡回と収集 ロボッツ・エクスクルージョン・プロトコルとクローラー サイト単位、ディレクトリ単位での巡回の拒否設定 1 » 一覧を見る