CSS3(Cascading Style Sheets,level 3)がいよいよ実用段階に入ってきた。大半のモダンブラウザーで実装が進み、アップルやグーグルなどの先進企業がCSS3を本格的に活用し始めている。CSS3を使うと従来は画像やスクリプトを使わないとできなかった表現が、スタイルシートだけでできるようになる。デザイン表現の自由度を広げ、マークアップの効率を上げるのがCSS3だ。本連載ではCSS3を使ったデザインTipsをサンプルとともに紹介する。 「申し込みボタン」や「キャンセルボタン」などのボタンは、Webのユーザーインターフェイスの中でも重要な要素の1つだ。テキストや他の要素に埋もれてユーザーが操作に迷わないように、画像を使って凝ったデザインにすることが多い。 CSS3を使えばテキストだけでも画像に引けを取らないボタンを手軽に作成できる。画像を用意する手間が減るうえに、CSSプ
Surface Pattern Types and Styles Surface patterns can be found all around us in various fields. Fields like textiles, ceramics, architecture, and graphic design. Surface patterns range in style - from geometric to experimental. Patterns are always on trend in some form; whether loud or subtle, ... How-to: Using Patterns from DinPattern A quick how-to video regarding the patterns here at DinPattern
以前、CSS3で棒人間を書いてみるという記事を書きました。これはCSS3の新機能であるドロップシャドウや角丸を利用することでこんなことができるということで紹介させて頂きました。 今日はそのCSS3を利用することでWeb上で使用されるアイコンが作れる紹介です。Web用のアイコンはWeb上でいろいろと紹介されていて、私もちょっと気になる物があるとすぐにブックマークし、その内、当サイトで紹介させてもらおうと思っているのですが、あまりにも多すぎてどうしようかと思っているのが正直です。 けど、CSSでこの様なアイコンが作れてしまうならわざわざお絵かきソフトで作る必要もないですね。興味がある方は下記を参照ください。 CSS3でアイコンが書けることを説明しているのはこちらのサイト。 Pure CSS GUI icons (experimental) – Nicolas Gallagher – Blog
改行や半角スペースを連続で書き込んでもブラウザには表示されない HTMLを記述する際、メールやワードプロセッサで文字を書く時と同じ感覚で「改行」や「半角スペース」を打っても、思い通りには表示されません。ソースコード上で何回も「Enterキー」を連打しても、半角スペースをいくつ打っても、ブラウザ上には「半角スペース1つ分」しか表示されないのです。 なぜそうなるのでしょうか。今回は、その特徴について詳しく解説していきます。 ソースコードとブラウザに表示される見た目の違い HTMLのソースコードには、改行や半角スペースがいくつも含まれています。特に、タグとタグの間に隙間を空けてコーディングしやすくする場合が多いです。例えば、日本語の文章の中に改行と半角スペースを連続で記述しても、ブラウザには半角スペース一個分しか表示されません。慣れてくるまで不思議に思うかもしれませんが、これにはちゃんとした理由
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
08/10/15 「デザイン-ヘッダ」追加 08/09/29 「フッタの作成」追加 08/09/29 「メイン-右カラム」追加 08/09/29 「メイン-サイドバー」追加 08/09/29 「ヘッダの作成」追加 08/09/28 「要素の中央寄せ」追加 08/09/26 「スタイルの読み込み」追加 08/09/26 「float」追加 08/09/26 「ブロックとインライン」追加 08/09/23 「widthとheight」追加 08/09/23 「marginとpadding」追加 08/09/23 ブラウザ対応アイコン追加 08/09/23 「スタイルの読み込み」追加 08/09/19 「DOCTYPE」追加 08/09/19 「開始前に」追加 08/09/18 「始めに」修正 08/09/18 「始めに」追加 08/09/18 サイトオープン 従来の手法とは違う、中央寄せ 今ま
カラーコードを指定するとき、#FFFFFFという表記のほかに、 R:255 G:255 B:255という表記をすることがあります。 これは、16進数と10進数の表現の違いによるものです。 このツールは、16進10進変換のための補助ツールです。 ■使い方■ 1.変換元進数のテキストボックスに半角で数値を入力します。 2.変換したい方向の矢印のある「変換」ボタンを押します。
参考文献:Web配色辞典フルカラー編 シーズ 技術評論社(2002) 英名一覧へ 001 ■■■ / #FA9CB8 / 鴇色 / ときいろ 002 ■■■ / #CF4078 / 躑躅色 / つつじいろ 003 ■■■ / #FBDADE / 桜色 / さくらいろ 004 ■■■ / #D53E62 / 薔薇色 / ばらいろ 005 ■■■ / #E64B6B / 韓紅 / からくれない 006 ■■■ / #FF7F8F / 珊瑚色 / さんごいろ 007 ■■■ / #DF828A / 紅梅色 / こうばいいろ 008 ■■■ / #E38089 / 桃色 / ももいろ 009 ■■■ / #BE003F / 紅色 / べにいろ 010 ■■■ / #B81A3E / 紅赤 / べにあか 011 ■■■ / #AD3140 / 臙脂 / えんじ 012 ■■■ / #94474B /
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.
フリー素材!ネットショップ、ECサイトの新規開店、リニューアルに・・・ アイコン・ボタン・バナーなどお役立ちの素材が無料で取り放題! フリー素材「取り放題.com」は、ネットショップ/ECサイト様向けに特化して、 アイコン・バナー・ボタンなどのホームページ・WEB用フリー素材を無料で配布するサイトです。 もちろん個人や企業、団体のホームページなど、ネットショップ/ECサイト以外のWEBサイト様も是非、ご利用ください! 個人利用・商用利用に関わらず無料でご利用いただけます。 ショップの運営者様やWEB担当者様はもちろん、SOHO、フリーランスのWEBデザイナー様、製作会社様もご自由にご利用ください。 もちろん加工もOK!ですので、ベース素材としてもご利用ください。 (ただし、再販、二次利用はご遠慮願います) ご利用に際しては、リンクなどのわずらわしいお手続き一切不要! (リンクしていただくの
ホームページ制作に役立つwebデザインを無料配布している0円の無料素材屋さんは、プロのwebデザイナーによって作られています!ホームページ制作だけではなくブログ制作にも役立ちます。アイコン、ボタン、背景、バナーなど、web素材が無料!ネットショップから企業サイトまで、ビジネス向けの商用にも使えます。素材利用の使用報告など、面倒なことは必要なっし!皆さんが楽しいwebライフをすごせますように♪ ← これも無料素材のひと~つ!無料だよ! あ、この素材いいなぁ♪と思ってくれたら、どんどんリンクしてくれると嬉しいです!!下記のバナーをどうぞご活用ください!また学校教育関連の資料や素材としても、どうぞご利用ください、お役立ちできると嬉しいです。
エムスタジオでは、ホームページ制作などに役立つアイコンやボタン、イラスト素材を全てフリー(無料)で配布しています。 また、制作元となったIllustrator、Photoshopの元データも無料配布しておりますので、お使いのホームページに合わせて色の変更やサイズの変更など、再加工もカンタンです。 さらに、商用利用も可能ですのでウエブクリエーターの方やホームページ制作デザイナーの方などにも幅広くお使いいただけます。 使用許可等の面倒な手続きやコピーライトの表記は必要ありませんので、是非ホームページ制作・ブログ制作・チラシ制作・カタログ制作などにお役立てください。 はじめての方へ 『ご利用規約』
ローカル環境にストックしていた日本国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能(Commercial use)なWebサイトの素材情報です。一応確認はしていますが、ご利用の際はご自身の目で必ずライセンスや利用規約(Terms of Use等)をご確認下さい。サイトごとに利用規約も異なります。当サイトは一切の責任を負いかねます。 日本国内、及び海外の商用OKなWeb素材配布サイトと日本語で紹介された海外記事のまとめです。 2度手間を防ぐ目的でリンクにマウスオーバーすると画像をツールチップで表示するようにしました。多少表示に時間掛かるかもしれません。 写真 商用サイトでも利用できるロイヤリティフリー、パブリッ
恥ずかしながら、最近ようやく『同一idは一つのページ内で複数用いるべきではない』の意図するところが分かってきました。これまで、この事を理解していなかったがために、 aaa ←文字色:青、背景色:黄 bbb ←文字色:緑、背景色:黄 ccc ←文字色:青、背景色:赤 ddd ←文字色:緑、背景色:赤 といった表現を実現するために、 ---CSSファイル内の記述--- .blue{color:blue;} .green{color:green;} #bg_yellow{background-color:yellow;} #bg_red{background-color:red;} ---HTMLファイル内の記述---- <div class="blue" id="bg_yellow">aaa</div> <div class="green" id="bg_yellow">bbb</div> <
出精値引きとは、どのような時に使用する言葉なのでしょうか。私が勤める会社はサービ 出精値引きとは、どのような時に使用する言葉なのでしょうか。 私が勤める会社はサービス業です。金額を提示した後にお客様から「相談」という形で値引きをお願いされることはよくあるのですが、先日新規のお客様(会社)から「出精値引き」の誓約書が届きました。 こちらからの請求金額が10万円以上になる場合、10%の出精値引きをするようにという内容でした。 出精値引きという言葉自体初めて聞く言葉で、ちょっと戸惑ったのですが金額も大きくはないので誓約書は提出しました。 いままでお客様からこのような誓約書をいただいた事もなく強制的(毎回必ず値引きをしないといけない)な値引きを求められた事がないのですが、このようなことは他の企業ではよくあることなのでしょうか??出精値引きとは何なのでしょうか?
見積書とは、販売を目的として商品やサービス、役務提供の価格または料金をあらかじめ算出し、相手に提示するための書面です。 見積書には次の項目を記載します。 1)宛名 省略を避けて正式名称で記載、会社宛ての場合〇〇〇〇御中、個人宛ての場合はフルネーム様 2)提出日付 見積もり書を相手に提示した(する)年月日を必ず記載 3)見積もり金額 見積もり合計金額は消費税を含む総額で記載し、消費税は(内消費税¥00000)と書くのが一般的である。 4)発行者と押印 発行者の会社名、代表者氏名、住所等とその印字部に少しかかる位置に社印などで押印するとともに作成者の部署、氏名、押印をする。上司の承認を受けて提出するルールのある場合は、承認印又は照査印として上司も押印する。 5)見積書の有効期限 提出した見積書の金額で契約することが可能な期限のことで、見積提出日より(〇ヶ月/〇週間)などと記載する。 5)納品場
簡単なfloatの段組練習です。慣れて来たら、いろいろ応用してみて下さい。 注)floatを指定する場合はwidth指定で幅を指定するように心掛けましょう! ボックスを並べる boxAとboxBを左右に並べます。形式上boxの幅と高さを指定しています。(本来の段組では、高さを指定する事はあまりありません。) パターン1 float:left;を指定してboxBを回り込ませます。 #boxA { width:200px;height:100px;float:left; } #boxB { width:200px;height:100px;float:left; } パターン2 boxAにfloat:left;を指定、boxBにfloat:right;を指定。 #boxA { width:200px;height:100px;float:left; } #boxB { width:200px;
ダウンロードボタンより簡単に「PDFファイル」素材をダウンロードすることができます。ここに掲載されている素材はフリー素材となっているため無料で使用できますが、素材下部に提供元サイトの利用規約が記載されている場合にはそれに従ってホームページやブログで利用してください。
2024.03.21その他 制度創設25周年特別企画 付与事業者インタビュー(タイムズモビリティ株式会社)を公開しました 2024.03.21制 度 【追記】プライバシーマーク付与契約の電子契約導入について 2024.03.21その他 プライバシーマーク制度ホームページのリニューアルについて(予告) 2024.03.18制 度 「プライバシーマーク制度運営要領」の一部改定 2024.03.13制 度 JIPDECと日本DPO協会 共同で個人情報保護力量検定及び教育制度を創設 ※JIPDECサイトプレスリリース 2024.03.12制 度 付与事業者で発生した事故等への対応状況について 2024.03.11その他 3月8日放送 テレビ朝日『グッド!モーニング』で紹介されました※YouTube『ANNnewsCH チャンネル』を表示します 2024.02.22制 度 プライバシーマーク®制度貢
2011年07月07日21:34 by oklahomer FB.Event.subscribe カテゴリドキュメントJS SDK http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/ 任意のイベント名を監視し、イベント発生時にコールバック関数を実行します。 たとえば、session状態が変わるタイミングを知りたいのならば、以下のようにです。 FB.Event.subscribe('auth.sessionChange', function(response) { // do something with response.session }); グローバルなイベント: auth.login - ユーザがログインした時に実行 auth.logout - ユーザがログアウトしたとき auth.
Functionとかユーザー定義関数とかサブルーチンとかいろいろな言い方がありますが、あるまとまったルーチンを整理して書いておいて使うときにその都度呼び出すことができるのは大変有意義なことです。というのも無駄な処理や繰り返し処理などをできるだけ避けるという意味では、プログラムにはもう欠かすことのできない機構なのです。 jQueryではJavascriptと同様の定義方法でFunctionが利用できます。というか全く同じです。 Functionで引数を使う 引数がない場合 特に引数が必要ない場合は以下のように書けます。 FunctionのDemo 1 jQueryのコード <script type="text/javascript"> $(function(){ changetext(); //Functionを呼び出す }) func
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title>getElementsByTagName の例</title> <script> function getAllParaElems() { const allParas = document.getElementsByTagName("p"); const num = allParas.length; alert(`この文書には ${num} 個の段落があります`); } function div1ParaElems() { const div1 = document.getElementById("div1"); const div1Paras = div1.getElementsByTagName("p"); const num = div1P
web制作を受注した場合、請求書は送るとして、納品書や受領書ってクライアントに送ってますか?
◉ここ数年はインターネットやホームページを介して注文ができるケースも増えました。発注と同時に受注書またはそれに代わるメールが手元に届くようになっています。 ※受注書とは……受注書とは、注文を確かに受けましたという証明となる書類。在庫がない場合や、納期に間に合わない場合などは、受注書を発行する段階で注文者に対して連絡をし、承認を得て変更をしたり断ったり延期をしたりといったやりとりが発生します。 ※発注書と注文書の違い……発注書と注文書は基本的には同じ意味ですが、会社によっては以下のような目的に対して、発注書と注文書を分けて使われることもあります。 (注意下記は事務局の見解による分類ですので、ご自身の会社の規則や基準ならびに取引先との商取引の慣例に従って下さい。) 1. 取引先との間でA社→B社「発注書」、B社→A社「受注書」というように受発注の記録を明確にするために書類を2枚用意し、両書類を
基本 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したインタラクティブなページを作ることが出来ます. 以下のサンプルを見れば,JavaScriptらしい表記をほとんどする必要がないことがわかると思います. toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります. $("#target_toggle").toggle("slow"); このブロックは,<p id="target_toggle"> です. Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ
アクティビティを通知するLikeボタン(いいね!ボタン)の設置方法です。オフィシャルドキュメントはこちらです。 設置方法 iframe src="http://www.facebook.com/widgets/like.php?href=http://example.com" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px">iframe> iframeのsrc内のhref=******を設置したいページのURLに変更する必要があります。Javascriptいちいち、ページごとにURLを変更するのは面倒なので、以下のJSを出力することで動的にLikeボタンを設置できます。 設置したデモはコチラです。とても、簡単にクライアント側で実装が可能ですね。
注文請書を作成しています。 私は発注する側です。 http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1470676624 ↑ココでも質問したのですが、不明な点が出てきたのでもう一度質問させていただきます。 注文請書を作成しています。 私は発注する側です。 http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1470676624 ↑ココでも質問したのですが、不明な点が出てきたのでもう一度質問させていただきます。 http://office.microsoft.com/ja-jp/templates/results.aspx?qu=%E6%B3%A8%E6%96%87%E6%9B%B8&ex=1&origin=FX010059549#ai:TC001059484| ↑o
発注書をクライアントから発行してくれと頼まれました。発注書ってクライアントがはっこうするものではないんでしょうか?注文請書を発行するのが私ではないのでしょうか。また注文請書は書かなくてもいいと聞いたことがあるのですが、どうすればいいのでしょうか。ちなみに個人でグラフィックデザインをしています。初めてなことでどうしてよいやら悩んでおります。
PHPでfilegetcontents()などを使用する際、PHPは指定したURLのデータを取りに行きます。そのときのユーザーエージェントはphp.iniで設定できるみたいです。 user_agent='PHP' 上記のようにphp.iniを編集するとユーザーエージェントは「PHP」になります。初期の状態だとユーザーエージェント無しということになります。ちなみにファイル毎に設定したいならini_set()で下記のように書きます。 ini_set('user_agent','PHP'); ユーザーエージェントが反映されるのは下記関数など。 filegetcontents() file() fopen()
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
添付ファイル: download (25).jpg 16件 [詳細] African girl takes off her dress and dances for the web cam_10.jpg 427件 [詳細] 2 lolita incest porn fuck nude rape mom son mother fuck daughter brother sister incest.jpg 435件 [詳細] 1 lolita incest porn fuck nude rape mom son mother fuck daughter brother sister incest.jpg 532件 [詳細] 1327243685296.jpg 1696件 [詳細] sakura.jpg 2340件 [詳細] 1010桑原松茸.JPG 1813件 [詳細] IMG_5112-1-
先日行われた Twitter の開発者向けイベント「Chirp」にて、 @Anywhere という新 API が公開されました。自分のサイトに、 JavaScript のみでユーザー情報の表示やつぶやきの投稿、ユーザー認証などの機能を実装できる、とても興味深い API です。 この @Anywhere は使い方も非常に手軽で、こちらのページでサイトを登録すれば、あとは「Getting Started with @Anywhere」にある JavaScript をページに挿入するだけで利用できます。しかし、当然ですが説明は英語ですので、日本人には少しとっつきづらい面もあります。こんな有用な API が日本で普及しないのは大きな損失、ということで前述のページを日本語に翻訳してみました。 勢いで翻訳したので表現はかなり適当ですが、まあ無いよりはましかと思います(笑)。 @Anywhere を利用
cocoism.xml<?xml version="1.0" encoding="UTF-8"?> <user> <id>7948862</id> <name>つんつ</name> <screen_name>cocoism</screen_name> <location>カワタマ or オモサン</location> <description>青山でWeb系のお仕事してます。デザイナーズレストランははるか昔に卒業済。芋焼酎と焼鳥が大好きで居心地のいい呑み屋でおやじ談義するのがライフワーク。最近は日本酒をお勉強中。家では大人しく猛犬チワワのママしてます。iPhone4/Xperia所有。</description> <profile_image_url>http://a0.twimg.com/profile_images/1202496271/usa_normal.png</profile_
<g> <g> <defs> <rect id="SVGID_1_" x="-468" y="-1360" width="1440" height="3027" /> </defs> <clippath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;" /> </clippath> </g> </g> <rect x="-468" y="-1360" class="st0" width="1440" height="3027" style="fill:rgb(0,0,0,0);stroke-width:3;stroke:rgb(0,0,0)" /> <path d="M13.4,12l5.8-5.8c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L12,10.6L6.2
【2010-02-28 追記】 いつの間にやら結構な数のブックマークをして頂いて、 情報が古いままでは心苦しいので、1年ぶりくらいになってしまいましたが、情報を更新しました。 思ったほど変更はなかったのでよかったです。 〜〜 ここから元々の本文 〜〜 http://apiwiki.twitter.com/Twitter-API-Documentation の「Search API Methods」について のメモですが、 英語がかなり苦手なので、間違ってるとこもあるかもしれません。 あと、大してtwitterを使ってなかったりするので、 twitterの機能面でよくわかってない部分もあります。 検索API : http://apiwiki.twitter.com/Twitter-Search-API-Method%3A-search 出力形式 AtomとJSONに対応。リクエストURLはそ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く