[B! HTML] nestplus2のブックマーク

ホームページ保守業務委託契約書 ○○○○（以下「甲」という）と○○○○（以下「乙」という）は、業務委託契約（以下「本契約」という）を次のとおり締結する。第 1 条委託業務 1.

ホームページ保守業務委託契約書 ○○○○（以下「甲」という）と○○○○（以下「乙」という）は、業務委託契約（以下「本契約」という）を次のとおり締結する。第 1 条委託業務 1. 甲は、毎月のホームページ保守業務(以下「本業務」という)を乙に委託し、乙はこれを受託する。ただし、下記以外の見積書に記載されていない内容については委託の範囲外とする。（１）乙によって制作した甲のホームページをホスティングする業務。（２）ホームページデータの保全（バックアップ・リストア）のための作業。（３）ホームページのアクセス解析およびこれに基づいた改善提案と報告作業。（４）甲の依頼に応じて、月当たりＡ４に換算して１頁以内のホームページ更新作業。 2. 甲は、乙が本業務を遂行するに際して、必要な協力を行う。第 2 条委託料 1. 甲は乙に対し、本業務の対価として月額金＊＊＊＊＊円を支払う。

nestplus2 2016/07/21

リンク

文字列を要素の横幅に合うようにフォントサイズを自動調節する - 生涯未熟

注意：この記事は2014-08-21に作成されました。現在、FlowType.jsはメンテナンスされていませんので参考にする際にはご注意下さい。久々にガリゴリとHTMLのフロント部分を触った中で意外と苦戦したとこのメモ。イメージ的にはこんな感じ。やり方今回はjQueryプラグインのFlowType.jsを使いました。 FlowType.JS — Responsive web typography at its finest: font-size and line-height based on element width. | Simple Focus ひとまず、FlowType.jsのソースを落としてきて適した場所に配置しましょー。 gistad40d96168cc1ac7cb22 で、配置後FlowType.jsを使うためにjsを書きます。 gist74fea743f1f485

nestplus2 2016/06/11

リンク

YouTubeを埋め込んでも重くならないようにする方法がめっちゃ良かった - SHIROMAG

Site will be available soon. Thank you for your patience!

nestplus2 2016/06/07

リンク

Web制作者が知っておいた方が良いと思う、HTML5ハイブリッドアプリのフレームワークについて | バンクーバーのうぇぶ屋

ここのところ、バンクーバーにある専門学校の方とお話することが多いのですが、WEBデザイナーの専門学校なんかの授業でもハイブリッドアプリの科目が取り扱われているみたいですね。最近はWEBデザイナーに必要なスキルの一つとしても、HTML5のハイブリッドアプリ開発は大事になってきてるんじゃないかなと思ったので、これから色々勉強してみようと思っている方向けに最初のとっかかり記事を情報共有として記事を書かせて頂ければと思います。僕自身もアプリ制作専門で活動したことは無いのですが、最近は「WEBサイト作りましょう」で、モバイルの話が上がる事はほぼ絶対になってきていますよね。で、WEBという媒体を使って何かを提案する姿がWEBデザイナーである以上、そうやってフィールドがモバイルにも派生しているのであればアプリ面の知識も「全く知りませんでした」は正直避けたい所になっていくのではと思っています。というわ

nestplus2 2016/05/31

リンク

電話番号にリンクが自動で付くのを防ぐ方法

2017/06/22 スマホのブラウザは、電話番号に自動で電話をかけるリンクを付けます。また、連続した数字を電話番号だと誤認識してリンクを貼ってしまいます。この余計な機能を無効にするには、専用のmeta要素を追加します。サンプルコードname属性に"format-detection"、content属性に"telephone=no"を指定したmeta要素を用意しましょう。 <meta name="format-detection" content="telephone=no">デモデモは、iPhoneなどでご確認下さい。リンクを付けない  <!DOCTYPE html> <html> <head> <meta name="format-detection" content="telephone=no"> </head> <body> <p>電

nestplus2 2016/03/23

リンク

AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ

AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題【STINGER5】AndroidのChromeで＆nbsp;が「・」になってる気がする | ビビビッ  を&emsp;に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:

nestplus2 2016/03/19

リンク

7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座

HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない

nestplus2 2016/02/29

リンク

CSSで組んだドロップダウンメニューとスライドメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 - Yukihy Life

以前、メニューバーをトグルメニューと両立してレスポンシブスタイルにするカスタムを書きました。 www.yukihy.com トグルメニューは、ボタンを押すと上下にスライドするようなものでしたが、　現在このブログでやっているみたいに、横からのスライドにして、なおかつPC版では子メニューも設定できるようにしてみたいと思います！カスタマイズを行う際は、必ず以前のコードをメモ帳などにバックアップをとっておくようにしてください。実装図注意点カスタマイズ CSS HTML&jQuery HTMLにリンクを入れるその他のカスタマイズ色を変えるグローバルメニューの横幅を変えたいグローバルメニューとトグルメニューの変えるタイミングを変えたいまとめ実装図完成図はこんな感じです。ブラウザのサイズが広いときには、子メニューまで出せれる一般的なグローバルメニューで、ブラウザサイズが狭くなると

nestplus2 2016/02/15

リンク

Web制作のプロが知らないともったいない作成ソフトの使い分け方まとめ

とある小さなWeb制作会社を舞台に、クライアントからのさまざまなブラック案件を、Adobe Creative Cloud 2014を使って解決していくストーリー。ムチャ振りするクライアント、安請け合いするメンバー、それに振り回される制作者。果たして、無事にブラック案件を駆逐できるのか！？【最終回の話】連載のこれまでを振り返り、プロのWeb制作現場におけるCCアプリの使い分け方についてまとめてみる。サンプルコード／PSDもあるので実際に試してほしい。本連載「ブラック案件駆逐法」ではこれまで、プロのWeb制作現場が急を要する場面をいくつか想定し、プロ向けのWebサイト／アニメーション作成ソフトウェア群「Adobe Create Cloud 2014」（以下、Create Cloud）のポテンシャルを引き出すテクニックについて、以下のように紹介してきた。連載第1回：納期明日!? PSDを一晩