タグ

web制作に関するmeg_nakagamiのブックマーク (24)

  • 全653種、商用利用無料、再配布可能な太っ腹のフリーアイコン -Default Icon

    全653種、商用利用無料、再配布可能だけでもすごいですが、更にベクターのEPS付きとフリー素材として至れり尽くせりのアイコンを紹介します。 アイコンのデザインもシンプルなので、使い勝手もよさそうです。 Default Icon [ad#ad-2] ダウンロードできるアイコンのフォーマットはEPS, PNG(16x16, 32x32, 48x48, 64x64, 128x128, 256x256)です。 アイコン全653種はウェブサイト・ウェブアプリケーション用にさまざまなものが揃っています。 以前紹介した際はver.1で168種類でしたが、作者様よりver.2にして数も増やしたよ、と連絡を受けました。 [ad#ad-2] アイコンのライセンスはCC 3.0で、個人でも商用でも無料で利用できます。また、再配布も可能、とのことです。

  • インラインCSSで書かれたHTMLを一撃でCSSファイルと分割する「Cascader」

    とある理由から、インラインでCSSが書かれているHTMLを、綺麗にCSSファイルと分割させたいというときもありますよね。 しかし、これを手作業で進めるのはとても手間がかかり、0から作り直したほうが速いことがほとんど。 今回は、そんなときに一撃でCSSファイルと分割できるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! インラインCSSHTMLCSSファイルと分割する「Cascader」 「Cascader」は、インラインでCSSが書かれているHTMLファイルを、一発でCSSファイルと分割してくれるオンラインサービス。 ひとつひとつ分解しなくても、HTMLをコピペするだけで分割できてしまうのが非常に便利です。 HTMLタグを貼り付けるだけで分割 ↑たとえば、画像のようにイ

    インラインCSSで書かれたHTMLを一撃でCSSファイルと分割する「Cascader」
  • 画像の使用を極力控えてかっこいいCSSデザインをやってみよう

    Latest topics 2019.01.22 長々と運営していましたが、日を以て大会を終了とさせていただきます。沢山の方にご参加いただきましたこと、まことに嬉しく思います。Galleryは閲覧可能ですので、懐かしい気持ちになりつつご覧いただければと思います。 2007.04.15 公式html内に一箇所文字の誤りがありました。詳しくは2007-04-15のメモに書いておきました。要素の変更や構造の変更に変化は無いので、CSSを書く作業には影響がないのですが、気になる方はURIを参照して下さい。 Galleryが開通しました。フォームで選択してぽちっとするとサムネイルが表示されます。サムネイルをクリックすると、CSSデザインが適用された個別ページが表示されます。 よくありそうな質問に、CSSデザインは1人何個でも提出できる旨を追記いたしました。 2007.04.13 よくありそうな質問

  • A4折形

    A4用紙に印刷して使える「祝ひ袋」や「ぽち袋」など、現代に見合う新しい折形を提案しています。

  • 第 17 章 クライアント自動設定ファイルの使用

    第 17 章 クライアント自動設定ファイルの使用 多数のクライアントをサポートする複数のプロキシサーバーがある場合、クライアント自動設定ファイルを使用して、すべてのブラウザクライアントを設定することができます。自動設定ファイルには、さまざまな URL にアクセスする場合、ブラウザが使用するプロキシがあれば、どのプロキシを使用するかを決定する JavaScript 関数が含まれています。 ブラウザは、起動時に自動設定ファイルを読み込みます。ユーザーがリンクをクリックするか URL を入力するたびに、ブラウザは設定ファイルを使用して、プロキシを使用する必要があるかどうか、使用する場合はどのプロキシを使用するのかを決定します。この機能によって、組織内のブラウザのすべてのインスタンスを簡単に設定することができます。自動設定ファイルは、次のような複数の方法でクライアントに配布できます。 自動設定ファ

    meg_nakagami
    meg_nakagami 2010/09/06
    PACファイル
  • 女子のための情報サイトデザイン21+4 – Commit Lab

    現在業務で女性向けの情報サイトのような物を作ってるのですが、デザインで少々詰まってましまいました。情報サイトとなると自然と文字数も多くなってゴチャゴチャしがちなうえに、元々女性的なデザインを意識して行った事があまりないので中々アイデアが出てこなくて困っていました。 いつも通りGoogle先生に訪ねてみたものの、案外見つからないんですよね。どうしようかなと悶々と悩んだ末に、ググれカスと言われるのを覚悟してwdscratchのフォロワーさん達に参考になりそうなサイトを教えて頂きました。 という事で今日はGoogle先生とwdscratchのフォロワーさん達が教えてくれた女子向け情報サイトをご紹介したいと思います。 今回協力して頂いた皆さん、当にありがとうございました。助かりました。 追記1:ひとつ掲載漏れがありましたので修正しました。 追記2:コメント欄でご紹介いただいたサイトを追加いたしま

  • ウェブ配色ツール Ver2.0

    的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています(ただしフォントは変更出来ません)。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

    ウェブ配色ツール Ver2.0
  • WEBプログラマー必見!WEB脆弱性基礎知識最速マスター - 燈明日記

    以下は、WEBプログラマー用のWEB脆弱性の基礎知識の一覧です。 WEBプログラマーの人はこれを読めばWEB脆弱性の基礎をマスターしてWEBプログラムを書くことができるようになっているかもです。 また、WEB脆弱性の簡易リファレンスとしても少し利用できるかもしれません。 WEBアプリケーションを開発するには、開発要件書やプログラム仕様書通りに開発すれば良いというわけにはいきません。 そう、WEB脆弱性を狙う悪意のユーザにも対処しないといけないのです。 今回、WEBアプリケーションを開発にあたってのWEB脆弱性を、以下の一覧にまとめてみました。 このまとめがWEBアプリケーション開発の参考になれば幸いです。 インジェクション クロスサイト・スクリプティング セッション・ハイジャック アクセス制御や認可制御の欠落 ディレクトリ・トラバーサル(Directory Traversal) CSRF(

    WEBプログラマー必見!WEB脆弱性基礎知識最速マスター - 燈明日記
  • | test

    mameshibankさん 豆柴日和 amecustomさん アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開! jade-taさん 脚家によろしく。 nisishowさん リフォームで地域社会に貢献 ringo417-maさん ★ 月に負け犬 ★ cairさん 広報&IR担当のオフィシャルブログ shikamaさん 千葉の東京寄りでホームページ制作&企画・運用中! saijoさん 経営に終わりはない nina-yuanbeauteさん 芳村仁奈オフィシャルブログ「Nina's Diary」Powered by Ameba frontier-ceo-bossさん フロンティア社長 オフィシャルブログ Powered by Ameba ohtias-ceoさん ソーエネ×オーチアス社長 alfortさん 念ずれば花ひらく「会社経営」

    | test
  • ローヤルゼリーが糖尿病の初期症状を予防する

    豊富な栄養成分により、優れた健康効果を発揮するローヤルゼリーは、多くの人の頭を悩ませる糖尿病にも、高い効果を発揮してくれます。 糖尿病とは、血液中の糖分が必要以上に高くなる病気です。 通常であれば糖分は一定範囲内で調節されているのですが、膵臓から分泌され血糖値を下げる働きを持つインスリンというホルモンが、正しく分泌されないことで引き起こされます。 糖分の過剰摂取や運動不足などにより、血糖値の調節が正しく機能しないことで発症するという場合もありますので、生活習慣にも注意が必要です。また、遺伝的な素因により発症する場合もあります。 糖尿病になってしまうと、血液中の増えすぎた糖が血管を傷つけてしまい、腎臓病や動脈硬化、神経障害のほか、手足の壊死や網膜症、心臓疾患など危険な合併症を起こしてしまうリスクが非常に高くなります。 糖尿病を発症すると、インスリン抵抗性という初期症状がおこりインスリンの機能

  • Google Chrome Frame、HTTPヘッダに対応 | エンタープライズ | マイコミジャーナル

    Google Chrome runs web pages and applications with lightning speed. IE6、IE7、IE8にGoogle Chromeのレンダリング能力を追加するGoogle Chrome Frameにいくつか注目すべき機能追加と変更が実施された。Google Chrome FrameはIE6、IE7、IE8で動作するプラグイン。コンテンツに次のメタタグを追加しておけば、自動的にレンダリングエンジンをChrome/WebKitベースのものへ変更してくれる。URLで直接明示する場合は先頭に「cf:」のサフィックスを追加する。 <meta equiv="X-UA-Compatible" content="chrome=1"> 今回これに新しくHTTPヘッダでの指定機能が追加された。HTTPヘッダで次の情報を返すようにすれば、Google Ch

  • [CSS]角丸を使用しないで、四隅をすっきりみせるスタイルシート | コリス

    divで実装したパネルの四隅を1px欠けにして、角をすっきりみせるスタイルシートをonderhond.comから紹介します。

    meg_nakagami
    meg_nakagami 2009/10/09
    これはいいね。角丸って個人的に好きじゃないんだけど、これはシャープなままでスマート。
  • PHPでダイジェスト認証やベーシック認証を行うコードサンプル:phpspot開発日誌

    HTTP Basic and Digest authentication with PHP - 't Bijstere spoor PHPでダイジェスト認証やベーシック認証を行うコードサンプルが公開されています。 ダイジェスト認証とは、平文でパスワードを送るベーシック認証方式より安全な認証方式です。 実際には、ユーザ名とパスワードをMD5でハッシュ化して送るような仕様の認証。 ベーシック認証、ダイジェスト認証をページに組み込みたい際に使えそうなサンプルですね。 関連エントリ これは新しい妹CAPTCHA「妹認証」 数字の足し算を行わせてCAPTCHA認証を行うPHPライブラリ「PEAR::Text_CAPTCHA_Numeral」 Ajaxを使ったCAPTCHA認証をPHPで行うサンプル Basic認証のパスファイル(.htpasswd)管理ツール:HTAdmin

  • miya2000の日記 - これからドラッグ&ドロップを書く人のために

    2012/07/22 追記 久しぶりに確認したところ、IE9 では以下で指摘している IE (このときは IE6 でした) の問題(3, 4, 6)がすべて解消されていました。 また、Firefox での問題(5)も Firefox14 で試したらは解消されていました(ただ、All-in-One Sidebar のパネルの上では mousemove イベントが発生しないようでした)。 Chrome20 や Safari5 でも問題無く動作していますから、現在においてドラッグ&ドロップを実装するには mousedown 時の preventDefault() だけでOKと言えそうです。すばらしいですね! safari で動かないらしいのでどなたか情報ください!(くやしい!) というかこういうのに勝ち負けはないので実装できてる方は是非トラックバックお願いします。当方既に ipod 中毒ですし

    miya2000の日記 - これからドラッグ&ドロップを書く人のために
  • Ywcafe.net

    Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Online classifieds Top Smart Phones Healthy Weight Loss Parental Control music videos Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy

    meg_nakagami
    meg_nakagami 2008/08/01
    operaだとこれでもキャッシュが変に利いてしまうことがある。"Pragma: no-cache" もまだつけといたほうがいいっぽい。
  • デザイナー、デベロッパ、ブロガーのための使えるフリーアイコン96選『96 of the Best Ever Free Icon Sets』 | CREAMU

    Design デザイナー、デベロッパ、ブロガーのための使えるフリーアイコン96選『96 of the Best Ever Free Icon Sets』 フリーアイコンを探している。 そんなあなたにおすすめなのが、『96 of the Best Ever Free Icon Sets』。デザイナー、デベロッパ、ブロガーのための使えるフリーアイコン96選だ。 以下にいくつかご紹介。 Sweetie – Web Communication v.1 DryIcons – Stickers Icon Set Matt Ball – Developer Icons sone-pl – Light Icons デザイナー、デベロッパ、ブロガーのための使えるフリーアイコン、チェックしてぜひ使ってみてはいかがだろうか。 ふと思い立ってサーバ移転を敢行。ほぼ徹夜だw。 前からやろうと思ってたんですが、急にや

  • フォームをちょこっとだけ使いやすくする小技いろいろ - IDEA*IDEA ~ 百式管理人のライフハックブログ ~

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

    フォームをちょこっとだけ使いやすくする小技いろいろ - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
  • [JS]超軽量で設置も簡単な、透過PNGをIE6で表示するスクリプト -Unit PNG Fix | コリス

    Unit Interactiveのエントリーから、透過PNG画像をIE6で表示する、超軽量(2KB)の設置も簡単なスクリプトを紹介します。

    meg_nakagami
    meg_nakagami 2008/07/09
    あとでどうやって実現してるか調べる、
  • モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか?』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ

    meg_nakagami
    meg_nakagami 2008/07/08
    非常に参考になるが、同時にこんなにめちゃめちゃなものに手を出したくないという気持ちもかなりでてきた。
  • Index of /article/2007-more-web-design-trends-and-cliches

    Apache/2.4.29 (Ubuntu) Server at modernlifeisrubbish.co.uk Port 443