作者ホームページサービス（hp.vector）は終了いたしました。 長らくのご利用、ありがとうございます。 ご不明な点があれば、お問い合わせページをご覧の上、お問い合わせください。 ※15秒後にトップページに戻ります。 (c) Vector HOLDINGS Inc.All Rights Reserved.

This domain may be for sale!

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

概要 Zen-Coding とは、CSSセレクタ風の簡単な記述を、複雑なHTMLソースへ素早く変換することを軸にしたコーディング支援ツールです。 例えば、div h1 aが<div><h1><a href=""></a></h1></div>になります。 その Zen-Coding を秀丸エディタでも利用できるようにすることをめざした秀丸マクロです。 本家にある機能のうち、「HTML生成」「生成したHTMLで既存のソースをラッピング」のみを実装しています。 そのほかの機能は別項で紹介するいくつかの秀丸マクロに任せ、連携していただく方針です。 インストール 秀丸エディタ（ver 7.00 以降のみで確認）を入れてください。 マクロフォルダのパスを確認します。秀丸エディタの [その他] - [動作環境] - [パス] - [環境] - [マクロファイル用のフォルダ] で指定されているフォルダで

iモード対応XHTMLは下記のように分類されます。 使用するタグによっては機種を判別したうえで利用することが必要となります。詳しくはユーザエージェントをご参照ください。 各機種と対応XHTMLバージョンについては端末スペック一覧をご参照ください。 一部機種で対応XHTMLバージョンの機能のすべてを満たしていないものがあります。詳しくはiモード対応コンテンツ作成時の留意点をご参照ください。

フリーランスでwebの仕事をしながらwebサービスとかを作ったり作らなかったり、成長と挫折の記録・・・かもしれない仕事で某ポータルサイトのモバイルページを構築するようになって1年近く。 ノウハウがある程度溜まってきたのでxhtmlのことを中心に色々とまとめてみる。 目次 雑多なこと ヘッダー divタグ spanタグ brタグ hrタグ imgタグ aタグ サンプル 雑多なこと 出力は基本Shift_JISで（ドコモ基準） 静的ページを作るときは拡張子を.xhtmlにしないとドコモ端末がxhtmlをhtmlと認識してしまう。 （というか静的ページは絵文字とかヘッダー周りで色々不便なので、止めといた方がいい） 動的ページを作るときはapplication/xhtmlをヘッダとして送信してやらないとドコモ端末がhtmlと認識してしまう。phpだと出力前にこんな感じの処理。 header("C

日本でも使っているサイトやブログを多く見かけるようになってきたWordPress。WordPressが普及した理由の一つに無料で使えるクオリティの高いテーマが豊富にあるというのがある思います。 今回は無料で使っていいのか疑問に思うほどクオリティの高いテーマを150テーマ集めてみました。WordPressを使っている人も、これから使おうと思っている人もきっとお気に入りのテーマが見つかると思いますよ。 2015年度を公開しました。よければこちらもご覧ください。 2015年 : 無料で使えるクオリティの高いWordPressテーマ 120 Category 150テーマはかなり多いのでいくつかのカテゴリーに分けてみました。自分の判断でなんとなく分けているので参考程度に。 01. Magazine 02. Blog 03. Gallery & Portfolio 04. Corporate 05.

実用的なものから実験的なものまで、最近リリースされたものを中心にスタイルシートのテクニックを紹介します。

みなさんこんにちは、カッシーです。 先日6月8日に26歳になりました。充実した26歳にできるよう頑張っていきます！ 今回は手軽に実践できる効率アップTIPSをご紹介したいと思います。 WEB業界のデファクトスタンダードっていうよりは僕が実践しているものがメインです。 こういう効率アップTIPSとかは共有してどんどん仕事の効率を上げれば ・コストダウン（人件費） ・定時に上がってアフターを楽しむ ・費用は下がるし仕事は早くできるしモチベーションは上がるはいいこといっぱい！ なんでどんどん情報をシェアしたいですね！ もしこんなのものあるよーって方はコメントなりtwitterなりメッセージ頂けると嬉しいです。 目次 ・WEBサイトの新規作成キットを利用する ・拡張機能を利用する ・コード共有・アセット ・よく使う単語は辞書に登録 ・素材や過去のデータは整理しておく ・効率の高いファイルの送受信

we-boxes.com 2024 著作権. 不許複製 プライバシーポリシー

What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice

SASSIENCE ～ 世界が嫉妬するCSSへ

ICANN, the Internet Corporation for Assigned Names and Numbers, requires us to ask you as a Registrant of a domain name to verify your contact information for this domain with your provider. As a Registrant of a domain name, a new domain registration or changes to the first name, last name, contact address or email address of an existing domain name, requires verification of the information within

twihelp.me 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

投稿日：2011年5月10日　　　レベル：初心者　　　　ソフトウェア： このチュートリアルでは、Photoshopで簡単に顔のレタッチを行う方法をご紹介します。 Step1 ： しみや傷の除去 Step2 ： 眉の強調 Step3 ： まつげの加工 Step4 ： 軽いメイクアップ Step5 ： 瞳の加工 Step6 ： 完成

Why not try a subscription?Every issue is packed with art and design inspirationDelivered to your IOS or Android deviceNever miss an issue

Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty

サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報

jQueryなどの他のスクリプトに依存せずにモーダルウインドウを実装する高性能で超軽量（5KB）のスクリプトを紹介します。 JavaScript Modal Windows – TinyBox2 デモページ [ad#ad-2] TinyBox2のデモ デモはシンプルなモーダルウインドウから、アニメーション付き、AJAX対応、iFrame対応、画像対応などがあり、どれも実用的なものとなっています。 ウインドウをクローズする際はクローズボタン、もしくはウインドウ外のクリック、「ESC」キーの操作に対応しています。 デモページ：No Animation, No Close Button, Auto Width/Height, Custom Styling アニメーション：無し、クローズボタン：無し、幅と高さ：自動、カスタムスタイリング

伊人精品久久久久7777,亚洲人成人网站在线观看,亚洲日韩精品无码AV海量,坐公交车被C了2个小时,暖暖 日本 视频 高清在线观看,免费网站正能量WWW软件直播,亚洲AⅤ精品一区二区三区

CSSを拡張するためのメタ言語として、代表的なものに「SCSS(Sass)」と「LESS」があります。今回、導入を検討するにあたり、両者を比較しました。 結果的には、「SCSS(Sass)」を導入することにしましたが、特に「SCSS(Sass)」を選択する決め手となった点に重点を置きつつ、両者の違いをまとめまてみました。 はじめに Webサイト、Webアプリケーションが大規模になるにつれて、CSSの設計・管理にもリソースを割かれるようになります。CSSのモジュール化、コンポーネント化による再利用性を考えたとき、現状のCSSを取り巻く状況は十分とは言えません。 一つの選択肢としてあがるのが「Blueprint」や「960 Glid System」等のCSSフレームワークの利用ですが、その再利用性と構造・表現の分離度はトレードオフです。 そこで、CSSの利点を活かしつつ、再利用性を高めるために

This is an example using the Google maps jQuery plugin together with jQuery mobile framework. Since jquery mobile framework loads links through Ajax you either need to disable the jQuery mobile's Ajax behavior or load the Google maps javascript in the 'real' first page. This example use ajax in navigation. To disable pages loading through Ajax bind 'mobileinit' and override $.mobile.ajaxEnabled (Y

マウスでクリックして自由に移動できるボックスのことをフローティングボックスっていうらしいですね。これを実装する方法を簡単に紹介しているサイトがなかなかなかったので、私の方で簡単にまとめました。 ASCII.jp：jQueryで自作するフローティングウィンドウ ｜Web制作の現場で使えるjQuery　UIデザイン入門 追記: draggable というもので簡単に同じ事を出来るそうです。 フローティングボックス用の最小構成 面倒なこと考えなくて良いように汎用性の効くシンプルな HTML を用意しました。

Greetings, dear readers! My name is Donald Post I am proud to present you our blog on developing websites in JQuery for desktop and mobile devices.

WordPressは1万3000以上のプラグイン、1300以上のテーマが公式に登録されており、その拡張性から大体のことは出来てしまいます。 但し、弱点があってデフォルト利用だとパフォーマンスがあんまり出ないってことで、アクセスの多いブログでも捌けるようにするには色々工夫が必要ということで高速化に関するページを色々まとめてみました。 15 Ways To Speed Up Wordpress WordPressでのページ表示高速１５の方法。 体感速度をあげちゃう方法が色々と載ってましたので通常のWEBサイト作りにおいての常識も多く含みますが参考までにメモしてみました。 FirebugとYSlowを使ってページを最適化しよう W3 Total Cache を使おう WP Super Cache 等、静的にキャッシュしてそもそもDBアクセスをなくしちゃったりするプラグインを使おうという話 WP

WordPressで構築している当サイトのrobots.txtを見直そうと思い、参考にした記事をいくつか紹介します。 How to Write WordPress robots.txt for SEO robots.txtファイルは、ウェブを探し回る検索エンジンのロボットに制限を与えるものです。 参考：A Standard for Robot Exclusion ロボットは自動化されており、サイトのページにアクセスする前に、そのサイトにrobots.txtファイルの存在を確認します。 WordPressにとっては、たとえば管理系のファイルなど検索エンジンには必要ではないコンテンツをもっているため、robots.txtの設置は大切です。また、WordPressで生成したページはカテゴリフォルダ、毎月のアーカイブ、タグ一覧など複数のページから同じページを見つけることができます。Googleはコ

Modernizr [ad#ad-2] ツールの概要 JavaScript ドキュメント 利用できるプロパティ @font-face border-image border-radius box-shadow text-shadow opacity Multiple backgrounds CSS Animations CSS Gradients など CSS3 PIE ツールの概要 ビヘイビア スクリプト(htc) デモページ 利用できるプロパティ border-radius box-shadow border-image multiple background images linear-gradient as background image

PSSTPSST は、ファイル名変更ソフト （リネームソフト） です。 Windows専用です。 フリーウェアです。 どうでもいいでしょうけど、読み方は 「プスプス」 です。 最新 バージョン4.04 が Vectorさんのページ からダウンロード可能です。 ニュース 2010年12月18日 Vectorさんの 「新着ソフトレビュー」 というコーナーで取り上げていただきました。 http://www.vector.co.jp/magazine/softnews/101218/n1012181.html ありがとうございます。 概要・使い方 ソフトに同梱のヘルプファイルをご覧ください。 オンライン版 バグ修正情報 バージョン 4.02 および 4.03 には、フォルダのリネームができないバグがありました。 最新版ではこのバグは修正されています。 4.02 以前のバージ

Using CSS pseudo-elements, box-shadows, and transforms to create drop-shadow effects without images from semantic HTML

2010/12/10　コース：元祖こってり 「元祖こってり」記事はネットエージェント旧ブログ[netagent-blog.jp]に掲載されていた記事であり、現在ネットエージェントに在籍していないライターの記事も含みます。 IE8+jQueryによるクロスドメイン通信とXDomainRequestラッパーの作成 こんにちは、ネットエージェント株式会社、研究開発部の長谷川です。 さっそくですが、みなさんは「Advent Calendar」をご存じでしょうか？　Advent Calendar と言えば、一般的には、クリスマス（12月25日）までの残り日数をカウントダウンするカレンダーを思い浮かべるかもしれませんが、ここで紹介する Advent Calendar とは、様々な業界、技術方面で活躍されているプログラマ有志が、毎日交代で1つずつ技術的なトピックスを紹介する技術系Webイベントのことです

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Backstretch リサイズにも対応、背景画像をブラウザの枠いっぱいに表示します。 fullscreenr オーバーレイさせて背

ダウンロード completetag31.lzh　Version 3.1　(2009/09/04) 概要 秀丸エディタ用補完マクロ CompleteX のプラグインです。 HTML タグおよびスタイルシートのインテリジェントな補完機能を提供します。 カーソル位置に応じて適切な補完候補を出します。「文法的に書けない候補は出さない」を目指しています。 DOCTYPE 宣言に応じて使用する辞書を切り替えます。 XHTML の場合は簡略終了タグも正しく入力されます。 補完できるもの HTML タグ XHTML 1.1, XHTML 1.0 (Strict/Transitional/Frameset), HTML 4.01 (Strict/Transitional/Frameset) に対応しています。 要素名 祖先要素を解析し、カーソル位置に現れうる子要素と終了タグを候補に出します。

This plugin will read RSS feeds from any website url using the Google Feeds API. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use. Features Supports Atom 1.0, RSS 2.0, RSS 1.0 & RSS 0.9x Specify the number of feeds to return. Choose to include header, date and description. Specify the title HTML tag. Choose to use either a brief or full description (when av

Show what you need in 3 easy steps: Sketch frame using UI units Save it and get a link to created frame Send a link to your companion

background: linear-gradient(); /* W3C, IE10+, FF16+, Chrome 26+, Opera 12+, Safari 7+ */

マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか

Liebe Besucherinnen und Besucher von FootballPantherShops.com, wir möchten Sie darüber informieren, dass unsere Webseite FootballPantherShops.com nicht mehr aktiv weitergeführt wird. Stattdessen empfehlen wir Ihnen, folgende Webseiten zu besuchen, die Ihnen wertvolle Informationen und Ressourcen in verschiedenen Bereichen bieten: Marktcentral.com Marktcentral.com ist Ihr umfassendes Portal für ges

Version 1.4. Made by Mike Plate @mikeplate Source code on GitHub User interface made with Dojo Reference of CSS3 capabilites from Where can I use and QuirksMode Icons from Farm-Fresh Web Icons Font stacks selected from A Way Back Clipboard copying with Zero Clipboard No copyright. Use everything in any way you like. Use this web application to experiment and learn about new css3 capabilities. The

フォームの入力欄にラベルを通常時にくっきり、フォーカス時にうっすらとアニメーションで表示するスクリプトを紹介します。 jQuery FormLabels Plugin デモページ スクリプトの特徴 クロスブラウザ対応。 ラベルをアニメーションで表示。 多数のオプションと旧式ブラウザへの配慮。 フォームのマークアップを変更しないシンプルさ。 フォームのラベルはinput要素と同じスタイルが可能。 パスワードのラベルはアスタリスク（*）ではなく、テキストで表示。 スクリプトのデモ デモページではいくつかのデモがありますが、デフォルト版のものをキャプチャで紹介します。 デモページ 入力時には入力したテキストが反映されます。 スクリプトの仕様 以下のフォームの要素に対応しています。 input[type='text'] input[type='email'] input[type='passwor

iPhone / iPod touch　の画面サイズへの調整 画面サイズ：320×480px（Safariの表示領域は320×356ｐｘ） 横幅980pxまでのサイトは自動で320まで縮小する iPhone向けサイトを作成する場合は、meta name=”viewport”を指定すると、iPhoneでの最初の表示サイズ等を指定できます。 1 <meta name="viewport" content="width=320, "> 例えば上記のように書いた場合、横幅320ピクセル分までの領域をiPhoneの画面上に表示する事になります。 横幅を何も指定しない場合、横幅980ピクセルまでの領域が、画面上で表示されるように自動的に縮小します。 ※iPhoneでは画面サイズに合わせて文字が改行するわけではなく、PCのモニタなどで表示する横幅980pxまでの位置で文字を改行し、それを縮小すると

Information I have been working on this menu on and off for a few weeks with many failed attempts to get it to work cross browser. However I have finally managed to produce this version. The top level links use the 'sliding doors' technique so that they can accomodate any length text (within reason) and are centered in the menu. The drop line links use changing background images, can have text of

*1 最長一致と呼ばれ、条件に合う一番長い部分に一致します。 *2 最短一致と呼ばれ、条件に合う一番短い部分に一致します。 *3 「位置系」の記号は「特定の文字列」ではなく「特定の位置」に一致します。 *4 ( ) の順番は ( が現れる順番です。 *5 [ ] 内で正規表現は使えません

Here’s our first new original set in awhile! Its a navigation pack for both navigation and navigation bar use. Includes arrows, home, facebook, twitter, search and more! Click Here To Download Our Pack! (In .ai and .eps) Read More “Well here are my first of many free vectors. I had a lot of fun making these, especially the air freshner. I hope you find good uses for these if not know maybe later.

W3C HTML5 の「3.2.5 グローバル属性 (Grobal attributes)」やそれに関連する項目（W3C Recommendation 28 October 2014）の一部を和訳して構成しなおしたものです。 正確性を求める場合は原文を参照してください。また、もし本サイトのリファレンスが、原文と異なる部分がありましたら、ご指摘頂けると幸いです。 3.2.5 グローバル属性 次の属性は、すべての HTML 要素に共通であり指定することができます（本仕様で定義されていない属性も含みます）： accesskey class contenteditable dir hidden id lang spellcheck style tabindex title translate これらの属性は、HTML 要素用の属性として、この仕様で定義されているにすぎません。本仕様がこれら属性を持

Ext JS: クロスブラウザー対応、RIA（Rich Internet Application）開発用JavaScriptフレームワーク Ext JS はRIA（Rich Internet Application）と言われるWebブラウザ上で動作するアプリケーションを開発するためのJavaScriptライブラリです。Ext JSに含まれるのは： 高機能でカスタマイズ可能なGUI部品（ウィジェット） オブジェクト指向プログラミングのデザインパターンに従った拡張可能なコンポーネントモデル 直感的で、使いやすいAPIドキュメント 商用ライセンスとオープンソースライセンスのデュアルライセンスモデル

Mobile App Galleryは各種アプリのデザインギャラリーサイトです。カテゴリごと、色ごとに分けて分かりやすく表示しています。

画像を拡大するスクリプトとしてはLightboxやfancyboxが有名ですが、これらはページの流れをさえぎってしまう弱点をかかえています。 この弱点を改良すべく開発された新しい画像拡大（ギャラリー機能付）スクリプトをChristoph Schüßlerから紹介します。

There are 16,777,216 color hex codes. With so many options, how do you choose the right color? The latest research on color perception tells us that somewhere between 40% to 99% of these colors are indistinguishable to the human eye.* Which begs the question: if we can't see the difference between two colors, why should we waste time deciding between them? What if you could easily narrow down the

NOTE: This script is obsolete. You should use the far superior CSS3PIE instead. CSS3 support for Internet Explorer 6, 7, and 8 What is it? IE-CSS3 is a script to provide Internet Explorer support for some new styles available in the upcoming CSS3 standard. How it works If you're viewing this page in Internet Explorer, some of the elements have been rebuilt by the script in Vector Markup Language (

Flash Action Script（以下、Action Script）は、Flashでムービー制御やブラウザとの連動などに使われるプログラミング言語です。 Action Scriptを使用することによってより高度なFlash Movieを作成することができるようになります。 ムービーの停止・再生などの簡単なものからゲームプログラムなどの高度なものまで様々な用途に用いられます。インターフェイスやマウスやオブジェクトの判定をFlashに任せることができるため、非常に簡単にプログラムを作成することができます。しかし、あくまでも Flash Playerの上で動作するものですから、何でも作れるという訳ではありません。 オブジェクト指向 Action Scriptはオブジェクト指向のプログラミング言語です。Action ScriptではFlashのさまざまな要素をオブジェクトとして扱います。ムー

Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode

curvyCorners - Imageless Anti-Aliasing Rounded Corners. Features: Anti-Aliasing, Borders, Optional Corners, User Defined Raduis and Anti-Alasing on graphical backgrounds.Beautiful rounded corners for your HTML boxes If you're viewing this page in Firefox, Safari or Google Chrome you will notice that all the boxes on this page have lovely rounded corners. The rounded corners on this page are render

jQuery でCSVデータを簡単に取り扱える「jQuery CSV」 Check Tweet 配布元：Plugins | jQuery Plugins | CSV ライセンス：Apache License, Version 2.0 jQuery CSVはjQuery でCSVデータを簡単に取り扱うことができるjQueryプラグインです。 利用方法 次にようにCSVデータに対して$.csv()(CSVデータ)を実行することでcsvデータを配列に変換することが出来ます。 var csv = $.csv()(CSVデータ) CSVデータは$.get()などのjQueryのAjaxメソッドを利用して取得します。 $.get('data.csv',function(data){ //Ajax後の処理 }) つまり、次のようなJavaScriptを実行することでCSVファイル（data.csv）のデ

404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved

Photoshop関連のまとめです。 ブラシやパターン、シェイプ チュートリアルを書いている ブログ、プラグイン、アクション などなどのまとめ、というか 個人的なリンク集です。シェア したいと思ってエントリします。 おそらく抜けてる有益サイトもありそうなので参考程度になさってください。海外サイトが殆どにどうしてもなってしまいますが、殆どは図解入りなので、英語が読めなくてもある程度分かるかと思います。バージョン、ライセンスに関しては表記し切れませんので個々でお確かめ下さい。 配布サイトはフリーをメインにしています。あと、カテゴリ分けはしていますが、結構適当です。 配布サイト ブラシ・シェイプ・パターン ブラシや、カスタムシェイプ、パターンの配布サイト WeGraphics / フリーブラシカテゴリ。11セットほど配布 Brushesdownload / ブラシ配布専門のサイト Gfxfeve

Gradients are presently only supported in Safari 4 and Chrome (webkit) and Firefox 3.6. In webkit they can be used anywhere an image can be - for example background-image, list-style-image, border-image or with generated content. In Firefox they can only be used as background images. Note webkit based browsers and Firefox have very different syntax for gradients. If you specify a gradient as a bac

Can I Use ? Data on support for the default feature across the major browsers from caniuse.com.

弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし

Code Archive Skip to content Google About Google Privacy Terms

CSS3で最も簡単にクロスブラウザの角丸を実装したい。 そんなときにおすすめなのが、『curved-corner』。CSS3でIEにも角丸を適用させるhtcファイルです。 Google Codeで、CSS3でIEにも角丸を実装させるファイルが配布されていますね。 クロスブラウザの角丸を実装するには、「border-radius.htc」ファイルをダウンロード、配置して、CSSに以下のように記述すればOKです。 CSS3 -moz-border-radius: 32px;//for Firefox -webkit-border-radius: 32px;//for Safari and chrome border-radius: 32px;//CSS3 behavior: url(border-radius.htc);//for IE すごく簡単な方法なので、CSS3での角丸はこれで決まりな

プログラミングのこつ 無駄な名前を極力使わないこと。意味単位に名前空間を細かく階層的に分離すること。 ここで言う名前空間とは 名前空間とは、一つの名前が一意のものを表す空間。例えば、大きな目で見れば、日本語は自然言語の名前空間である。また、専門用語なども名前空間と考えることが出来る。 日本語 { コンニチワ = 挨拶 : : } 中国語 { ニーハオ = 挨拶 } 英語 { ハロー = 挨拶 } また、名前空間は重なり（優先順位）を持つ 同音異義語などの言葉は、それぞれの細かい名前空間の重なりによって一意のものに特定されると考えられる たとえば、「コイが好き」と言った場合 池に関する名前空間 { コイ = すいすいパクパク } チャライ話題に関する名前空間 { コイ = ドキドキきゅんきゅん } お茶に関する名前空間 { コイ = にがーい } 名前空間の優先順位を考えると、一意の意味を知

Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。 いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのwebサイト作成時にサイトカラーを決められない人の為のwebサービスいくつかという記事も凄く参考になりますよ。 原色大辞典 色のリファレンス国内サイト。国内にも同じようなサイトは沢山ありますが個人的にここが一番見やすくて使いやすいです。 原色大辞典 colr.org 写真からスキームを作成してくれます。手持ちの画像をアップロードしてスキーム作成も可能ですが、flickrからランダムで呼び出したり、ピッカー機能があったり、タグ付け出来たりと多機能ですが、UIがシンプルで使いやすい。動作も軽いので重宝しま

The Psychology of Greatness in Legendary AthletesWhat defines greatness in legendary athletes? Beyond physical prowess and skill, their characters, mental resilience, and the ability to inspire transcend their technical achievements. The enduring legacies of individuals like Lionel Messi, Cristiano Ronaldo, Michael Jordan, and Muhammad Ali suggest a deeper interplay of psychological factors and so

さて、これまではコマンドプロンプトを利用してコンソールで表示されるJavaを作っていました。 しかし、実際の開発ではコマンドプロンプトを利用してJavaのシステムを作ることは。ほとんどありません。 インターネットへの常時接続が一般的となってきた頃から、Javaもサーバ上で動くシステムが出来上がって 来ました。 Javaをサーバ上で動かしたい時にどうすればいいかをこの章で解説します。 JSPを使うには、専用のサーバプログラムをインストールする必要があります。 当コーナーではもっとも一般的なApacheプロジェクトの「Tomcat」を利用します。 Tomcatのインストールのためにはhttp://tomcat.apache.org/からDownloadの Tomcat 5.xからバージョン5.0.30をダウンロードします。 ダウンロードするファイルはBinary Distributi

Sorry, This site has been stopped by the administrator，Please contact the administrator for details.

Closure compiler service is deprecated, and will be removed. See issue #4199.

eoblogは 2017年3月31日（金）15：00 をもってサービスを終了いたしました。 長年にわたりご愛顧いただき誠にありがとうございました。

This site is kept for historical purposes and represents original version of the Fancybox. Check out the latest - Fancybox v5 What is it? FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses Features Can display images, HTML elements, SWF movi

正規表現には"先読み"や"後読み"という構文がある．これらの構文を利用すると，マッチする対象となる文字列の直前・直後の文字列をマッチの条件として指定することができる．以下に簡単な説明と例を挙げる． 肯定先読み 構文 「(?=X)」という構文で記述する．Xは任意の正規表現． 意味 Xにマッチする文字列の最初の位置にある検索文字列にマッチする． 例 「\d+(?=円)」という例で考える．正規表現「\d+」は1回以上の数字の繰り返しである．「(?=円)」は肯定先読みで，「円」にマッチする文字列の最初の位置にある検索文字列にマッチする．これらを組み合わせて「1回以上の数字の繰り返し，ただし直後に「円」にマッチする文字列がある」と読むとわかりやすい． この正規表現に対しては「1円」や「100円以上」の数字部分がマッチする．「1」や「1ほげ」や「円1」はマッチしない． 否定先読み 構文 「(?!

先のエントリーでページのことを書きましたが、Progressionのサンプルを見ると「１シーンには１ページしか作らない」という暗黙の了解の元に作られているようなので、そういうふうに取り決めてしまえば急に楽になりました。ページの中に複数の表示オブジェクトを追加することはあっても、シーン内でのページング（めくり）はナシです。慣例にならって、ぼくもページという言葉を使うことにします。 さて、Progression 4はシーン移動が肝なので、繰り返し同じようなサンプルを作っています。Progressionではシーンやシーンコンテンツ毎にクラスファイルを作るのでクラスファイルがすぐにたくさんできてしまいます。そうなるとパッケージングをどうすればいいか？と悩むわけですが、とりあえず決めましたよ。scenes、pages、uiに切ることにしました。 どこでシーンを作るかということも決めました。最初に

画像や要素をスライドさせて見せるサイトが多くなっています。 JavaScriptライブラリのjQueryプラグイン「loopedSlider」を使用し、ループするスライダーを作ってみましょう。 sponsors 使用方法 loopedSliderからloopedslider.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="loopedslider.js"></script> <script> $(document).ready(function() { $('#id名').loopedSlider(); }); </script> 上記を記述後、画像やテキストなどの要素を入れ込み

このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと

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.

モバイル最新情報ブログTOP > モバイルサイト制作 > SEOを意識したモバイルサイト制作TIPS 3 > XHTMLとCSSだけで3キャリアの見映えを変える。 Newer Older SEOを意識したモバイルサイト制作TIPS 3 > XHTMLとCSSだけで3キャリアの見映えを変える。 SEOを意識するということは、そのまま3キャリア対応を意識する、ということにもなります。 モバイル検索のユーザーは3キャリアのいずれでもあり得るからです。 どちらかというとSEMとしてのSEOの目線ですね。 3キャリア対応は動的な振り分けが理想的なのですが、技術やリソース的にままならない場合も多いかと思います。 3キャリアの見映えの違いは大きいのですが、ここでは特にCSS指定による文字サイズの違いを取り上げます。 どう違うかは、miniturboのkzさんが調査されているので「続:携帯電話

ここのところ PHPばかりで Java をいじっていなかった。。。そんなわけで、ずいぶんとと新しくなった Tomcat でもいじってみようかな。 今回は、Solaris 10 x86 を使用します。必要なすべてのモジュールが /usr/local/src にダウンロードされているものとして説明をします。また、ほとんどのモジュールを /usr/local にインストールします。 自宅で利用しているのが Solaris Express Developer Editionなのでほとんどの開発環境が整っています。必要なら gcc, make, perl, m4, autoconf, libtool 等の開発環境を http://www.sunfreeware.com/ からダウンロードして Solaris にインストールしておいてください。gcc 以外は、バイナリーがない場合でも GNU のサイト

No. 1 !-2- 要素 - 属性 iモード対応HTML iモード対応 HTML HTMLバージョン バージョン 1.0 2.0 コメント - 備考 要素 !-!DOCTYPE 属性 <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.0) 1.0//EN" "i-xhtml_4ja_10.dtd"> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.1) 1.0//EN" "i-xhtml_4ja_10.dtd"> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ve

当サイトでは20年前に世のおじ様達を席巻したテレクラについて熱く語ります。 テレクラの誕生の歴史から現在に至るまでの経緯や、今テレクラを利用する人の心情について詳しく記載しております。 テレクラとは、すなわちテレフォンクラブの略称です。1985年に生まれたサービスであり、出会い系サイトの前身といっても過言ではありません。 現在ではスマートフォンで相手女性とインターネットを介しコミュニケーションを取ることができますが、当時は携帯電話も無く、個室形式の店舗にまで行って利用しなくてはなりませんでした。 当時は突如現れた新アダルトサービスに法整備が追いつかなく、駅前のティッシュ配りなどで未成年がサービスを知り、援助交際という俗語が誕生するなど、凄い盛り上がりをみせました。 その後、1995年にこういった状況を野放しにはできないと法整備がされ、利用者に年齢確認を求めるなどされ利用者やテレクラ事業者も

すべての Microsoft 製品 Global Office Windows Surface Xbox ウインター セール サポート ソフトウェア Windows アプリ OneDrive Outlook Skype OneNote PC とデバイス アクセサリ エンタメ Xbox ゲーム (ダウンロード) Windows ゲーム 映画とテレビ番組 法人向け Azure Dynamics 365 Microsoft 365 データ プラットフォーム 法人向け Developer & IT .NET Visual Studio Windows Server デベロッパー センター ドキュメント その他 Microsoft Store Microsoft Rewards 無料ダウンロード & セキュリティ プリペイド カード サイトマップの表示

CSS属性フォーマット Version 0.2 をリリースしました。この拡張機能はCSSのセレクタ内の属性を指定した順番にフォーマットしてくれるものです。Version 0.2では属性を整列する順番を設定するダイアログを付けました。 CSS属性フォーマット Version 0.2をリリースしました。この拡張機能を使うとバラバラになりがちなCSSの属性を、位置を指定するもの→ボーダーを指定するもの→・・・といった具合にに並び替えることが出来ます。この拡張機能はDreamweaver 4以降で動きます（MX2004でしか検証してませんが…）。インストール方法は上のリンクからCSS_AttrFormat020.mxpをダウンロードしてダブルクリックするとExtensionManagerが立ち上がり、自動的にインストールされます。 この拡張機能はCSSのセレクタ内の属性を指定した順番にフォーマット

ウェブデザインのクオリティをアップする7つのポイントをFunction Web Design & Developmentから紹介します。 How to Spot Quality within Web Design: Examples & Tips 以下、その意訳です。 1. Spacing スペースは、デザインされたエレメントの間に使用される巧妙なテクニックです。素晴らしいイメージを配置することも大切ですが、そのエレメントにどのようにスペースを与えるか充分に考慮する必要があります。 充分なスペース

View Demos 1 2 3 4 5 Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+ Supports photos, grouping, slideshow, ajax, inline, and iframed content. Lightweight: 10KB of JavaScript (less than 5KBs gzipped). Appearance is controlled through CSS so it can

HTMLエンコードフォーム エンコード前 タイプ： エンコード後 ※下記のように変換します。 変換前 変換後説明 <→&lt;右大不等号 >&gt;左大不等号 &&amp;アンドマーク・アンパサンド "&quot;ダブルクォート・引用符 &nbsp;空白文字・半角スペース HTMLエンコードフォーム URLエンコードフォーム Punycodeエンコードフォーム 文字数カウントフォーム 半角<->全角変換フォーム 特定文字列除去フォーム amazon商品画像ビューワー amazon商品情報ビューワー トラックバックテスト送信フォーム 楽天ジャンルID(genreId)検索 バリューコマースカテゴリ検索 キーワード組み合わせツール キーワード組み合わせ逆順化ツール CSV→テーブル変換フォーム kawama.jp トップへ

最近では携帯サイトはXHTMLで作るようになってきていますが、 そこで指定すべきコンテンツMIMEタイプはどのようにしなければならないか。 これはこのブログや書籍をご購入いただいた方はすでにご存じかと思いますが、 ドコモの仕様に合わせて「application/xhtml+xml」を指定するということでした。 再度説明するとドコモがXHTMLモードになる条件は ①サーバーが出力するHTTPヘッダーを「application/xhtml+xml」とする。 ②metaタグの「content」を「application/xhtml+xml」とする。 ことでした。しかし、この方法では、 1. 古い機種によってはエラーになってしまう可能性があること。 2. auやソフトバンクはMIMEタイプを「text/html」としてもXHTMLで動作すること。 3. 「application/xhtml+xml

Web開発にはかかせないFTPソフト、みなさんは何を使ってますか？ FFFTP、NextFTP、SmartFTPなどのメジャーどころを 使ってる方が多いでしょうか。 私も以前はそれらのソフト他、数十種類のソフトを 試しては辞め、試しては辞めして、結局いままで 満足のいくソフトに巡り会えませんでした。 ですが、先日FileZillaのバージョンアップがあり、 ついに私が望む機能がほぼ満たされたソフトになりました。 私がFTPソフトに望む機能は下記です。 FTPソフトに望む機能 1.SFTPに対応していること (秘密鍵ファイルにも対応) 個人で使うならともかく、ビジネス用途であれば SFTP,FTPS,SCPなど暗号化通信は必須です。 日本製のFTPソフトはココが弱いですね・・ 2.ブックマーク機能があること ローカル側、サーバー側両方のパスを ブックマークして瞬時に開く機能です。 頻繁にフォ

Equilibrium ThemeWhat if mankind had to leave Earth, and somebody forgot to turn the last robot off? After hundreds of lonely years of doing what he was built for, Wall-E discovers a new purpose in life when he meets a sleek search robot named EVE. Continue Reading... In a city where information is heavily monitored, agile couriers called runners transport sensitive data away from prying eyes. In

ここではTOMCATとApache HTTPサーバー（Webサーバー）を連携させる方法について説明します。 確認をしたのはWindows2000 ＋ Apache 2.0.55環境です。 TOMCATとApacheを連携させるためには、これらを繋ぐためのツールであるTomcat Connecterを使います。Apache用のConnecterツールの名前がmod_jkです。 これの最新版はhttp://tomcat.apache.org/download-connectors.cgiにあります。JK2とJK1.2がありますがJK1.2の方を使ってください。JK 1.2 Binary Releasesのリンクをクリックして先に進みます。次に自分の環境に合わせてwin32/を選びます。そうするとjk-1.n.nn/とバージョン毎にディレクトリが分かれているので、日付を見て最新のものを選んでくだ

「Quarta」は、「秀丸エディタ」で複数行の置換を可能にするマクロ。Windows Vista上の「秀丸エディタ」v7.0以降に対応するフリーソフトで、編集部にてWindows XP/Vista上の「秀丸エディタ」v7.09で動作を確認した。作者のWebサイトからダウンロードできる。なお、動作には「秀丸エディタ」のマクロ機能を拡張するユーティリティ「田楽(でんがく)DLL」が必要。 「秀丸エディタ」は言わずと知れた定番の高機能テキストエディター。今もなおバージョンアップを続けており、さまざまな機能が追加されている。しかし、検索・置換機能においては複数行のテキストに対応していない。そこで本マクロを導入すれば、使い慣れた「秀丸エディタ」に複数行対応の検索・置換機能を追加することができる。プログラムのソースコードやHTMLソースなどで、複数行のテキストを一括置換したい場合に重宝するだろう。 本

他のサイトが配信しているATOMやRSSフィードをJavaScriptを使って取得しようとした場合、同一生成元ポリシー(Same-Origin Policy)の制限によって直接他のサーバにあるデータへアクセスできずサーバ側でいったんフィードを受信するなどの処理が必要でした。 Google AJAX Feed APIを使用すると、Googleがフィードのキャッシュとしての役割を果たしてくれるため、サーバ側のプログラムを必要とせず、クライアント側のスクリプトだけで各種フィードを取得することが出来ます。 ここではGoogle AJAX Feed APIを使ってATOMやRSSフィードを取得する方法などを解説していきます。 Google AJAX Feed APIとは ドキュメント

Mobile Crationは2024年4月15日をもって終了いたしました。 SoftBank スマートフォン における技術情報につきましては SoftBank スマートフォン サービス開発支援サイトをご利用ください。

2008年7月11日にiPhone 3Gが発売されて以降、新しい形のWebブラウジングを楽しまれている方も多いことでしょう。 ブロガーの方々も、viewportやCSSを工夫して、表示領域が小さなiPhone向けにブログの横幅などを調整されているようです。 私も遅ればせながら、自分が得意なMovable Typeとからめて何かiPhone向けの工夫ができないかと考えて、「既にPC用のコンテンツを公開しているMovable Typeに追加するだけで、別途iPhone用のコンテンツを生成するテンプレート」を作ってみました。これを、オープンソースで公開いたします。 名付けて「iPhoneテンプレート for MT」です！ これを「cremadesign.jp」に導入したトップページのイメージは、こんな感じです。 【cremadesign.jp for iPhone】　→　http://crema

Error establishing a database connection This either means that the username and password information in your wp-config.php file is incorrect or we can't contact the database server at 127.0.0.1:33051. This could mean your host's database server is down. Are you sure you have the correct username and password? Are you sure that you have typed the correct hostname? Are you sure that the database se