ノンデザイナーがそれっぽいWebデザインを作る話 - CAMPHOR- Blog
この記事は CAMPHOR- Advent Calendar 2014 の10日目の記事です。 こんにちは、みかさ（@To_Mikasa）です。 今日はデザイン初心者である僕が、Photoshopを使ってWebサイトのデザインをしていく上で、「それっぽく」していくためにやったことをざっくり書きたいと思います。ざっくりです。 はじめに デザインの知識を付けたり、流行をキャッチアップするために、コリスやPhotoshop Vipは 普段から見ています。とても参考になる記事ばかりです。 参考にするサイトを探す ノンデザイナーにとって０からデザインを考えるのはツラかったので、 デザインの参考にするためにイケてるサイトを３個選びました。 自分が作りたいイメージに似たものを選ぶといいかもしれません。 １つだけを参考にするとあれなので、それぞれのいい所や好きな所をそれっぽく組み合わせました。 ワイヤーフ
専門知識不要で瞬時にWebサイトのクオリティチェックができるツール7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 非エンジニアの皆さんに朗報です。本日はWebサイトのクオリティチェックに関するすごいツールをたくさん紹介します（どーん）。 Web制作に関わるディレクターや担当者は、ソースコード自体は書かなくとも、イメージ通りのものができているかのどうかの確認はされていると思います。 しかし、パフォーマンス、SEO対策、ソースコードの整合性などの裏側までが「ちゃんとできているのか」というのはわかりにくいですよね。エンジニアに「いや、完璧ですけどこれ？」ってどや顔されたら頷くしかないと思います。 そこで今回は、知識がなくともその辺りのクオリティチェックが簡単にできるツールを紹介します！ これらを使えば、ざっくり「完璧」「まあまあ」「ヤバい」くらいの判断ができるので、作業者にツールの結果画面を見せて「なんとかして！」と伝
paiza.IO Online editor and compiler
Password confirmation Required Password does not match. OK
これは使える！レスポンシブ対応のさまざまなHTMLメールが簡単に作成できる無料のオンラインサービス -BeeFree
ビジネス用のニュース、プロダクトのリリース、プロモーションなど、さまざまなレイアウトのHTMLメールをドラッグ&ドロップで簡単に作成できるオンラインサービスを紹介します。 デスクトップ・スマホ両対応で、プレビューやメールアプリでのテストなど機能も非常に充実しています。日本語もOKでした！ BeeFree 使い方は簡単です。 上記ページの「Let's get started」をクリックし、HTMLメールを作ってみましょう。 ※HTMLメールの作成やファイルのダウンロード時に登録は必要ありません。作成したメールをサーバー上にキープする時だけ登録が必要です。 まずはテンプレートの選択をします。 2カテゴリ各4種類、画像やテキストが仮配置された「Rich Templates」。
OPEN METI
経済産業省が保有する多様なデータ。そこには、あらゆるテーマにわたって日本経済の過去と現在が記録されている。OPEN METIプロジェクトは、これらの膨大なデータを様々な切り口で紐解き、活用可能なオープン・データとして公開していくプロジェクトです。経済産業省が保有する多様なデータ。 そこには、あらゆるテーマにわたって 日本経済の過去と現在が記録されている。 OPEN METIプロジェクトは、 これらの膨大なデータを様々な切り口で紐解き、 活用可能なオープン・データとして 公開していくプロジェクトです。 経済産業省 〒100-8901 東京都千代田区霞が関1-3-1 代表電話 03-3501-1511 Copyright Ministry of Economy, Trade and Industry. All Rights Reserved. Supported by rhizomatiks
半透過マルチアイコンやファビコン(favicon.ico)作成。ギザギザの無い美しい影を持ったアイコン作成がフリーでできます。
PNG32bit(24bitアルファ付き)画像では、8ビット(256階調)の透明度が各ピクセルに割り当てられていますので、ドロップシャドウの部分も綺麗に再現されます。 GIFやPNG8ではアルファ値は1ビットですのでONまたはOFFの2階調しかありません。よって、透過を活かしたアイコンが作りにくく、どうしても汚い画像になってしまいます。 アイコンには 16x16 , 32x32 , 48x48 , 96x96 , 128x128 等の複数の画像を含めるようにしましょう。表示環境によって、より適した画像が表示されます。 ファビコンを作成の方へ： 16x16の画像を含ませて、ファイル名をfavicon.icoに変更すれば完成です(任意のファイル名でもOK)。 favicon(ファビコン)とはウェブサイトやウェブページに関連付けられたアイコンのことです。 faviconは日本では「ファビコン」と
ウェブサイトのデザインや構成を話し合うときに便利な「snapbugz」 | ライフハッカー・ジャパン
「snapbugz」はウェブサイトのデザインや構成を話し合うときに便利なサイトです。指定したウェブサイトに気になる点を書き込んだり、付箋をはったり、ハイライトさせることができます。それを見ながらチーム内でディスカッションしたい時に役立ちます。 以下に使ってみた様子を載せておきます。まず、snapbugzへアクセスしましょう。ディスカッションしたいウェブサイトのURLを入力します。 気になる点をハイライトさせたり、付箋でコメントを入れることができます。 するとこのように、先ほど作成した気になる点を書き込んだスクリーンショットを見ながらコメントを投稿することができます。複数人で意見を出し合いたいときに便利そうです。このディスカッションページは1週間保存されるようです。ウェブサイトのデザインや構成についてディスカッションしたいときにご活用ください。 snapbugz （カメきち）
PrimerCSS
Primer undercoats your CSS by pulling out all of your classes and id's and placing them into a starter stylesheet. Paste your HTML in to get started. Made for you with love and care by @luckystrikes and @wades. Notice: Undefined index: htmlsrc in /home/ypp7m8mtix54/domains/primercss.com/html/index.php on line 43
一つのカラーから配色セオリーに基づいてカラースキームを作りだす配色設計に役立つツールのまとめ
コーポレートカラーなど、一つのカラーをベースに配色セオリーからカラースキームを設計したり、同系色やグラデーションを作りだしたりできるオンラインツールを紹介します。 またカラーのストックを増やしたり、カラーをベースにしたムードボード作りに役立つツールもいくつか。 最初は、国産のツールから。 配色の見本帳 | キーカラーで選ぶ配色パターン 一つのカラーをベースに、さまざまな色の法則から配色パターンを表示します。 上は緑みの青（#0099CE）をベースにしたもの。キャプチャの他に、彩度や明度による配色、色相環による配色など、さまざまな配色を表示します。説明付きなのも嬉しいポイントです。
samulife.com - このウェブサイトは販売用です！ - リソースおよび情報
このウェブサイトは販売用です！ samulife.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、samulife.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
櫻田潤 | インフォグラフィック・エディター
ビジュアルの力で世界を丸くする。 地球の形状が「丸い」のは、そこで暮らす僕たちにひとつの「ビジョン」を指し示しています。地球の形と同じように、世界で起こっていることのすべてが丸く収まっていれば良いのですが、現実は違います。 大小いろいろな規模の摩擦がいたるところに発生し、繰り返されます。その解決に必要なのは、お互いの「考え」や「価値観」「立場」、「状況」「状態」を示し、認め合うことです。そのために、「ビジュアル」の力を活用していきます。
手作りで質が高い！ハンドメイドの商品を購入できるサービスまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちわ。野田です。 今回は、私が普段から利用しているハンドメイドの商品を購入できるサービスをご紹介します。僕の趣味が家具作りというのもあり、普段から参考にハンドメイド商品を探して、どういって作られているのか分析する癖があります。 中には、自分ではだせないクオリティのものもあるので、そういったものはすぐにカートに入れてしまいます。困った癖です。 家具だけではなく、雑貨や洋服も多く取り揃えているので、他の人が持っていないものを持ちたい方にもオススメです！ Etsy http://www.etsy.com/ 海外のサイトですが、手づくり品やヴィンテージ品を販売するマーケットサイトです。日本円で表示をしてくれるので、とても使いやすいです。クオリティの高い商品ばかりなので、見始めたら止まりません。 minne http://minne.com/ ナチュラルで可愛い雑貨や、本格的な家具が揃っていま
CSS Beautify
CSS Beautify automatically formats your style to be consistent and easy to read Only one blank line between two rulesets Closed curly brace is at its own line There is no empty line between declarations inside a ruleset No space between the property name and colon One space between colon and the property value Comments are preserved
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
マネして学べる、プログラミング学習サイト「シラバス」
あ、これ便利！HTMLエンティティを簡単に見つけることができるオンラインサービス -Entity Lookup
オンライン寄せ書きyosetti(ヨセッティ)
extractCSS - Online CSS Extractor
Domain name search, hosting, SSL certificates, vps, ecommerce
Wordmark
