2007年7月27日のブックマーク (23件)

  • Connection Problem

    Sorry! There seems to be a problem connecting to our database. Please give us a few minutes to remedy the problem. Thank you.

    naka119
    naka119 2007/07/27
    Wordpress プラグイン AJax
  • CSSでDivを天地左右中央に配置する方法『locate div at the center vertically and horizontally』 | CREAMU

    DiaryTechnology CSSでDivを天地左右中央に配置する方法『locate div at the center vertically and horizontally』 ちょっと実装したくなったので、CSSでDivを天地左右中央に配置してみました。 Web creatorsに載っていた方法ですw。 » Web creators (ウェブクリエイターズ) 2007年 03月号 ■CSSは↓。 <style type="text/css"> body { background:#ccc; margin:0; padding:0; } #wrap { position:absolute; width:500px; height:100px; left:50%; top:50%; margin-left:-250px; margin-top:-50px; background:#ff

    naka119
    naka119 2007/07/27
    Webデザイン Divタグ CSS
  • 人物を超立体的に魅せるPhotoShop編集テクニック:phpspot開発日誌

    .: EZPhotoshop.NET :. Your tutor is here - Home 人物を超立体的に魅せるPhotoShop編集テクニック。 次のように写真を立体的にみせるチュートリアルが公開されています。 これは面白いですね。 広告など、ちょっとビックリさせたい部分で使えそう。 関連エントリ PhotoShopで写真を幻想的に加工するチュートリアル PhotoShopでWeb2.0風な光沢あるロゴを作るためのチュートリアル PhotoShopを使って画像を映画風に加工するチュートリアル PhotoShopでMac風の美しいバックグラウンドを作成するチュートリアル 人物の写真をPhotoShopで美しく修正するチュートリアル PhotoShopでRSS標準アイコンを作成するチュートリアル PhotoShopでタバコの煙風クール画像を1から作るチュートリアル

    naka119
    naka119 2007/07/27
    人物 立体 デザイン 加工
  • PhotoShopでMacOSX風アクアな文字をデザインするチュートリアル:phpspot開発日誌

    Spoono - Photoshop Tutorials - Mac OS X Text Learn how to make simple 3d Bevel text like the one for the logo for Mac OS X.PhotoShopでMacOSX風アクアな文字をデザインするチュートリアル。 レイヤースタイルを使ってMacOSX風の文字が作れるようですが、レイヤースタイルの設定も図入りで紹介。 色を変えたりして、なかなかカッコいいロゴが作れますね。

    naka119
    naka119 2007/07/27
    デザイン AQUA OSX風
  • WEBデザインに便利なリソース100:phpspot開発日誌

    The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources at DesignVitality WEBデザインに便利なリソース100リンクが紹介されていました。 フリーテンプレート OSWD OpenWebDesign Open Designs CSS Tinderbox デザインテンプレート TemplateNavigator TemplateBox Template Monster Art for the Web Free CSS Templates CSSレイアウト集 Layout Gala AndreasVilkund.com CSS Template Directory BenMeadowcroft.com Mollio CSS自動ツール、ジェネレーター CSS Creator -

    naka119
    naka119 2007/07/27
    Webデザイン リソース テンプレート
  • 無料で使えるデザイン系ソフトいっぱい - DesignWalker

    無料で使えるデザイン系ソフトいっぱい - DesignWalker
    naka119
    naka119 2007/07/27
    Webデザイン フリーソフト
  • PhotoShopで使える18の超便利ショートカットキー:phpspot開発日誌

    18 Exceptionally Useful Photoshop Shortcuts Working with Photoshop can be quite time consuming for both beginners and advanced users. PhotoShopで使える18の超便利ショートカットキー。 元々使いやすいPhotoShopも次のショートカットキーを使いこなすことでより素早くPhotoShopを使いこなすことができるでしょう。

    naka119
    naka119 2007/07/27
    Photoshop ショートカットキー
  • MOONGIFT: » デザインもオープンソース化「Open Designs」:オープンソースを毎日紹介

    技術者にとって、デザインは鬼門だ。システムはどんどん作れても、デザインが乏しいと急速にやる気をなくしたり、プロジェクト自体が頓挫してしまう。 そこで私自身はデザインは極力外部から持ってくる事にした(または手伝ってもらう)。そうした時に役立つのがこのサイトだ。 今回紹介するのはOpen Designs、オープンソースのデザインテンプレート配布サイトだ。 Open Designsでは600種類を越えるWebページデザインがアップロードされている。ライセンスはCreative Commons、GPL、Public Domainになる。非常に様々なクールなデザインテンプレートが数多く存在している。 特にブログ向けなどのカテゴライズはないので、Webサイト全般で利用できるだろう。カラム数や色合い、バリデーションを指定しての検索も可能だ。 システムがいくら素晴らしくとも、デザインがさえないサイトはそれ

    MOONGIFT: » デザインもオープンソース化「Open Designs」:オープンソースを毎日紹介
    naka119
    naka119 2007/07/27
    デザイン オープンソース Web制作
  • Photoshopのテキストエフェクト ベスト80 | Chocolate(チョコレート)

    Sorry! There seems to be a problem connecting to our database. Please give us a few minutes to remedy the problem. Thank you.

    naka119
    naka119 2007/07/27
    Photoshop テキストエフェクト
  • ブラウザだけでプロっぽい高度な写真加工ができる『pikifx』 | POP*POP

    よくある類のツールではありますが、知っておくと便利かなということでご紹介。 ブラウザだけで画像の伸縮、切り取りから枠線をつけたり、テキストを入れ込んだり、ということができます。フィルターや枠線の種類が豊富でなかなか楽しげです。 ちょこっとだけ画像の加工をしたい、というときに便利そうですね。 以下に詳しくご紹介。 ↑ サイズ変更も直感的に行えます。四隅の四角をドラッグするだけです。 ↑ 指定した部分だけを切り抜くことが可能。これもマウスだけで操作できますよ。 ↑ 枠線も追加可能。左側のメニューを見ればわかりますが、かなりの種類があります。 ↑ フィルターも種類が豊富。 すっかりオンラインでいろいろなことができるようになりましたね・・・。フィルターと枠線は種類が豊富なので眺めていると新しいデザインのアイディアが浮かんできそうですね。 ご利用は無料です。よろしければ以下からどうぞ。 » Make

    ブラウザだけでプロっぽい高度な写真加工ができる『pikifx』 | POP*POP
    naka119
    naka119 2007/07/27
    Webブラウザ 写真加工
  • ウノウラボ Unoh Labs: PHP標準の機能(だけ)でウェブサイトのサムネイルを作る

    ではまず試しにInternet Explorerのウィンドウをキャプチャーして、そのサムネイル(ここでは160×120ピクセル)を表示してみましょう。PHPからIEを操作するにはCOMを使用します。 <?php $url = 'お好みのURLをどーぞ'; if (!extension_loaded('gd')) { exit('GD library is not loaded.'); } elseif (!function_exists('imagegrabwindow')) { exit('Function imageGrabWindow is not exist.'); } try { $ie = new COM('InternetExplorer.Application'); $handle = $ie->HWND; $ie->Width = 800; $ie->Height = 6

    naka119
    naka119 2007/07/27
    PHP Web制作 サムネイル作成
  • POLAR BEAR BLOG: 家で仕事するときの22のテクニック

    僕は会社からデータカードを渡されているので、自宅で仕事をすることも多いのですが、「家だとはかどらないから仕事は持ち帰らない」という人も多いですよね。僕も家だとつい余計なモノに気を奪われてしまうことがあるのですが、そんな時はこんなテクニックを実践してみるのはいかがでしょうか: ■ Optimize Your Work-at-Home Time With 22 Simple Schedule Tweaks (Bootstrapper) 原題を直訳すれば「家で仕事する時間を最適化する、スケジュールの簡単な調整法22」といったところで、「一般」「タスク」「テクノロジー」の3つのセクションに分けて22のアドバイスをしてくれています。さっそく内容はというと: 【一般】 早起きする 30分から1時間早起きすれば、それだけ仕事や自分のことに使える時間が増える。 無理はしない 無理をして体を壊せば、逆に時間

    naka119
    naka119 2007/07/27
    仕事術 ライフハック キャリア
  • 第7回 デキル奴は「文書化」上手:日経ビジネスオンライン

    気になる記事をスクラップできます。保存した記事は、マイページでスマホ、タブレットからでもご確認頂けます。※会員限定 無料会員登録 詳細 | ログイン この20年間、毎日、あきれるほど多くの文章を書いている。 予備校講師、検事、弁護士。何をやっても、仕事柄、大量の文書を作らなければならない。そのうえ、趣味を書いたり、ブログを書いたりしているから、私は絶対、執筆中毒に罹患していると思う。 書いている量からすれば、私には、かなりの「文書化力」が備わっているのは間違いない。「文章力」ではない。「文章力」は素晴らしい内容の文章を書く能力のことである。 これに対し、「文書化力」は自分の頭の中にあることを短時間に大量に文書化する能力のことをいう。質より量を重視するのが「文書化力」だが、この言葉は、今適当に思いついた言葉なので、辞書など引かないでほしい。 文書化力の効用 来、「文章力」を身につけるの

    第7回 デキル奴は「文書化」上手:日経ビジネスオンライン
    naka119
    naka119 2007/07/27
    文章 勉強法 ビジネス
  • WordPressのテンプレートをインタラクティブに作成可能な無料ツール『templatr』 | P O P * P O P

    WordPressユーザーには便利そうなツールのご紹介。templatrではページのレイアウトからそれぞれの要素のスタイルまで、かなり柔軟にカスタマイズしたテンプレートを作成可能です。 しかも操作はすべてインタラクティブ。自分が指定した設定をその場で確認しながら作業を進めていくことができます。もちろん作ったテンプレートはクリック一発でダウンロード可能ですよ。 ↑ まずはレイアウトを選択します。 ↑ 次にエレメントを選んでいろいろ設定。 ↑ YouTubeでの紹介ビデオもありますよ。 ご利用は無料です。こちらからどうぞ。 » Web2.0 – templatr – Template Generator

    WordPressのテンプレートをインタラクティブに作成可能な無料ツール『templatr』 | P O P * P O P
    naka119
    naka119 2007/07/27
    WordPress テンプレート デザイン
  • モザイク職人になれるフリーソフト : Gizmodo Japan(ギズモード・ジャパン), ガジェット情報満載ブログ

    携帯機器の発達により、個人でも動画を撮るのが難しくない時代となってきました。しかし撮りっぱなしというのも味がありません。ほんの1つまみでいいからスパイスを…。 という方にオススメしたいのが、もりのぱぱさんの作られた「SEffect」です。読み込める動画ファイルはAVIファイル準拠のものに限定されますが、任意のフレームから任意のフレームまで、モザイク処理やマスク掛けを自動補間しながら重ねてくれるソフトです。 秘め隠す道徳観という美徳がDNAに刻み込まれている日人だからこそインストールしておいてもらいたいフリーソフト。け、決してポッキーべているトコロとか一生懸命笛を吹いているシーンに使えって言っているんじゃないんだからね! (武者良太) [SEffect] 【関連記事】 YouTube Remixerで自分で動画をリミックスしちゃおう[操作手順] 【関連記事】 ちょっとクールなオンライン・

    naka119
    naka119 2007/07/27
    デザイン ソフトウェア モザイク作成
  • Web::Scraper で XPath と CSS セレクタを混ぜて使う例 - Tociyuki::Diary

    Web::Scraper はいたれりつくせりの仕掛けが仕込んであって、便利ですね。私が、割と良く使っている機能は以下 2 つです。 process の第一引数に、CSS セレクタだけでなく、XPath も指定できます。ただし、XPath を指定するときは先頭を必ずスラッシュ(/)で始めなければいけません。 process の第二引数以降の、値をどこから取得するかを指定する部分に、コード・リファレンスを置くこともできます。これを使うと、DOM ツリー中の値を加工して抽出することができます。 具体例として、デイリーポータルZアーカイブ一覧の中からべつやくれいさんのエントリを抽出してみることにします。まず、アーカイブ・ページのエントリ部分を取り出してやると、こうなっています。 <TD width="580" valign="top" class="tx12px"> <P> <B><FONT c

    Web::Scraper で XPath と CSS セレクタを混ぜて使う例 - Tociyuki::Diary
    naka119
    naka119 2007/07/27
    Web::Scraper Xpath
  • 広告の分類:12のタイプ

    広告業界に携わっている方々には初歩の初歩なのかもしれませんが、僕は面白く読みました(観ました?)。広告のタイプを12に分けて、それぞれのサンプルを YouTube で見せてくれるという記事: ■ There Are 12 Kinds of Ads in the World (Slate Magazine) かつて Leo Burnett (ちなみにこのサイトも一見の価値あり)のクリエイティブディレクターだった Donald Gunn 氏が分類した、広告の12のパターンについて(1978年に考えられたものとのこと)。さっそく内容は、というと…… ※12個のビデオを貼ると長くなるので、(1)以外は個別ページに置いてあります。全体をご覧になりたい方は「続きを読む」をクリックして下さい。 1. デモ 文字通り、製品/サービスの性能/内容をデモンストレーションすること。サンプルビデオはサムソナイトの

    naka119
    naka119 2007/07/27
    広告 マーケティング
  • CSSデザインで綺麗なボタンを作成する (How to make sexy buttons with CSS) - youmos

    naka119
    naka119 2007/07/27
    CSS ボタン作成
  • WordPress管理人のための便利ツール50選『50+ Tools For The WordPress Admin』 – creamu

    WordPressでブログを運営している。 そんなあなたにおすすめなのが、『50+ Tools For The WordPress Admin』。WordPress管理人のための便利ツール50選だ。 その中の使えそうないくつかをご紹介。 » Download Counter すべてのファイルのダウンロード数をカウント。 » Fix Database DBエラーをチェックして修復してくれる。 » Google Analyticator すべてのページにGoogle Analyticsを埋め込む。 » Google Sitemaps Generator Googleサイトマップを作成。 » Khanh’s Instant Notepad (KIN) メモを書き留められるノートパッド。 その他のリストは以下で紹介されている。 » 50+ Tools For The WordPress Admin

    naka119
    naka119 2007/07/27
    Wordpress 便利ツール
  • 12 のレイアウトを切替可能なテンプレート

    1つのテンプレートで 12度おいしい XHTML + CSS テンプレートを公開してみたいと思います。といっても、ごく普通のテンプレートに CSS 切り替え機能を付けただけなんですが、Blog や Webサイトを作られる際のベースとして役立てて頂けたらうれしいです。 サンプルはこちらで確認できます 全ファイルのダウンロードはこちら (zip ファイル / 50KB) 8/10 追記 初期に配布したテンプレート内に、結構な量の誤字等がありましたので、現在の最新版を下記からダウンロードしてください。 では使い方などの説明を。 ファイルをダウンロードして解凍すると下記のようなフォルダ構成になっています。 index.html (XHTML テンプレート) cssCSS ファイル格納フォルダ) img (画像ファイル格納フォルダ) js (JavaScript ファイル格納フォルダ) 基的に

    12 のレイアウトを切替可能なテンプレート
    naka119
    naka119 2007/07/27
    Webレイアウト テンプレート
  • 好きな画像を机の上に散らばったポラロイド写真風にする「Polaroid Gallery」 - GIGAZINE

    クリエイティブ・コモンズのライセンスで提供されており、自分の好きな画像を机の上に散らばったポラロイド写真風に表示することができるFlashファイルです。画像はダブルクリックすると拡大されます。 使い方は至って簡単で、同梱のファイルに表示したい画像ファイル名と、説明文を書くだけ。あとは表示させたい画像を一緒にアップロードすれば自動的に読み込んでバラバラバラ~っと並べて見せてくれます。Flashで作られているのでやろうと思えば自分のブログに埋め込むなんてことも可能です。また、編集できるようにFlaファイルも提供されているので改造もできます。 ダウンロードは以下から。 Polaroid Gallery v.1.01 http://no3dfx.com/polaroid/ ダウンロードしたZIPファイルを解凍し、中にある「photos.xml」を編集するだけです。実際にどんな感じで書くかというのは

    好きな画像を机の上に散らばったポラロイド写真風にする「Polaroid Gallery」 - GIGAZINE
    naka119
    naka119 2007/07/27
    ポラロイド風 Webデザイン
  • 3分LifeHacking:消えてしまったWebページを閲覧する - ITmedia Biz.ID

    インターネット上の情報は永遠ではない。さっき見たページがなくなっている……というときに困らないように、何とかなるかもしれない方法。 ブックマークしておいたサイトに行ったら、消えていた。昨日は表示されていたのに──。 インターネットに載っている情報は、必ずしもずっと残っているわけではない。いったんは公開したものでも、個人の都合で消去されることもあれば、サービスの終了に伴いサイト自体がなくなってしまうこともある。そうはいっても、重要な情報は確認したい。 そんな“消えてしまったWebページ”を閲覧するための方法を3つ紹介しよう。 Googleのキャッシュに残っていないか? Googleの検索エンジンは、「該当ページのサーバがダウンした場合でも、ページの内容が見られるように」、多数のWebページの中身を保存している。Google検索の結果一覧画面に「キャッシュ」というリンクがあり、これを押すとGo

    3分LifeHacking:消えてしまったWebページを閲覧する - ITmedia Biz.ID
    naka119
    naka119 2007/07/27
    Webサービス 紛失 閲覧
  • ブログテンプレート作成ツールで簡単ブログデザイン! - CSSEZ

    Cssez : ผลบอล บอลวันนี้ วิเคราะห์บอล ข่าวฟุตบอล เราคือผู้นำของเว็บดูผลบอลสดออนไลน์ ผลบอลสดภาษาไทย 7m ข่าวฟุตบอล สรุปผลบอล ไฮไลท์ ที่สามารถเช็คผลบอลทั่วโลก มีทั้งภาษาไทย Livescore 7m 888 ผลบอลมีเสียงวันนี้ล่าสุด พรุ่งนี้ หรือเมื่อคืน รวบรวมเว็บผลบอลต่างๆมากมายมารวมไว้ที่เดียวเช่น livescore.com 7m.cn 888scoreonline.com thscore.cc และ spbo.com รวมทั้งมีวิเคราะห์บอล ตารางบอล คะแนนบอล และดูบอลสดออนไลน์

    naka119
    naka119 2007/07/27
    CSS作成・共有・編集ツール Webデザイン