サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
Check out our new free Web-Sniffer desktop app forWindows andMac. Möchtest du bei deinem nächsten online Einkauf sparen, sind Rabattcodes ein heißer Tipp. Mit einem OTTO Gutschein kannst du in beinahe allen Bereichen des Lebens sparen: VonFashion über Möbel bis zu Multimedia. For more information on HTTP see RFC 2616 HTTP(S)-URL: (IDN allowed) HTTP version: HTTP/1.1 HTTP/1.0 (with Host header)
進化するWeb ～Progressive Web Appsの実装と応用～(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ～Progressive Web Appsの実装と応用～」というセッションを担当しました。 イベントに参加できなかった...
仮面ライダーウィザードのウィザードリングが5つ集まりました ishida です。 コレ以上あつめると嫁さんに怒られるので、リング集めはもう辞めます。でもベルトがほしいよぉー さてさて、本日はファイルも文字コードと改行コードチェックに便利なツールのご詳細です。プロジェクトではそれぞれコーディングルールも異なります。HTMLのバージョンだったり、文字コード、改行コード、対象ブラウザなど。 複数プロジェクトが同時進行の場合は、注意が必要です。 特に改行コードについては、目に見えるものではないので分かりにくいですよね。 Dreamweaverは環境設定で改行コードを変更できますが、プロジェクトごとに変更はできないので、改行コードをつい前回作業したままの状態になっていることも多いです。 そこで、便利なツールがこれ。 FileCode Checker ファイルの文字コードと改行コードを一覧表示して
CSSのプロパティを正しい並び順でソートし直してくれる『CSScomb』CSScomb OnlineはCSSファイル内のプロパティを一定のルールにしたがった正しい並び順でソートしてくれるオンラインツール。 使い方はコードをペーストして『RESORT』をクリックすれば結果が右半分に表示されます。 変換したコードは『Copy result code』をクリックすればすぐにコピーができます。 ソートのルールはあらかじめ設定されていますが、必要に応じ『Setting』からカスタマイズすることも可能です。 こちらのオンライン版以外にも各種エディタ用のプラグインなども公開されているので、興味のある方は試してみてはいかがでしょう。 書き方によってはエラーとなる場合があるようですが、具体的にエラーとなるケースなどはこちらのページでに詳しく載っています。 （特にLESSやSASSの記法では注意するケースが
CSS3 Supported Properties Full support Partial support No supportanimation background-clip background-origin background-size border-radius box-shadow gradient (linear) gradient (radial) transform 2D transform 3Dtransition Howit worksIt's easy, fast and free. You can now use powerfulCSS3techniques, and don't waste your time writing each properties. First, write your codefor your loved browser
jquery.validation.jsというフォームバリデーションプラグインを公開していますが、使える場面が割と限定されてしまうような作りだったので、より幅広く使えるようにexValidationという名前で新しいjQueryプラグインとして作り直しました。伴って仕様や使い方が異なる部分も多いので、ドキュメントとして書いておきます。ただし前半のバリデーションルール周りは同じエンジンを使ってるので、ほぼ同じです。ちなみにすごい長いです。。 ルールを割り当てる際のclass名がhogeからchkhogeに代わりました。アップデートして使う場合は注意してください。 サンプル1: エラーを右上に表示 サンプル2: エラーを下に表示 トピックス ダウンロード 使い方 1. JSファイルを読み込む 2. 基本バリデーションルール 3. select, checkbox、radio、複数項目の場合 4
What areCSS SpritesCSS sprites are a way to reduce the number of HTTPrequests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-positionCSS property can then be used to shift the visible area to the required component image. Thistechnique can
iOSのSafariでなぜか特定のfont-size（11px、10px、9px）のときだけマルチバイトの幅計算がおかしいのか、折り返し位置がずれるという件。 DEMO これをiPhoneで見るとこんな感じになる。 こんな感じ。11px、10px、9pxのときに右側に隙間が空いてるがわかると思います。これは特にpaddingとかとってるわけではなくて、このfont-sizeのときだけなぜか隙間が空くんです。8pxは大丈夫なので11px以下というわけではないみたい。さらにマルチバイトでなければ隙間はできない。謎。 ちなみにiOS4.3でも直ってなかった。Androidは大丈夫。 解決方法知ってる人がいたら教えてほしい。 追記：letter-spacing: -0.001em; で直るっぽい
株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高本です。 最近見積りを作る機会が多く、「フリーランスのための全国Webサイト制作料金表まとめ25個」というまとめ記事をたまたま見ていて、Web制作における見積もりの適正価格と算出方法というものについて考えていました。Web制作業界はフリーランスの方も多く、価格もそれぞれかなりの差があり、何を持ってして適正価格なのかもよく分からなくなってきています。見積もりの算出方法も異なります。 価格のばらつきもさることながら、Webサイト制作は実際にものがあるわけではなく、無形の状態から完全にオリジナルで作るわけで、お金を出して依頼する方も不安はあるかと思います。 結局、費用に対して割りにあった成果物があれば、依頼者は文句ないわけですが、見積もり段階ではどんなものが出来るのか頭の中にあるだけなので、見積もりが適正なのかも判断
JavaScript and Web by Ginpei
What? Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyablecss. Load the example image, and have a click around.It becomes pretty obvious. Why? Automated spritesheet generators are pretty cool, but I prefer the control over optimisation and compression you get by making them manually. However, copying all the positions & size
PublickeyグーグルがWebを高速化するために何をしているか http://goo.gl/KyBk この記事に興味を持った人は、是非、オライリーの「続・ハイパフォーマンスWebサイト」も読んで欲しい。http://goo.gl/davBless than a minute ago viaChromed Bird及川卓也 / Takuya Oikawa takoratta本のページをめくるようにWebページの表示を高速化することを目指して、グーグルがWebブラウザやTCP/IP、HTTPといった通信プロトコルの改善を行っているのと同様に、私たちWebサイトを構築する側にも、Webを高速化するために使えるさまざまな手段があります。 それをまとめたのが書籍「続・ハイパフォーマンスWebサイト」です。以前、オライリー・ジャパンの編集担当の方から献本いただいていたので、さっそく紹介しまし
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われるOGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。OGP? おーじーぴー？？とはなんでしょうか。OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形でHTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
Check your website today with Total Validator Run multiple tests across your entire website withjust one click ... Accessibility Validation Using our W3C conforming tool, check your website passes our wide range of WCAG 2.2, WCAG 2.1, WCAG 2.0, US Section 508, and ARIA tests. Using our W3C conforming tool, check your website meets regulations, with our wide range of WCAG 2.2, WCAG 2.1, WCAG 2.0,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
