i_syhのブックマーク (513)

  • 連動プルダウン(select) - Mars Diary

    選択子を絞りこむ為に多段連動するドロップダウンリストのJavascript。 → サンプル ポイントは… optgroupでグルーピングしておくこと。 使い方 ライブラリ(ConnectedSelect.js)の読み込み <script type="text/javascript" src="ConnectedSelect.js"></script>連動するselectにidを付ける。 親にあたるoptionのvalueと 子にあたるoptgroupのlabelを対応させておく。 <select id="SEL1"> <option value="XXX">XXX</option> <option value="YYY">YYY</option> </select> <select id="SEL2"> <optgroup label="XXX"> <option value="x1">x

    連動プルダウン(select) - Mars Diary
    i_syh
    i_syh 2010/03/02
  • Photoshop Vip » ダウンロードしておきたい100個のフリーフォント保存版まとめ

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    Photoshop Vip » ダウンロードしておきたい100個のフリーフォント保存版まとめ
  • サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ

    Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように

    サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ
  • 40分で覚える!jQuery速習講座 (1/6)

    いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは? そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目:導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー体(JavaScriptファイル)は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。

    40分で覚える!jQuery速習講座 (1/6)
  • フッターやヘッダー、ナビゲーションなど、パーツ別のデザイン例のまとめ

    Webデザインパーツごとのデザイン例 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。まとめのまとめ です。少し重いかもしれません。 主にブログデザインになってしまいますが、ヘッダー、フッター、ナビゲーション、フォームデザインなどなど部分的なデザインを参考にしたいとこに役立つまとめ記事を備忘録としてまとめています。 ヘッダーデザインユーザーにインパクトを与えるヘッダー。派手なデザインが多めです。 30 Creative Website Headers クリエイティブなヘッダーのデザインを30個ほど。凄いのばっかり。 30 Creative Website Headers 27 Stunning

    フッターやヘッダー、ナビゲーションなど、パーツ別のデザイン例のまとめ
  • 2段階のプルダウンメニューを作る - [ホームページ作成]All About

    メインとサブのプルダウンメニューを使うナビ プルダウンメニューを使うと、あまりスペースを占有せずにナビゲーションなどを提供できます。 しかし、プルダウンメニュー内の項目数が多すぎると、全体を把握しにくく、望みの項目を探すのが大変になってしまいます。 そこで、2つのプルダウンメニューを連動させて、1つのナビゲーションを作ってみましょう。 下記は、今回作成するサンプルです。 プルダウンメニューから、何か項目を選んでみてください。選択内容に応じて、サブのプルダウンメニューが表示されます。 ※JavaScriptが利用可能な環境のみ サイト内にコーナーがたくさんあったりページがたくさんある場合は、このように2つのプルダウンメニューを使った方が選びやすいでしょう。 今回は、このように1つ目のプルダウンメニューの選択内容に応じて、動的に異なる内容を表示させる方法をご紹介いたします。

    i_syh
    i_syh 2010/02/11
  • web.memo | リストで画像をはさむときピタっとくっつける技

    i_syh
    i_syh 2010/02/09
  • フッタ固定 « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWeb

    低価格、短納期、高品質なWebサイト制作|ScuderiaWeb Webサイト制作をご検討中の方へ。ScuderiaWebが低価格・短納期・高品質なWebサイトを制作いたします。 ボディ部分がヘッダ・コンテンツ・フッタから成っているWebページの場合、ヘッダやコンテンツ部分のテキスト量によってフッタの位置は変わってしまいます。 テキスト量が多く、スクロールバーが表示されるようなページの場合、必然的にフッタはスクロールした先の画面最下部に表示されますが、テキスト量が少なく、スクロールバーが表示されないようなページの場合は、画面の中央にフッタが表示され、その下は不格好に空白ができてしまいます。 こういったスクロールバーが表示されない、テキスト量の少ないページでも、ブラウザの最下部にフッタを表示させる方法です。 フレームのように画面の上下に常にヘッダ・フッタを固定しておく方法は、ヘッダとフッタを

    i_syh
    i_syh 2010/02/09
  • フリーで配布されているPhotoshopのパターンいろいろ

    以前、必要になった時に探したサイトをメモ。 Photoshopのパターンを配布してくれている サイトのまとめです。多くの場合はセット配布 や、Photoshop関連の専門サイトなので まとめのまとめという形になります。全て無料 ですが、著作権は個別にご確認下さい。 何かと重宝するPhotoshopパターン。全てフリーでダウンロードできます。 208 Retro Photoshop Patterns レトロなPhotoshopパターン208種。 208 Retro Photoshop Patterns 200+ free beautiful Photoshop patterns hand-picked 200以上ものPhotoshopパターンまとめ。 200+ free beautiful Photoshop patterns hand-picked Web treats Web treat

    フリーで配布されているPhotoshopのパターンいろいろ
  • JavaScript基礎文法最速マスター - gifnksmの雑多なメモ

    続々と増え続ける基礎文法最速マスターシリーズ(あまりにも増えてきたので他の言語記事へのリンクは別の記事に移しました)。 JavaScript 版は誰も書いていなかったようなので書いてみます。こういう解説記事的なものを書くのは初めてなので変なところがあったら指摘して頂けるとありがたいです。 JavaScriptの基礎概念についての解説はこちら:JavaScript概念最速マスター - TechTalkManiacs 1/31 23:58追記 コメント欄のos0xさんのご指摘を基に一部追記・修正を行いました。 2/2 2:52追記 switch文・正規表現・例外処理について追加しました。 2/2 6:44追記 コメントでfavrilさんにご指摘頂いた点(typo & コメント・サンプル追加)を修正・加筆しました。 2/2 7:15追記 トラックバックでLiosKさんにご指摘頂いた点(cal

    JavaScript基礎文法最速マスター - gifnksmの雑多なメモ
    i_syh
    i_syh 2010/02/01
  • Webサイトの高速化・軽量化に使えるTips・参考記事を集めてみました - Feel Like A Fallinstar

    Googleもスマートフォンに参入、ノートPCが完全に主流になるなど、ブロードバンドから逆に回線の「低速化」が起こっています。 参考: 今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話 また、GoogleはWebの表示速度をPageRankに加味することを検討中であることを明言しています。 ただ、そうは言ったものの、ちゃんと実装しないと話しにならない訳で・・(大汗 細かいことでもちゃんと積み重ねて行かねばと。 というわけで、軽快なサイトを実装するためのTipsを自分のサイトで使ったのを備忘録的にここにも書いておきたいと思います。 まずはまとめ記事から 原則を押さえてから、細かいところに行った方が効率がよいかな、と思います。 30分でできる!Webサイトを高速化する6大原則 最適化を行うための観点が簡潔にまとまっていて、高速化チェック項目として有効です。 具体的な方法もいくつ

  • PHP基礎文法最速マスター

    PerlRubyの文法一覧がとても良くまとまっていたので、便乗してPHPでもやってみました。 Perl基礎文法最速マスター – Perl入門〜サンプルコードによるPerl入門〜 Route 477 – Ruby基礎文法最速マスター 他の言語をある程度知っている人はこれを読めばPHPの文法を何となく理解できると思います。 間違い、不足等々あれば教えて下さいm(_ _)m バージョン PHP5.3系がリリースされていますが、ここではPHP5.2系を対象としています。 1.基礎 コードブロック PHPコードは「<?php」という開始タグから始まります。終了タグは「?>」です。HTMLPHPコードを埋める際は終了タグを使いますが、ライブラリのようにPHPコードのみを記述する際は終了タグを省くことが慣例となっています。 終了タグを省く理由について id:Kiske さんに解説頂いています。ありが

    i_syh
    i_syh 2010/01/28
  • プログラミング未経験から始めるPHP入門一覧

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

    プログラミング未経験から始めるPHP入門一覧
  • PayPal ってこんなにすごい!

    ではいまひとつ普及していない PayPal。でも実は手数料が安いだけでなく審査も簡単で、とても使いやすいサービスなのです。 (2009年12月7日(月) 午前5時18分54秒 更新) Tweet これまで、ほとんど売り上げが見込めない個人や個人に近い団体がクレジットカード決済を導入するのは困難でした。月に1000円の品がたったひとつ売れただけだとしても、月額料金や月額最低手数料として2000円取られてしまうとあっては、ばかばかしくてクレジットカード決済なんて導入できませんよね。 でも PayPal ならだいじょうぶ。月額料金は完全無料。その上取引当たりの手数料は最大 3.6%+40円 (国内)と圧倒的な安さです。額によっては銀行の振込手数料よりも安いくらいです。 これならあらかじめ売り上げが見込めなくても気軽にクレジットカード決済を導入できますね! また、現在では買い手が PayPal

    PayPal ってこんなにすごい!
  • nakamura-tech : mysqli - プリペアドステートメント

    2009年10月26日00:00 カテゴリPHPMySQL mysqli - プリペアドステートメント プリペアドステートメントを使うとSQLインジェクションを防ぐように自動でエスケープすることができます。 このテーブルを使用します。 <?php # ユーザーからPOSTされた値と仮定します。 # プリペアドステートメントを使用しないときは # addslashes() などでエスケープさせる。 $query_name = "tom"; $query_height = 180; $mysqli = new mysqli('localhost', 'username', 'password', 'test'); if (mysqli_connect_errno()) { die("Connect Error\n"); } # ? にはあとで bind_param() で値を入れる $quer

  • 日本語で読めるプラグインを使わないWordPressカスタマイズ方法まとめ - かちびと.net

    豊富なプラグインで手軽に気軽に カスタマイズする事が出来るのも WordPressの魅力ですが、ソース が汚くなったり、重くなったり、など メリットだけでもなかったりします。 また、実現したいけどいいプラグインがないなんて事も有ると思います。そこで、プラグインではなく、テーマファイルなどを直接カスタマイズする方法を日語で書いてある記事をまとめました。フォーラムは載せていないので探してみてください。結構有ります。 wp-adminをSSLでロック 管理画面をセキュアに。https://abc.com/wp-admin/にする方法です。企業サイトなどは特に導入の検討をすると良さそう。1行加えるだけなので手軽に導入できます。 wp-adminをSSLでロック メディアにある画像のサムネイルを表示する [sexy-lightbox href=’/wp-content/uploads/2010/0

    日本語で読めるプラグインを使わないWordPressカスタマイズ方法まとめ - かちびと.net
    i_syh
    i_syh 2010/01/08
  • 無料ダウンロード出来るPhotoshopブラシのみを扱うWOW Brushes! - かちびと.net

    無料でクオリティの高いPhotoshop のブラシのみを扱うWebサービスの WOW Brushes!をご紹介いたします。 数は100以上あり、ベクター素材も フリーで配布しているようです。 なかなか探すのが面倒なので有りがたい。 ライセンスはおのおのご確認ください。 WOW Brushes!では以下のようなPhotoshopブラシを無料で配布しており、メンバー登録不要でダウンロードする事が可能です。 まだまだありますので配布サイトの一つとしてストックしておいてはいかがでしょう。 WOW Brushes! ついでに他の配布サイトも載せておきますね。 Qbrushes Brusheezy! myPhotoshopBrushes.com getbrushes.com chez plumeau PSbrushes BRUSHFED Ladyoak blendfu.com FBrushes Dez

  • http://public-domain-archive.com/classic/

    i_syh
    i_syh 2010/01/05
  • ランディングページ集めました。

    2009年からランディングページを集めているサイトです。購買行動や認知拡大のために作られたランディングページのデザインまとめサイトです。LP制作の参考にどうぞ。

  • 空き時間を大活用!ハードディスクの読み書きを高速化【知っ得!虎の巻】 - ライブドアニュース

    パソコンは、使っているうちにだんだんとハードディスク内のファイルが断片化されて動作が鈍くなってくる。これを防ぐために行うのがデフラグだ。ただしこのデフラグ、時間がかかるし、重いので、パソコンを操作しながらの実行は避けたい。そのため、なかなか実行できないでいる人も多いだろう。 今回紹介する「Smart Defrag」は、そんな悩みを解決してくれる便利ソフト。システムのアイドル時を見計らって自動でデフラグを実行してくれるのだ。 ■知っ得 No.0121 「Smart Defrag」でデフラグを実行する 「Smart Defrag」は、CPU使用率が下がったときや、ハードディスクへのアクセスが低下した時を見計らって自動でデフラグを実行してくれる。何か操作を始めると、一時的にデフラグを停止するので、作業の邪魔になることがない。また、よく使うファイルやフォルダを、ハードディスクの外周に配置し、読み書

    空き時間を大活用!ハードディスクの読み書きを高速化【知っ得!虎の巻】 - ライブドアニュース