700個以上の無料で使えるアイコン「Silk Icons」
サイトをデザインする際や、ソフトウェアのツールバーなどにも利用可能。いろいろな種類のアイコンがあるので、とりあえず持っておけばいつか役立つことは確実。 含まれている全種類のアイコンのプレビューは以下の通り。 famfamfam.com: Silk Icons Preview http://www.famfamfam.com/lab/icons/silk/preview.php ダウンロードは下記から。 famfamfam.com: Silk Icons http://www.famfamfam.com/lab/icons/silk/ ほかにもこのサイトには無料で利用できるアイコンがあります。 famfamfam.com: Mini Icons http://www.famfamfam.com/lab/icons/mini/ famfamfam.com: Flag Icons http://
PHPでフラッシュのグラフを作る「PHP/SWF Charts」 - GIGAZINE
これを使えば無料で恐ろしく見栄えのするフラッシュでできたグラフをPHPで作成することができるようになります。標準的なグラフを表示するだけでなく、アニメーションを使った様々なビジュアル効果を加えたり、印刷ボタンや切り替えボタン、グラフを見る方向の変更、複数のグラフの混在なども簡単にできるので、一風変わったグラフ表示をお手軽にしたい人には最適ではないかと。 PHP/SWF Charts http://www.maani.us/charts/index.php その他のグラフのサンプルは以下を参照 http://www.maani.us/charts/index.php?menu=Gallery ダウンロードはこちらから http://www.maani.us/charts/index.php?menu=Download ほかにも有用なものがあるので、多彩な表現方法を手間無く使いたい人は必見。
画像やページをLightBox風に表示できるThickbox:phpspot開発日誌
Thickbox - One box to rule them all. Thickboxを使えば簡単に画像やHTMLファイルの中身をLightBox風にカッコよくページ内表示できます。 画像の場合 必要なCSSファイルとJavaScriptファイルをインクルードした上で、次のように画像タグを<a>タグで囲います。 <a>タグには class="thickbox" を指定し、title属性に画像の説明文を入れます。 <a href="images/image2.jpg" title="画像と一緒に表示させたい文字列" class="thickbox"><img src="images/image2_t.jpg" alt="Image 2"/></a> たったこれだけで、次のようにLightBox風に画像を開くことが出来ます。 titleで指定した説明文が画像の下に入ってます。 次にHTML
Movable Type 入門
Movable Type5 MovalbeType5の新機能Movable Type 5のダウンロード方法カスタムフィールドのインポート インストールと基本設定 Movable Type用にレンタルサーバーを借りるMovable Type4ダウンロードファイルの解凍、アップロード、cgi属性変更configファイルの設定は不要ブラウザからconfig設定ブラウザからユーザ設定ムームードメインで独自ドメイン取得 アップグレード Movable Type4 アップグレード方法 MT４アップグレード トラックバックで止まった場合 付録 解凍ツールの設定 FTPのインストール FTPの設定（ロリポップ編) 管理画面の使い方とカスタマイズ MovableType 4 初期画面 初期設定は分かりづらい テンプレートの種類と作成方法手順 新規ブログの設定方法 ウェブページの使い方 Movable Typ
webデザインに使えるメニュー・アイコン：Goodpic
This shop will be powered by Are you the store owner? Log in here
Photoshop でつややかな表現をわりと簡単に実現する
2006-05-05T20:05:06+09:00 Illustrator などを利用してベジェ曲線で書いた絵に Photoshop を利用してつややかな表現を加える方法は何通りもあり、すでにたくさんのノウハウが存在しますが、それなりのものならほんの少しの作業で実現できます。いつも違う方法でやってしまいあとで苦労する事があるので、自分自身の忘記録も兼ねてその Tips をまとめておきたいと思います。Photoshop CS で作成したデータですが、サンプルファイルも用意しているのでもしよろしければダウンロードして使ってみてください。 サンプルファイルをダウンロード(tsuyayaka-sample.psd) サンプルファイルはせっかく角丸の四角形で作成したので、Feed Icon として利用できるように、オレンジで描いたレイヤーと、アンテナ部分を描いたレイヤーも追加してあります。 レイヤー
light on dark | inspiration for your darker side
Articles How To Choose The Right Grid It's easy enough to understand how grids are helpful in organizing your content. Not as easy is deciding what type of grid best suits your content and how to build it. Here's how I made decisions about what grid to use for the redesign of this site. 31 Comments New Visual Proportions for the iOS User Interface The quote above is taken from Josh Clark’s book Ta
ページ配色を決めるのに便利な無料サービスいろいろ - GIGAZINE
まずは何も考えずに配色を考えたい人向けの「Color Wheel」から。 Color Wheel - ver 2.0.1 http://www.webwhirlers.com/colors/spinwheel.asp 「SPIN」をクリックすれば次々と配色が自動的にドンドン変わっていくので、お気に入りを見つければいいだけという超簡単仕様。各配色は背景や文字色などに割り当てられており、チェックマークを押すことで入れ替え可能。また、「HOLD」にチェックを入れればその色は「SPIN」を押しても変化しないようにできるので、気に入った色を見つけたらそれだけ固定して、さらに次の色も固定して入れ替えて…というようにすれば、いくらでも自分好みのカラーパターンを生成できるというわけ。 また、「Example1」以外にも「Example2」を押せば違うページレイアウトでの使用例も見ることができるので、同じ配
Free Vector Clipart and Icon
Download these vector graphics and feel free to use for your projects, personal or commerical. These graphics are in .pdf format, support most graphic application like Flash, Photoshop, Illustrator, etc. These cliparts/icons are great for creating webpage link buttons, forum icons, or software interface. To download, right-click on the link and select "Save target as…" User / Profile / ID File Dow
Photoshop で背景透過の美しい favicon を作成する - 2xup
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
Googleサービスの使い方！
※以下、全ての新着を紹介すると膨大なので、追加した主要リンクのみの紹介。 5/30： Googleツールバー用 カスタムボタン工房 5/28： Googleイメージ検索で「顔写真」や「ニュース画像」を限定検索！ 5/28： YouTubeプレイヤーに３つの新機能！ 5/25： Google Calendarがついに携帯に対応！ 日本語対応も。 5/25： Google 翻訳に言語横断検索登場！ 5/24： Googleが「Adsense For Video」テスト開始 5/24： GoogleがFeedburner買収へ 5/23： 今ホットな話題が分かる「Google Hot Trends」公開 5/23： Googleカレンダーをオフラインで使う方法
badboy.media.design :: articles :: Niceforms
This is where Lucian writes about design, coding, business, the web, and other stuff. Occasionally he also posts some of the photos he takes. Before Internet Explorer 7 and Windows Vista, web text on PCs looked significantly different than it did on Macs. That was because OS X has long employed an anti-aliasing engine, named Quartz, I believe, whereas Windows XP and all previous versions displayed
chem-duckの日記 - 新卒採用面接の感想
去年、面接の感想を書いてからもう一年か…。ま、それはともかく、思いついたことを箇条書き風に。 ●全体的に資格をいろいろと取っている人が多い（特にマイクロソフト・オフィス・スペシャリスト）。そういうので選ばれるということはないとは思うが、同じような評価の人が並んだ場合には加点要素ではあるかもしれない。 ●志望動機などはどれも同じすぎ。他の志願者との差別化戦略が不十分なので、聞くだけ時間の無駄なので、途中からは止めた。 ●大学でやってきたことは、もっと事前に考えて整理しておいたほうがよい。例えば、せっかくおもしろいエピソードを持っている人であっても、そのエピソードから導き出される結論が決まって平凡なのは何故なのか。おもしろいエピソードの意味がない。 ●客観的に見て、女性のほうが優秀。まずコミュニケーション能力が段違い。突っ込みを入れていったときの返しなど、相手との関係をうまく構築しようと自然に
Webページ→画像変換ツール - 徒然なるままにBlog
やることがないちょっと手が空いたので前回に引き続きAjax + PHPで簡単なツールを作ってみました。 今回のツールはWebページのキャプチャ(スクリーンショット)を取ってそれをサムネイル画像に変換するものです。 使い方はとても簡単で"WebページのURL"に適当なサイトのURLを入力し、 "イメージ作成"ボタンを押してしばらくするとそのページが画像として表示されます。 少し変換に時間が掛かるので表示されるまでジッと待っていてください。 最近は検索サイトなどで検索結果とそのページのサムネイルを同時に表示してるところもあるので 実は結構需要があるのかなと思います。手動でキャプチャしてサムネイル作るのも面倒だし。 WebページのURL： サムネイルの大きさ:
住太陽の「SEO 検索エンジン最適化」
私がSEOを始めたときから住太陽さんやその書籍からたくさんのことを学ばせていただきました。 このサイトには多くの人が学ぶべき正しいSEOの情報が詰まっています。このサイトの情報をもとにして自身のウェブサイトに合うようにアレンジすることで、成功に近づけると思います。 日本でトップのSEOコンサルタントを3人挙げろと言われたら、絶対に住太陽さんを含めます。実績と経験、知識ともに間違いなくトップです。でも、住さんの最も素晴らしいところは、知識の共有です。住さんが惜し気もなくこのサイトで公開している情報は、ウェブのどこにもない独自のもので、かつ極めて有用です。僕自身も多くのことを学ばせてもらっています。 SEO(検索エンジン最適化)の意味SEO(Search Engine Optimization: 検索エンジン最適化)とは、自社のウェブページがGoogleやBingなどの検索結果で上位に表示され
Google Calendar の使い方 | グーグル・カレンダーの便利な機能や特徴を紹介します
ネットで検索してたら、ルシアクリニックの京都駅前院がめっちゃ気になるなぁ。 医療脱毛なのにすごい安くていい評判も聞くけど、ほんとに痛くないのかな？ 通っている人の口コミをみてみたいなぁー。 なんて気になったので、ルシアクリニックの京都駅前院についてSNSやネットで調べてみました。 そう思ってSNSを中心に調べてみたら、、、口コミや評判も良いじゃない♪ ちなみに、似たようなサービスや商品があるかも？なので、今回調べてみたのはこちらになります。 オープンしました！ ルシアクリニックの京都駅前院ですが、すでにオープンしています！（2020年8月20日オープン済） もちろんですが、オープンしたてなんでめっちゃ予約が取りやすいです。 ただし！！人気のある医療脱毛院なので早めの予約が良いかも？！
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
CSS Showcase | CSS Navigation Menus, Tabs and CSS Navigation Techniques Showcase
Hint: due to my provider's problems this option was deactivated. Sorry for inconvenience. Aqua & Chrome by M.Samy Silva Orange, Blue by Daniel Constantin Blue & Red by V. Friedman Blue, Black, Pink by V. Friedman Make the world prettier! If you'd like to share your css navigation designs with other web-developers, use this template for creating the menus. Please make sure that your css-code valida
Mini Pixel Icons
Over 320 mini pixel icons! All Free! These mini icons are designed at 14×14px with transparent background. They are specially designed for header or side navigation buttons. Feel free to use these icons for your site (personal or commerical). However, if you are using more than 10 different icons, you must give a link back to N.Design Studio. If you like these icons, please help me to spread out t
デフォルトスタイルの差異を無くす CSS
2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前回配布していたものとの変更点は次のようになります。 定義グループにアウトライン番号を記述 ベーススタイルのデザインをシンプルに記述し直し 使用していたカラーを一部を除いてモノトーンに変更 Yahoo Library Fonts CSSを組み込み、各ブラウザで文字サイズが同一になるように修正 プロパティ記述順序をhail2u.net「CSS2 Specificationでのプロパティの出現順序」に沿
GIGAZINE - FirefoxやThunderbirdのメモリ消費量を劇的に減らす方法
Firefoxはページのブラウジングを快適にするため、パソコンに搭載されているメモリを使いまくるという仕様になっています。ふつうの一般ピープルであればだからといってどうということもないのですが、Firefoxを好んで使う人のブラウジングスタイルだと異常なほどのメモリを消費し、もっさりしてきたり、快適さが損なわれてしまうように感じるのもまた事実。 なんとかならないものかとみんなあれこれ試行錯誤しているわけですが、そういう対策で一番お手軽で快適さが損なわれない方法を1つ、ピックアップしておきます。 なお、この対策方法はFirefox、Thunderbird、Mozillaで動作確認しています。 ■最小化したときにメモリ消費量を減らす メモリ消費量を抑える一番簡単な方法です。やり方もとっても簡単。 1. アドレスバーに「about:config」と入力してEnterキーを押す 2. 開いたページ
履歴書作成メニュー
履歴書メーカー RESUME MAKERv4.0embed fonts メニューからお好みのテンプレート、出力枚数を選びボタンを押してください。 フォーマットは４種類。全８パターン。コンビニプリント対応。2021年リニューアル。 入力フォームでは氏名等につづく誕生日欄を入力すると、一般的な学歴が自動セットされますので、あとは適宜行の削除や追加、〇〇や△△、□□等を上書き編集してください。 JIS規格タイプ RESUME MAKERv4.0embed fonts 大枠で文字が書きやすく印鑑不要。得意科目や健康状態欄がありません。 B4(A4)１枚用のほか２枚組はA4用紙左右１枚づつ作成します。※プリント時に用紙に合わせる
Browsershots
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
Suckerfish HoverLightbox - Jon Christopher
Update: If you’re a fan of the Suckerfish HoverLightbox, you’ll probably like the Suckerfish HoverLightbox Redux, a new and improved version. From time to time I come across some truly impressive techniques that are a great blend of CSS, XHTML, and sometimes JavaScript. Personally, I am not a big fan of implementing JavaScript, but it is sometimes unavoidable. That is usually due to circumstances
iTune Icon
The challange of this tutorial is to use various Blending modes and blending techniques to replicate the iTune icon. This tutorial is a good exercise to master your Blend techniques. Version: Illustrator 9+ Download Source File 1. Basic shapes Start making the basic shapes of the iTune icon. If you need help on how to trace from an image, visit my Tracing Photo tutorial. 2. Music note Make a gloss
Lightbox 2
Overview Lightbox 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. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Background Image Maker
MacOSX をお使いの方に質問です。 Windows から MacOSX に Switch したのですが、気づけばあまりフリーソフトの類を使っていないことに気づきました。ターミナルから使うコ.. - 人力検索はてな
サービス終了のお知らせ
http://www.project-fao.org/
1Tool.net domain is for sale | Buy with Epik.com
Lucky bag::blog: Appendix
PhotoShop & Web Design. | フィルタープラグイン
fortysomething.ca