タグ

tipsに関するkeijixのブックマーク (18)

  • リダイレクト手法まとめ | Like@Lunatic

    サイト内でページを移設するとか、拡張子を変更するとか(htmlphp など)、ドメインを変えるとかいったことになると、旧URLから新URLへのリダイレクトをするケースがあります。リダイレクトが必要とされるのは、旧URLを参照するユーザーに不便をかけないためだけではなく、検索エンジンのロボットにURL変更を通知するためという側面もあります。 ここでは3つのリダイレクトの方法を取り上げてまとめてみました。 (1)301リダイレクトと呼ばれる方法で、.httaccessを使うなどして行うもの。 (2)HTMLの<meta http-equiv="Refresh" ...>を使う方法 (3)JavaScriptのlocation.href、またはlocation.replace()を使う方法 (1)はサーバー側に.htaccessを設置する方法です。具体的なコードは以下のようになります。 Red

    リダイレクト手法まとめ | Like@Lunatic
  • CSSでWebページの背景画像を指定する - builder by ZDNet Japan

    DXの成否を分けるのはガバナンス Microsoft Security Forum 2021 Day2 どこよりもわかりやすい基調講演解説! 現場業務のデジタル化の最適解 JBSのアプリポケットとアプリメーカーが 企業のデジタル化をサポート 次の一手はこれだ! ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス クラウドネイティブの実現 モダンインフラの構築・運用の課題解決へ コンテナの可能性を広げるVMware Tanzu 大学、研究機関、製造業など いま目覚ましい躍進ぶりを見せるデルのHPC その背景と選ばれる理由にせまる 対談:クラウド時代のネットワーク DX推進の要であるクラウド活用 レガシーなネットワークがボトルネックに 体験から学んだ成功への知見 マネーフォワード×エム・フィールド対談 Fintechプラットフォーム開発の「鍵」 Microsof

  • TRANS [hatena] - 印刷用CSSをまとめてみた。

    以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度

    TRANS [hatena] - 印刷用CSSをまとめてみた。
  • 『ウェブ2.0 HOW-TO デザインガイド』がよくまとまっています | S i M P L E * S i M P L E

    なんだか前にもこういうまとめを紹介しましたが、また良くまとまっているのがあったのでご紹介。 Web design scratchのサイトで「Web 2.0 how-to design guide」なるまとめがありました。 » Web 2.0 how-to design guide 15の項目でまとめられていますね。 Simplicity(とにかくシンプルに!) Central layout(真ん中に寄せるレイアウトで) Fewer columns(段組は少なめに) Separate top section(トップ部分は分けて目立たせよう!) Solid areas of screen real-estate(レイアウトにはメリハリをつけて) Simple nav(ナビゲーションはシンプルに!) Bold logos(ロゴは大きめに!) Bigger text(フォントも大きめに) Bold

    『ウェブ2.0 HOW-TO デザインガイド』がよくまとまっています | S i M P L E * S i M P L E
  • favicon.ico(ファビコン)の作り方 | IDEA*IDEA

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

    favicon.ico(ファビコン)の作り方 | IDEA*IDEA
  • ちょっと便利なCSS Tips いろいろ - DesignWalker

    ちょっと便利なCSS Tips いろいろ - DesignWalker
  • コードをセキュアにする10の作法…の覚え方 - 結城浩のはてな日記

    Danさんが、コードをセキュアにする10の作法という翻訳を公開していました。 翻訳には特にツッコミはないのですが…正直、10個も覚えられません! (>_<)ヒー! ので、勝手に再配置。かっこの中がお作法の名前です。 各段階でチェックしよう! 設計時に、 (セキュリティーポリシーを設計に織り込め) コーディング時に、 (セキュアコーディングの標準を採用せよ) (コンパイラーの警告レベルは最高に) テスト時に、 (有効な品質保証の手法を用いよ) もちろん実行時にも。 (入力を検証せよ) (他のシステムに送るデータは消毒(サニタイズ)しておけ) 迷ったときにはシンプルに!(シンプルイズベスト) デフォルトは拒絶、 (デフォルトで拒絶) 権限は最小、 (最小特権の原則を貫く) でもシンプル過ぎてはいけません。 (多重防御を実践せよ) これでちょっと覚えやすくなりました(私は)。内容は以下のページを

    コードをセキュアにする10の作法…の覚え方 - 結城浩のはてな日記
  • [N] Win XPをMac OS X風にカスタマイズ「FlyakiteOSX」

    Windows XPをMac OS X風にカスタマイズする「FlyakiteOSX」というソフトを試してみました。 Windows XPをMac OS X風にカスタマイズするソフトというのはいろいろと出ているらしいのですが、今まで試したことはありませんでした。 しかし「Make Your XP Computer Look Like OS X」というエントリーを見たら、あまりにもMac OS X過ぎるカスタマイズができるソフトがあったので、試してみた次第です。 ソフトは「Download – FlyakiteOSX.com」からダウンロードすることができます。インストールする前に、スクリーンショットも確認してください。 インストール自体は普通のアプリケーションと同じなのですが、何やらいろいろなソフトをインストールしたり、レジストリを変えたりしているようなので、あくまでも自己責任でお願いします

    [N] Win XPをMac OS X風にカスタマイズ「FlyakiteOSX」
    keijix
    keijix 2007/12/29
  • Shishimushi - 僕の Opera の設定

    The grants and applications of the NIFA are all designed to help in the realization of its total company mission...

    Shishimushi - 僕の Opera の設定
    keijix
    keijix 2007/12/29
  • あなたのブログを差別化するための15のパワフルな方法

    ブログを書くのはおもしろい。毎日懲りずに書いてます。でも、自分と同じようなブログって他にもたくさんあるんじゃないか?って思うこと、良くありますよね。 どうしても独りよがりになりがちなのですが、2007年も終わりに近いのでNxEのエントリを見ながら再考してみようと思います。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! あなたのブログを差別化するための15の方法 差別化って、何もブログに限ったことではありません。人気のあるサービスが「何でみんながこのサービスを使うんだっけ?」と探るのも大事だし、このサイトだって「どうしたらみんなに気持ちよく使ってもらえるだろう。」ともっともっと考えなければならないわけです。最近その辺サボりがちですがww ちょいと調子に乗って文字が増えてしまったのでインデックスをつ

    あなたのブログを差別化するための15のパワフルな方法
  • WEB制作者のための32個のブックマークまとめ(part2)*ホームページを作る人のネタ帳

    WEB制作者のための32個のブックマークまとめ(part2)*ホームページを作る人のネタ帳
  • hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説&配布しているサイトのまとめ

    パチンコの遊び方と攻略 – 成功のための戦略を発見しよう!パチンコの遊び方をマスターしよう!プロのテクニックを習得して勝者に!パチンコの楽しさを体験しよう!成功のための戦略を発見しよう!戦略を鍛えてより高い勝率へ!

    hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説&配布しているサイトのまとめ
  • 「みんなの知識 【ちょっと便利帳】」のURLについて

  • Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選

    Webデザインには、どんなにビギナーだったとしても、プロのWebデザイナーを名乗る人がやってしまうと恥ずかしい“マナー”ともいえる制作上のルールがあります。「知らなかった」、「教わっていない」では通用しません。なぜなら、アナタはプロなのですから。 そんな超基の“Webデザインのお作法”を50個選定し、サイト設計、テキストデザイン、画像と色彩、レイアウト、その他の5つのテーマ別に解説していきます。この特集を通して、“Webデザインのお作法”をしっかり習得、あるいは復習して、カンペキに身に付けてください。

    Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選
  • Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE

    Web2.0とは何か?というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d

    Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
  • uessay: パソコン作業を華麗にスピードアップ(100tips)

    今年も残すところわずかですね。 忙しくなって同僚にExcelでの単純作業を手伝ってもらおうとした。そしたら、彼は数千行ものデータをマウスで延々と引っ張って選択してたので、Ctrl+矢印で一発だよ、と教えたら、なんだか感謝された。 だからというわけじゃないけど、僕自身もパソコンで単純作業が続く時期なので、息抜きに自分が使ってるスピードアップ技を100個を目標に書き出してみることにしました。ショートカットを何でもかんでも列挙するのではなく、実際に効果を生んでるものに絞って。あ、あくまで対象はWindows XPです。 ●使えるスタートメニュー 01.Windows+Rで「ファイル名を指定して実行」を呼び出す 02.「ファイル名を指定して」でnotepadと入力しメモ帳を起動 03.「ファイル名を指定して」でcalcと入力し電卓を起動 04.「ファイル名を指定して」でURLを入力しgmailなど

    uessay: パソコン作業を華麗にスピードアップ(100tips)
    keijix
    keijix 2007/12/03
  • 角丸ライブラリ - tikeda::Diary:

    最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。中身の文書を書き換えれば上下左右と可変するように柔軟になっています。また、一部PSDも同封してます。 0501curve.zip 中身はこんな感じ。 ベーシックなタイプ 01:小さ目な角丸 02:大き目な角丸 03:斜線の角丸(背景画像をループ) 04:ストライプの角丸(背景画像をループ) 05:木模様の角丸(背景画像をループ) 06:リボンのついた角丸(背景画像を固定) 4つ角をの内側を透過GIFにしてるので、大枠の背景を変えれば発想次第で色々と使えると思います。HTMLCSSは大体こんなんです。divが多いのがちょっと嫌な感じですが。はてな内ではspanでやってたりもします。 HTML <div class="curve-01"> <div class="cu

    角丸ライブラリ - tikeda::Diary:
  • Lightbox JS

    Overview Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. Note: An new version of this script is available: Lightbox JS v2.0 Example To make sense of it all, check out these examples. Click on a thumbnail or text link below: Benefits Places images above your current page, not within. This frees you fr

  • 1