【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
Sublime Text
Effortlessly Split Panes and Navigate Between Code With the new Tab Multi-Select functionality, tabs become first-class citizens in the interface. A simple modifier when performing actions will split the interface to show multiple tabs at once. Works with the side bar, tab bar, Goto Anything and more! What’s New Sublime Text 4 is packed with new features and enhancements, including: GPU Rendering
responsivepx - find that tricky breakpoint
About responsivepx Enter the url to your site - local or online: both work - and use the controls to adjust the width and height of your viewport to find exact breakpoint widths in pixels. Then use that information in your media queries to create a responsive design. Watch the video explaining usage and why it was built. If your site appears with scrollbars, make sure to check the scrollbar visibl
Media Queryを使用したレスポンシブWebデザインの構築時にはResponsivepxっていうツールが超オススメです
たまたま見つけたツールが泣きそうなくらい 便利だったのでシェア。Media Queryを使用 したレスポンシブなWebデザインの構築時 にとっても役に立ってくれるツールです。URL を指定するだけで、あとは幅を調整しながら レイアウトの微調整が可能です。ページ推移 も不要なのが大きいですね。 今日ご紹介するResponsivepxは、インタラクティブに指定幅の表示を確認出来るWebサービスです。Media Queryを使用したレスポンシブなWebデザイン構築時に、微調整したいときはかなり効果を発揮しそう。 Kristaliaでテスト。URLを入力するとそのサイトが表示されますので、あとはマウスでバーを動かして好みのサイズに変更するだけ。 MediaQueryを使ったレスポンシブなWebデザインのサイトなら設定値に達した時点でMediaQueryが適応され、レイアウトが変化しますので、微調整
【黄金比・計算ツール・2カラム対応】 - 黄金比計算ツール
重要なお知らせ：このページのツールは、Flashの技術を用いて表示させていたため、現在は動かすことができません。申し訳ございませんが、ご了承下さい。 Webデザインに黄金比を取り入れよう - Re:Creator’s Kansaiに、黄金比をWebデザインに活用する海外の記事の翻訳が載っていました。 黄金比とは、最も美しいとされる比「1:(1+√5)/2」のことで、近似値は1:1.618、約5:8です。「その美しさをWebデザインでも」というのがエントリの趣旨です。 Webデザインの場合、横幅を固定し、縦幅は固定しないデザインが一般的です（ディスプレイサイズを考え、文字数の増加は横方向のスクロールなしに、縦方向へのスクロールで対応している）。Flashで作られたサイトなどは、縦幅も横幅も固定している場合があります。 Webデザインに黄金比を取り入れようとした場合、全体の横幅と横幅の比からそ
「ゆっくり実況」を誰でも簡単に作れるツール「ゆっくりMovieMaker」で、ヒビコレちゃんにおしゃべりさせてみた
※本記事はアフィリエイトプログラムによる収益を得ています ヒビコレちゃんがゆっくりに あの「ゆっくり実況」動画を誰でも簡単に作ることができる、素敵なツールがニコニコユーザーの手で開発されました。「饅頭遣い」さんが作った「ゆっくりMovieMaker」は、これまで面倒だったゆっくりボイスの編集作業を、大幅に短縮・簡略化できるツールとしてさっそく注目を集めています。 「ゆっくり実況」というのは、いわゆる「実況プレイ動画」の1ジャンルで、自分でしゃべるかわりに、SofTalkという無料のおしゃべりツールに実況させているものを指します。肉声を晒さなくても実況プレイ動画を作成できることから、ニコニコ動画では特に人気のあるカテゴリのひとつです。 通常、ゆっくり実況動画を作る場合、まずSofTalkで音声データを作成・録音し、それをAviUtlなどの動画編集ツールを使ってひとつひとつに貼り付けていく――
文字コード変換ツール「KanjiTranslator」(フリーソフト)
文字コード変換ツール「KanjiTranslator 1.6」 ツール概要 このツールは、大量のファイルの文字コード（及び改行コード）を一括して変換するツールです。 フリーソフトウェア・無保証です。 個人の方だけでなく、営利/非営利問わずどのような団体・機関でも無料でご利用頂けます。 対応している文字コードは、ShiftJIS, ISO-2022-JP, EUC-JP, UTF-8（日本語のみ)です。 テキストエディタ Crescent Eveの文字コードエンジンにより、 変換元の文字コードは高精度で自動認識します。 ファイルを直接置き換える為、必ず事前にバックアップを行ってください。 変換エラーとなった場合、エラー理由が表示され、元のファイルがそのまま残されます。 （変換エラーとなる原因は「画像等のバイナリファイルを変換対象とした場合」もしくは 「対応していない文字コードだった」のどちら
Webサービスを作る人にオススメ！仕事が捗るツール＆小技10選 - パパパパ
僕はこれまで何度かWebサービスを行うスタートアップでSNSやメディアの立ち上げに携わってきました。個人的にもWebサービスを企画してサイトをいくつか運営してきました。今回の記事は、そうした経験の中で、「仕事が捗るわぁ」「便利だなぁ」と思ったものを中心に取り上げてみます。野球選手が自分のグローブを大切に管理するのと同じように、僕らのようにパソコンを使って仕事にする人にとって、普段使うパソコン、あるいは中にいれるソフトやツールを大事にすることで、より良い仕事ができるようになると思います。というわけで、僕が普段良く使うツールと小技を中心に10個リストアップしてみました。 なお、この記事はMac Lion 10.7.5とChrome（12/25時点最新バージョン 23.0.1271.101）を前提に書いています。 1. パソコン越しに遠隔操作 遠くはなれている環境で、相手のパソコンを操作して問題
サイト作成にLiveReloadはあると捗る
LiveReloadはhtmlやcssを保存した時に自動でブラウザをオートリロードしてくれるソフトです。 MacではSassなどのコンパイラーとしてわりとメジャーなソフトなのですが、Win版もあります。 以前のバージョンでは当方環境のWindows7(64bit)ではうまく動かず一旦アンイストールしていたのですが、先日アップデートがありWindows版は大幅なUI変更が行われました。 なので試しにインストールしなおしたら、問題なく動作し快適です。これは捗ります。 WindowsにはこういったオートリロードのGUIツールが無かったので愛用しそうです。導入も簡単。LIVERELOAD Windows版は現在アルファバージョンで今のところ無料で使えます。 ダウンロードはこちらから「On Windows:」の「Download an alpha version」で。 以前はMac版のようなUIだっ
NeTREKER
presented by upRise upRise BBS ■2008/01/25 Soda Ver. 2.00 公開 2008.01.25 更新 Soda Ver. 2.00 動作環境 Windows 2000/XP/Server 2003/Vista フォルダの移動を支援するソフト Download md5sum : 0a52ffaf37e56703eb4ed2f05c81eb56 2006.04.21 更新 Monica Ver. 1.16 動作環境 Windows 98/98SE/Me/2000/XP/Server 2003 CPU使用率をタスクトレイアイコンに数字で表示 Download md5sum : 9b30d20f626dea07a2cf551290dfa6b0 2005.08.10 更新 CmdHelp Ver. 1.05 動作環境 Windows 2000/XP/S
SWFTOOLS
SWFTools is a collection of utilities for working with Adobe Flash files (SWF files). The tool collection includes programs for reading SWF files, combining them, and creating them from other content (like images, sound files, videos or sourcecode). SWFTools is released under the GPL. The current collection is comprised of the programs detailed below: PDF2SWF A PDF to SWF Converter. Generates one
新しいPCに入れる基本ソフト3つ：Windows版
777ブログウェイ始まりましたー！ この記事は面白法人カヤックの七夕のイベント「777」に向けたリレーブログです。 技術系のアドベントカレンダー(*)になぞり、777イベントが開催される7月7日までの期間に、 4つの職能ブログ ( エンジニア、デザイナー、フロントエンドエンジニア、ディレクター ) を横断し、更新します。 テーマは「つくるための三種の神器」。 カヤック有志による、それぞれの切り口で記事を投稿していきます。 では期間中、どうぞお楽しみにください。 私の厳選定番ソフト3つ！ というわけでトップバッターとなりますが、新しいPCを買った時に最初に入れる3つのソフトをご紹介します。 私は手に入れやすい定番ソフトが好きなので、超基本的なものをご紹介します。 ハイブロウな高機能なものや、マニアックなソフトではないので、ご了承ください。 IrfanView 画像ビューワ。もう10年くらい使
optipng home page
optiPNG is a PNG optimizer that recompresses image files to a smaller size, without losing any information. This program also converts external formats (BMP, GIF, PNM and TIFF) to optimized PNG, and performs PNG integrity checks and corrections. If you wish to learn how PNG optimization works, or to know about other similar tools, see the PNG Tech article A guide to PNG optimization. DOWNLOAD opti
CSSのセレクタによる優先順位を分かりやすくビジュアル化するオンラインツール -Specificity Calculator
Specificity Calculator CSSの優先順位とは、例えば同じセレクタでスタイルを定義した場合、後に記述したものが適用されます。これは「後に記述したものが優先される」ということです。 例： <h1 class="title">見出し</h1> h1の見出しに、同じセレクタで異なるスタイルを適用してみます。 .title{ color:red; } .title{ color:blue; } この例では、後に記述した「color:blue;」が適用されます。 いわゆる、上書き状態です。 また、記述の順番には影響されず、セレクタのポイントにより優先順位が決まります。 ここで紹介する「Specificity Calculator」では、セレクタを入力するだけで、そのポイントをビジュアル化して優先順位が簡単に分かるようになります。 例： h1.title{ color:red; }
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ
http://www.toyomedia.com/appli/
Internet Explorer デベロッパー センター
フォントサイズpx,em,%,pt
SWFToolsを使ってswfの縦横比(size)を調べる
Responsinator