Free Design Tips Get simple actionable web design tips in your inbox every Tuesday. GO
Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/machonne/aniweb-design.com/public_html/wp-content/plugins/jetpack/_inc/lib/class.media-summary.php on line 77 Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/machonne/aniweb-design.com/public_html/wp-content/plugins/jetpack/_inc/lib/cla
2017年7月14日 便利ツール 久しぶりに自分がブックマークしているサイトを整理してみました。昔から変わらず愛し続けているWebサービスやチュートリアルサイトなど多数あったので一挙にご紹介します!有名どころからあまり知られていないけど便利なサイトまで、多数あるので時間のある時にじっくり見てみてください! ↑私が10年以上利用している会計ソフト! ブックマークしているサイト 目次 Webサービス デザイン関連 画像関連 CSS jQuery WordPress フォント スマートフォン 配色関連 HTML5 メルマガ Webサービス 1. Sendoid Sendoidは会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。 2. HTMLエンコードフォーム HTMLエンコードフォームは特殊記号などをエンコード・デコードしてくれるWebサービ
オンラインでもPhotoshopでも、数値を指定して簡単にグリッドが設計・作成できる「Modular Grid Pattern」を紹介します。 Modular Grid Pattern [ad#ad-2] Modular Grid Patternは、オンラインでもPhotoshopでも同様の手順で、簡単にグリッドが作成できます。 Modular Grid Pattern:オンライン版 Modular Grid Pattern:Photoshop版 Modular Grid Pattern:オンライン版 ベースラインの高さを変更しているキャプチャ 作成したグリッドは、3つのフォーマットでダウンロードできます。 PNG pattern ※GIMP用 Photoshop pattern ※Photoshop用 Transparency mask ※Fireworks用 [ad#ad-2] Mod
検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力
CSS3 Generator CSS3の各ブラウザごとの対応状況の確認とソースコードの生成が同時に行える便利ツール。対応状況はブラウザのアイコンの上にカーソルを持っていくと表示されます。 Official Site CSS3 Gradient Generator v2.0 グラデーションのコードを吐き出すツール。カラーピッカーなどを使って直感的に操作できる Official Site CSS Border Radius ボーダーの角丸を表現するコードを吐き出すツール。四辺の周囲にある数値を変更するだけです。 Official Site Button Maker 画像を一切使わずにCSSだけでクールなボタンを作成。グラデーション、角丸、影などの調節が可能 Official Site CSS3, please! 左側のコードを書きかえると、プレビューが右上のプレビューが変化します。CSS3テス
There are 16,777,216 color hex codes. With so many options, how do you choose the right color? The latest research on color perception tells us that somewhere between 40% to 99% of these colors are indistinguishable to the human eye.* Which begs the question: if we can't see the difference between two colors, why should we waste time deciding between them? What if you could easily narrow down the
Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように
東京都台東区で黙々とウェブでサービスを開発している株式会社アストロデオのホームページです。
Adobeさんが、クロスブラウザ表示テストサービス BrowserLabを開始したので使ってみました。 https://browserlab.adobe.com/index.html このサービスを使うと、以下のブラウザでの表示テストが可能です。 Windows XP Firefox 2.0(2.0.0.18) Firefox 3.0(3.0.13) Firefox 3.05(3.5.3) Internet Explorer 6.0(6.0.3790.3959) Internet Explorer 7.0(7.0.5730) Internet Explorer 8.0(8.0.6001.18702) Chrome 3.0(3.0.195.27) Mac OS X Safari 3.0(3.2.3) Safari 4.0(4.0.3) Firefox 2.0(2.0.0.18) Firefo
Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。 いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのwebサイト作成時にサイトカラーを決められない人の為のwebサービスいくつかという記事も凄く参考になりますよ。 原色大辞典 色のリファレンス国内サイト。国内にも同じようなサイトは沢山ありますが個人的にここが一番見やすくて使いやすいです。 原色大辞典 colr.org 写真からスキームを作成してくれます。手持ちの画像をアップロードしてスキーム作成も可能ですが、flickrからランダムで呼び出したり、ピッカー機能があったり、タグ付け出来たりと多機能ですが、UIがシンプルで使いやすい。動作も軽いので重宝しま
Online diagramming tool for collaborating on wireframes, flowcharts, and more
960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,
対象ユーザーとサイトの目的ごとにまとめた全17パターンの記事一覧はこちらからどうぞ。 「就職希望者×採用サイト」成功の法則まずは、企業の採用活動を支える採用サイトのあり方について考えていきます。優秀な人材を獲得したいと思うのはどの企業の人事担当者でも同じことでしょう。果たして、企業の採用サイトにはどのような役割が求められているのでしょうか。 企業・就職希望者双方からみた現状インターネットが重要なツールとなった今日では、リクナビやイーキャリアに代表される採用ポータルサイト(就職情報サイト)が非常に重視されています。かつて、知名度がない企業は就職希望者の集客にとても悩まされていました。しかし、採用ポータルサイトの登場が、集客のみならず初期段階での理解やエントリー機能などを担う強力なツールとして採用担当者の負荷を軽減させることになったのです。 それと同時に、就職希望者にとっても採用ポータルサイト
ヴィオテラスHSCセラムの評判を確かめるために公式サイトから購入してレビューしました!ヴィオテラスHSCの販売店情報や成分と効果を画像多めでご紹介します! ヴィオテラスHSCセラムの評判とは? ヴィオテラスHSCセラムはスポイトタイプで衛生的。量の調節もできて使い続けていましたよ。 意外とこんなことで、精神的に吹き出物ができることはめったにありません。 さらに、ほほの毛穴が引き締まりましたね。いつもお化粧で隠すのですが、ヴィオテラスHSCセラムを使い、その後にオールインワン化粧品をつけてください。 オールインワン化粧品をつけてフタをし直さないといけないほど化粧崩れもひどかったです。 サラッとして使ってみましたが、出産後は毎日バタバタ忙しいし、小じわもほぼ気になってきました。 ですが、一か月くらいすると、キメの乱れや気になってきたので、これからも期待しているためでしょう。 サラッとしても肌に
########## REQUIRED: INSERT DESCRIPTION ##########
2009年05月18日 夏だ一番!アイコン祭り!1000種類以上の高クオリティアイコン祭! カテゴリ:WEBデザイン さて、アイコンエントリーがだいぶ放出されてきましたのでここでひとつ、まとめてみました。この夏もクオリティ高いアイコンで乗り切れ! ◆40種類のスタイリッシュなアイコン スタイリッシュでクールなアイコン40種類。 ■40+ Stylish and Trendy Icon Sets ◆128種類WEBアイコン WEBに使えそうなアイコン ■Function Web Design & Development [ Blog ] ≫ Free Icons: Function Icon Set, 128 Completely Free Icons ◆60種類ベクターアイコン ベクターデ出来たアイコン ■60 Free Vector Icon Packs for Design Prof
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く