タグ

webとtipsに関するnanakosoのブックマーク (8)

  • ニュアンスのあるグラデーションをつくる - デザイナーのイラストノート

    今回はツールのTipsではなく、グラデーションをつくるときに私がいつも心がけていることなどをご紹介します。グラフィックソフトだけでなく、cssでグラデーションをつくるときにも使えるポイントだと思うので、非デザイナーの方にも見ていただけるように簡単に、すぐ読める内容になっています。 修正)2013/8/29/14:41 画像の2〜4枚目を修正しました。明度と彩度について間違いがありました、申し訳ありません。 ニュアンスのあるグラデーションとは 例えばこのカラーをサイトのベースカラーに使いたいとします。モニタの色というのは「R(赤)G(緑)B(青)」の0〜255で出来ていますが、他に「色相、彩度、明度」という数値でも表すことが出来ます。今回はこの3つの数値も重要なので、心の隅に置いておいてください。 メニューバーやボタンでグラデーションを作りたい、白背景に馴染むように白で作りたい、というときは

    ニュアンスのあるグラデーションをつくる - デザイナーのイラストノート
  • Never mind me!: VyattaにSquid3を入れてプロキシサーバを建ててみた。

    2010年9月26日日曜日 VyattaにSquid3を入れてプロキシサーバを建ててみた。 タイトルの通り今回は、Squidというソフトを使ってプロキシサーバを構築したいと思います。 プロキシと言うと、串とよく略されてますが、実はこの前までこの串っていうのがなんなのかが分かりませんでした(笑) まあ、そんな事は置いときましょう。 今回は、Squid3を使うのでインストールする。 $ sudo apt-get install squid3 これで、インストールは完了。 次に、設定をするんだけど、設定ファイルが巨大で訳が分からない!っていう人は、設定ファイルをバックアップしてから新しい設定ファイルを作ればOK。 $ sudo mv /etc/squid3/squid.conf /etc/squid3/squid.conf.bak 次に、編集。 $ sudo vi /etc/s

  • HTML5 基礎知識 - web探検隊

    HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウトラインを構成する。articleセクションの一種で、Webページから独立したコンテンツを表す。asideセクションの一種で、外側のセクションに対する補足情報を表す。navセクションの一種で、外側のセクションに対するナビゲーションメニューを表す。footerセクションのフッター。headerセクションのヘッダー。hgroup複数の見出し(h1-h6)をまとめる。 外部コンテンツの埋込みfigureキャプションを伴うような内容のものを文章中に埋

  • 特定の国からのアクセスを禁止する方法 など10記事(海外&国内SEO情報) | 海外&国内SEO情報ウォッチ

    ErrorDocument 403 http://www.blockacountry.com/blocked.php <Limit GET HEAD POST> order allow,deny deny from 58.14.0.0/15 deny from 58.16.0.0/16 deny from 58.17.0.0/17 deny from 58.17.128.0/17 deny from 58.18.0.0/16 deny from 58.19.0.0/16 deny from 58.20.0.0/16 deny from 58.21.0.0/16 deny from 58.22.0.0/15 deny from 58.24.0.0/15 deny from 58.30.0.0/15 deny from 58.32.0.0/13 deny from 58.40.0.0/15 d

    特定の国からのアクセスを禁止する方法 など10記事(海外&国内SEO情報) | 海外&国内SEO情報ウォッチ
  • robots.txtでブロックしたページが検索結果に出るのはなぜ?

    検索エンジンのロボットのクローリングを拒否するために、robots.txtでブロックしたはずのページが、検索結果に出現することがあります。 robots.txtの指示を無視している、あるいは理解できていないのでしょうか? GoogleのMatt Cutts(マット・カッツ)氏が回答しています。 Uncrawled URLs in search results 要点をまとめます。 Googleは、決してrobots.txtを無視したり、理解できていなかったりするわけでありません。 ある条件のもとでは、robots.txtでブロックされたページをSERPに表示することがあります。 たいていの場合は、ブロックページに多くのリンクが張られている場合です。 リンクが張られているということは、参照する(検索する)ユーザーが多いと考えられます。 Googleとしては、ユーザーが求めている情報を返すことが

    robots.txtでブロックしたページが検索結果に出るのはなぜ?
  • 携帯サイトを見ている時にフルブラウザで開きなおすようなリンクを貼る方法を教えてください。…

    携帯サイトを見ている時にフルブラウザで開きなおすようなリンクを貼る方法を教えてください。 具体的に言うと、auの公式検索ページでPCの検索結果表示のところに、PCサイトビューアで開くというようなリンクが存在します。 このようなリンクを自分のサイトにも付けたいと考えています。 可能であれば3キャリア対応のやり方を、1キャリアでもご存知の方がいれば教えてください。

  • 画像を挿入したときにformタグがつく理由

    2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 Movable Type 4では、画像等を「アイテム」として管理する機能があります。 アイテムをブログ記事に挿入すると、そのアイテムに応じたタグが自動的に入力されます。 ただ、画像をブログ記事に挿入すると、画像のimgタグがformタグで囲まれて挿入されます。 画像を挿入したことがある方は、「何でformタグが挿入されるんだ?」という印象を持ったのではないかと思います。 また、「formタグは邪魔だ」という意見も多いようです。 ただ、このformタグには意味があります。 今日はこの点について解説します。 1.ブログ記事とアイテムの関連を保存するため Movable Type 4

    nanakoso
    nanakoso 2007/09/25
    なんかアドホックな匂いのする実装
  • 万能型ファイルコンバータ - Zamzar - sta la sta

    Zamzar - video converter, audio converter, image converter, eBook converter WordのドキュメントをPDFに変換したり、写真をJPEGからBMPに変換したりと、ファイルをいろんなフォーマットに変換する機会は案外とあるもの。 そのとき、それぞれの変換には別のアプリケーションが必要になることが多く、変換しなきゃいけないファイルの種類が多いとアプリを入手したり切り替えたりと結構手間な作業になると思う。 そこでご紹介するのがZamzar。 Zamzarはファイルをアップロードすると多様なフォーマットへ変換してくれるサービスで、対応しているファイルフォーマットの種類が豊富なのが特徴だ。 写真(bmp、jpg、tiff...)、音楽(ac3、mp3、ogg、wav...)、動画(avi、flv、mp4、mpg...)はもちろん

    万能型ファイルコンバータ - Zamzar - sta la sta
  • 1