MENU ホーム サイトマップ プライバシーポリシー お問い合わせ ホーム サイトマップ プライバシーポリシー お問い合わせ 記事が見つかりませんでした。 閉じる error: Content is protected !!
3button
MENU ホーム サイトマップ プライバシーポリシー お問い合わせ ホーム サイトマップ プライバシーポリシー お問い合わせ 記事が見つかりませんでした。 閉じる error: Content is protected !!
MdN Design｜総合情報サイト
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──デザインに使えるツール（2） [technique 16] 雑誌からデザインインスピレーションを得る 文＝伊東美沙貴（AISHA） Tool Color of Book URL http://colorchart.jp/ デザインや色彩を検討するとき、Webデザインギャラリーサイトを眺めてもインスピレーションがわかないときがある。そんなときに活用したいツールが「Color of Book」だ。 このオンラインツールは、amazon.co.jpで取り扱っている本や雑誌の表紙で使用されている色彩をRGBで解析することができる。このColor of Bookを使うときは、ターゲットが読む本や雑誌をいくつかピックアップし、本の名前や雑誌名で検索するだけでよい。 また、ファッションとスポーツ誌はプルダウンメニューか
フォントサイズの比率をemや%を一覧で表示する - MdN Design Interactive
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──コーディングに使えるツール（2） [technique 09] フォントサイズの比率をemや%を一覧で表示する 文＝ハヤシユタカ（（有）ムーニーワークス） Tool PXtoEM URL http://pxtoem.com/ デザイン作成時において、テキストはpxかptで作成し、コーディング時には%かemが主流になっているが、pxかptでの文字サイズは「PXtoEM」を使用すれば、デフォルトのフォントサイズを決め、その数値からフォントサイズの大小比率をemや%を一覧表で表示してくれる。そのほか「Get CSS」でCSSファイルを参考にしたり、カスタムフィールドで細かい数値の参考値を計算したりしてくれるので、まだ文字の調整に自分のルールを持っていない人にオススメのツールだ。 左のリストからベースにしたい文字
MdN Design｜総合情報サイト
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──コーディングに使えるツール（2） [technique 08] 肥大したCSSファイルを圧縮する 文＝小山勝正（Chameleon Graphics） Tool CSS Compressor URL http://www.csscompressor.com/ CSSをつい乱雑に記述してしまったり、運営フェイズに入って追記を重ねて重複分が多くなってしまった場合に、CSSファイルを圧縮してくれるオンラインWebサービスが「CSS Compressor」だ。Webサイト内の「CSS Input」欄にCSSをコピー&ペーストして、「Compress」ボタンを押すことで圧縮が開始される。圧縮方法には多くのオプションがあり、colorやfont-weightに適用するか、不必要なバックスラッシュやセミコロンを消去する
カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン
相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介されていましたので、ここから17個を厳選して以下に紹介します。 1. Color Scheme Designer 3 「Color Scheme Designer 3」は、バランスのとれた色味を生成してくれるジェネレータ。配色に困ったらまずここでヒントを得ましょう。 2. Toucan 「Toucan」では、似た色や逆の色など配色パターンが選べます。画像から色を抽出することもできますよ。 3. kuler 「kuler」は、Adobe製の配色パターン生成ツール。直感で色を決めてみましょう。Adobe製品との連携もあるようです。 4. ColoRotate 「ColoRotate」
OSを選ばないウェブデザイナーのための使えるウェブアプリ15
OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。
CSS3 Please! The Cross-Browser CSS3 Rule Generator
CSS3, please! This element will receive instant changes as you edit the CSS rules on the left. Enjoy! /* ------------------------------------------------------------- CSS3, Please! =================================================== Update: We recommend using Autoprefixer instead of CSS3Please. You can edit the underlined values in this css file, but don't worry about making sure the corresponding
Favicon & App Icon Generator
Generate icons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps Generate only 16x16 favicon.ico What are Favicons? Favicons are small 16x16 icon files that are displayed next to the URL of your site in a browser's address bar. Additionally they're often displayed next to the name of your site in a user's list of open tabs and bookmark listings making it easier for the user to quickly id
エクセルシートをコピー&ペーストでHTMLテーブルに変換できる「エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)」
TOP > WebDesign , WebService > エクセルシートをコピー&ペーストでHTMLテーブルに変換できる「エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)」 HTMLの中でも、特に手打ちの場合、面倒な部類に入る表組み。最近ではテーブルは一切使わないなんて事がありますが、テーブルで組む利便性もあったりします。今日紹介するのは煩わしいテーブル組みをエクセルからのコピー&ペーストで簡単に変換できる「エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)」を紹介したいと思います。 手順は非常にカンタンで、エクセルから表にしたい部分をコピーして、細かい部分を設定し、変換ボタンを押すだけで簡単に表を出力してくれます。 詳しくは以下 変換されたテーブル 単純に変換するだけではなくて、Thタグの背景色だったり文字色、クラス名を埋め込んだりなど、テーブルに必要な細か
CSSDesk - Online CSS Sandbox
body { font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 100px; font-size: 13px; } div { background: #fff; margin: 0 auto; width: 200px; padding: 100px; text-align: center; /* border-radius */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* box-shadow */ -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2
10 Free Tools for Maintaining Your WordPress Website
Keeping up with updates to core, plugins and themes are crucial. But there are other items that should also be kept in mind. Your site’s database, security, file structure and overall performance all should be kept in tip-top shape as well. Let’s have a look at ten free tools that run across the entire spectrum of keeping your WordPress website humming along. Wordfence Security Wordfence is a secu
CSS3 Gradient Generator
The CSS3 Webkit Gradient Generator is a showcase for the power of CSS webkit gradients. It also provides a simple graphical user interface for working with CSS webkit gradients, allowing a user preview real time what their gradient will look like and provide the code for the gradient they generated.CSS3 Gradient Generator v2.0 Welcome to the CSS3 Gradient Generator! Please be aware that in order t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Welcome - Csscorners
CSSをすっきりきれいに整形してくれる『ProCSSor』 | 100SHIKI
Toptal's CSS3 Generator Tool allows you to easily generate useful snippets of CSS3 and copy them straight into your projects.
動作が快適で使いやすいCSS3のジェネレーター -CSS3 Playground
Button Maker
gridr buildrrr
SlickPlan -Free Flowcharts | Free Sitemap | Flowchart Design | Sitemap Design | Flowchart Design | Creating Flowcharts
Iconizer.net | Free icons generator