タグ

関連タグで絞り込む (216)

タグの絞り込みを解除

tipsに関するThaStenaのブックマーク (320)

  • Ywcafe.net

    Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: fashion trends All Inclusive Vacation Packages Best Mortgage Rates find a tutor Credit Card Application Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy|Do Not Sell or Share My Personal Information

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • JSONの可能性がグンと拡がるぞ! JSONスキーマ - 檜山正幸のキマイラ飼育記 (はてなBlog)

    JSON(http://www.json.org/)データはけっこうよく使うので、何度か話題にしたことがあります(例えば「もう一度、ちゃんとJSON入門」)。でも、JSONには型情報/メタ情報が付けられないのがとても不満で、JSON改なんてもんを考えたこともありました。(後でXIONに改名) JSONデータに対するスキーマ定義の仕様がかたまりつつあることを、ごく最近になって知りました。 http://json-schema.org/ JSON体はRFC 4627になっていますが、JSONスキーマの標準化のステータスは、あまりハッキリとは分かりません(僕には)。http://groups.google.com/group/json-schema?pli=1 を覗き見した感じでは、現状ワーキングドラフトという位置付けらしいです。 なかなか面白いし役に立ちそうなので紹介します。ただし、僕にとっ

    JSONの可能性がグンと拡がるぞ! JSONスキーマ - 檜山正幸のキマイラ飼育記 (はてなBlog)
  • これは驚きの、CSSだけで作れる吹き出しボックス:phpspot開発日誌

    Fun With CSS Shapes - Nettuts これは驚き!CSSだけで作れる吹き出しボックス。 次のような吹き出しが、画像を一切使わずにCSSだけで実現できてしまうようです。 HTMLコードをちょっと分かりやすいようにダイエットしてみたものが以下。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> blockquote {

  • [CSS]コンテンツ箇所をHTMLの上部に配置するスタイルシートのトリック

    コンテンツ箇所をHTMLの上部(ヘッダ・ナビゲーションより上)に配置するスタイルシートのトリックをSoh Tanakaから紹介します。 Markup Hierarchy - Advantages in SEO demo 上記のようなレイアウトをHTMLで記述した際、上左の順番で配置するのが一般的ですが、「float」と「position: absolute;」を使用して、下記のようにコンテンツ箇所を先頭に配置しています。 <textarea name="code" class="html" cols="60" rows="5"> <div id="main" class="container"> <div id="content">Content</div> <div id="header">Header</div> <div id="sidecol">Side</div> </div>

  • 5分で実装可能なページの文字サイズ変更+クッキーに保存サンプル:phpspot開発日誌

    A Simple jQuery Stylesheet Switcher 5分で実装可能なページの文字サイズ変更+クッキーに保存サンプルが公開。 ページで、小・中・大のように文字サイズを変えられるようにしておくと便利ですね。 asahi.com の導入例 実装方法が、微妙に面倒という場合もこのサンプルを使えば簡単に実装できる筈です。 文字サイズに限らず、CSSを丸ごと変えてしまえるので、スタイルを変更して保存ということも簡単に出来ます。 デモページ HTMLは、次のように、href は # ですが、rel属性に付け替えたいcssを指定しておきます。 <ul id="nav"> <li><a href="#" rel="/path/to/style1.css">Default CSS</a></li> <li><a href="#" rel="/path/to/style2.css">Larg

  • メンテナンスページで失敗しやすい3つのポイント - KAYAC Engineers' Blog

    PCサイトの開発/運用から、モバイルサイトの開発に移りつつある渡邊です。 ECサイトや自社サービスを運用していると、サービスを一時停止しなければならないケースがあります。 そんな時はメンテナンスページを用意して、ユーザーにサービスが一時停止していることを伝えます。 しかし、メンテナンスページには意外と気が付きにくい失敗の罠が潜んでいます。 今回はその失敗しやすい3つのポイントをフォローします。 1. mod_rewriteを使ってみよう アプリケーションごとにメンテナンスページへのリダイレクトの設定を行うと、 設定の漏れや確認不足による不具合が発生することがあります。 .htaccess に以下のような設定を行うだけで、http://test.domain.com/ 以下が、 全て http://test.domain.com/maintenance.html へリダイレクトされます。 R

    メンテナンスページで失敗しやすい3つのポイント - KAYAC Engineers' Blog
  • パンくず詳解 | コリス

    パンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイント、クラシックなものや進化したパンくずのショーケースなどをSmashing Magazineから紹介します。 Breadcrumbs In Web Design 以下、その意訳です。 パンくず ナビゲーションは、大量のページを保持するウェブサイトで、ナビゲーション機能を拡張することができます。 パンくずの大きな有用性は、ウェブサイトの訪問者が上の階層に移動する際、少ないアクションで実現させることです。 このことはウェブサイトのセクションやページのファインダビリティ(見つけやすさ)を改善するものとなります。 また、ランディングページ(検索などから訪れた最初のページ)にも非常に効果的で、ユーザーの現在の場所を明示するだけでなく、文脈のヒントとなるインフォメーションも提供します。 What is a bre

  • WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集:phpspot開発日誌

    WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集 2009年03月23日- WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集。 プログラマが1ヶ月でWEBデザイナーに転身する方法 というエントリを見て、プログラマの方々のWEBデザインに関する関心の高さを見て書いてみます。 WEBデザイナーといっても色々な知識が必要で、かつ、最近はフリーのテンプレートも豊富にある中、どれだけ出来ればWEBデザイナーとして成り立つのだろう?という疑問がありましたので考えてみました。プログラマの方で、WEBデザインをやってみたい。また、全くの素人だけどWEBデザイナーを仕事にされたいという方の参考になれば幸いです。 最低限の知識編 1. HTMLとレイアウト力 まず、知っている人には物凄く当たり前の事ですが、

  • 画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌

    Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に

  • やる夫がドット絵に挑戦するようです

    1 名前:以下、名無しにかわりましてVIPがお送りします:2009/02/22(日) 22:49:07.65 ID:xhJZStld0 ____ /      \ /  ─    ─\ /    (●)  (●) \ |       (__人__)    | ________ \      ` ⌒´   ,/ | |          |  最近は素人でもゲームが簡単につくれそうだお… ノ           \ | |          |  プログラムはツクールとかがあるし /´                 | |          |  音楽はフリー素材で十分だお… |    l                | |          |  あとは絵さえあればなんとかなりそうだお… ヽ    -一ー_~、⌒)^),-、   | |_________| ヽ ____,ノγ⌒ヽ)ニニ

  • やる夫が再びドット絵に挑戦するようです

    1 名前:以下、名無しにかわりましてVIPがお送りします:2009/03/07(土) 21:12:59.46 ID:hWCb0sr70 前スレ http://takeshima.2ch.net/test/read.cgi/news4vip/1235310547/ このスレはこんな人↓にオススメ ・俺はドット絵が好きだ! ・前回でドット絵始めようとしたけどすぐ挫折した ・ドット絵の手法をイラストにも活かしたい ・色彩理論とか実際どう活用されてるのかわからない ・俺はドット絵が嫌いだ! いずれかに当てはまる人は読むべき ただ、>>1は職ドッターでもなければ 色彩理論の専門家でもないので 間違ってるところもあるかもしれません 鵜呑みにはせず参考程度にしましょう 約80レスで長い文章多めなので適度に読み飛ばしてもOK 適宜ツッコミ・質問などあれば よろしくお願いします ※前回 ・やる夫がドット絵

  • 冗長な英文を避けるための10+の方法--上級者編

    文:Calvin Sun(Special to TechRepublic) 翻訳校正:村上雅章・野崎裕子 2009-02-24 08:00 文章を簡素化することで、伝えたい内容をより明確かつ説得力のあるものにすることができる。記事では、回りくどい表現を避けることで、文章をすっきりとさせ、読み手により強く訴えかけられるようにする方法を、実例を交えて紹介する。 あなたの書く文章は冗長なものとなってはいないだろうか?もしそうであれば、あなたは自らの時間と、読み手の時間を無駄にしてしまっていることになる。また、自らの文章を説得力に欠けた、印象の薄いものにしてしまっていることにもなる。以下に、冗長な文章と、その改善例を挙げているので、参考にしてほしい。 #1:"There are/is [名詞][関係代名詞][動詞] …" "There are/is"と[関係代名詞]を取り去ると、この文章は、[名

    冗長な英文を避けるための10+の方法--上級者編
  • アイコンの効果的な使い方を実例から学ぶチュートリアル | コリス

    アイコンの効果的な使い方を実例から学ぶチュートリアルをSmashing Magazineから紹介します。 How To Use Icons To Support Content In Web Design 下記は、その意訳です。 How To Use Icons To Support Content In Web Design アイコンは、ユーザーをあなたのウェブサイトの内容に惹きこませるシンプルで、効果的な方法です。 アイコンを使用して、ウェブサイトのコンテンツをサポートする素晴らしいサンプルとベストプラクティスを紹介します。 1. How To Use Icons アイコンを効果的に使用する方法 アイコンを使用する際のゴールの一つは、ユーザーに情報を素早く、そして効率的に伝えることです。 アイコンを効果的に使用すると、説明を必要とせずに、有効なコミュニケーションを可能にし、少ないコンテ

  • JavaScript の不思議な面白さ

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog JavaScript と言うと普段自信をもって膨大なプログラムと格闘している諸氏もコード断片のはり付けに終始してしまうことも多いのではないでしょうか。かくいう私も検索エンジン(を使ってコードを書く)プログラマになっていることが多々あります。 JavaScript にあるこのプログラムの自作を妨げるのは、ブラウザごとに仕様が違ったりとか、正しいはずのコードが動作しなかったりと、プログラミング言語としての特殊性が挙げられると思います。特に目的実現の為に必要となる発想は他の言語と一線を画します。 今回は、 題材は、これです。 誰でも一度は使ったことがあるだろう灰色の説明文付きの入力欄ですね。 簡単な例 さて、作ってみましょう、ということ

    JavaScript の不思議な面白さ
  • 携帯電話と位置情報 : 現在地の測位 (1)

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、広告部のながやです。 携帯電話のGPS(衛星測位システム)や基地局の緯度経度を利用した現在地の取得はとてもクールです。 このクールな機能と、Yahoo! JAPANのWebAPIを組み合わせた、新しいマッシュアップサービス誕生を願って、記事を投稿したいとおもいます。 ・Yahoo!マチモバでの実現例 お客様は、「現在地エリア」をクリックするだけで、位置情報をウェブサーバーに送信できます。とても楽チンですね。 もし、この機能がなければ、お客様は、退屈な地域選択画面(都道府県/市区町村)を何回もクリックすることになるでしょう。 そして、パケット代を損したと怒り狂っているかもしれません。 このイライラを防止するために、あな

    携帯電話と位置情報 : 現在地の測位 (1)
  • 3分LifeHacking:Gmailが落ちたときに“アクセス”する方法を考える - ITmedia Biz.ID

    どこからでもアクセスできて大容量のGmailはすごく便利なサービスだが、2月24日のようにサービス全般にわたって障害が発生するケースもある。大規模なサーバ群で運用しているとされるGoogleのサービスが一斉にダウンするとなると、何をしてもアクセスは不可能だろう。 だが、方法を変えることでGmailに“アクセス”できるかもしれない。 オフラインGmailを利用する 24日のサービス障害でもメールを見ることができたのが「オフラインGmail」機能。これはGoogle Gearsを活用した機能で、ネットワークにつながっていない電車の中でもメールを読んだり書いたり、一般的なメールソフトに近い操作ができるのだ。 Gmail Labsによる機能なので、言語表示を「英語」に変更したり、障害の前にあらかじめ設定しておく必要があったり、設定していてもメールの送信は難しかったりするが、それでも読めるだけでもう

    3分LifeHacking:Gmailが落ちたときに“アクセス”する方法を考える - ITmedia Biz.ID
  • Ywcafe.net

    Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Free Credit Report music videos Migraine Pain Relief Best Mortgage Rates Credit Card Application Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy

  • http://www.designwalker.com/2009/02/ps-action.html

    http://www.designwalker.com/2009/02/ps-action.html
  • web開発者なら知っておきたい HTTPステータスコード : LINE Corporation ディレクターブログ

    こんにちは。ブログと検索を担当している河野です。 突然ですが、皆さんは404という数字を見て何を思い浮かべるでしょうか。 この数字からWebブラウザで時折見かける「404 Not Found」を思い出す人は多いのではないかと思います。ということで、ちょっと強引ですが、今回はこの404などのHTTPステータスコードについて、ディレクターの視点で知っていた方がいいことを書いてみたいと思います。 【1】HTTPステータスコードの定義と確認方法 まずはHTTPステータスコードについて一通り説明をしたいと思います。 HTTP ステータスコードとは、「HTTPにおいてWebサーバからのレスポンスの意味を表現する3桁の数字からなるコード」とWikipediaには定義されています。 冒頭であげた404は、このステータスコードの1つで、リクエストに対応するページやファイルを見つけられなかった時にサーバが返し

    web開発者なら知っておきたい HTTPステータスコード : LINE Corporation ディレクターブログ