タグ

webデザインに関するkouithiのブックマーク (10)

  • Web製作者やブロガーならブックマーク必須な個人商用フリーな5つの画像サービス * 男子ハック

    テキストだけじゃ見にくいので適度に画像を使ってアクセントテキストばかりの記事だと読みにくい。(逆にテキストだけのほうがいいって場合もあるかもしれませんが)。見に来てくれた人が「読みやすい」と感じてもらうためのふ画像も適度に使ったほうがいいだろうし、場合によってはスクリーンキャプチャを使うこともあるでしょう。 僕の場合はテキストだけで記事を書くことができていしまう場合でも、適度に画像を使ったり、上記のように見たらすぐわかる説明のような画像を作ることもしばしば。 基的にはキャプチャを撮ったり、画像を作ったりしていますが、それ以外にアクセントというかイメージとして画像を使いたい時には画像サービスから探すといいかもしれません。 以下に紹介するサービスの利用に関しては各サイトをご確認ください。 フリー写真素材::Free.Stocker国内外の建物や風景写真が多くある画像サービスです。

    Web製作者やブロガーならブックマーク必須な個人商用フリーな5つの画像サービス * 男子ハック
  • [CSS]画像を使用しないで、紙がひらっとめくれたエフェクトを与えるスタイルシート

    あらゆるサイズのエレメントに利用が可能な、紙がひらっとめくれたようなページカールのエフェクトを与えるスタイルシートを紹介します。 デモページの拡大 このエフェクトはページのあらゆるサイズの要素に簡単に適用できます。 紙がひらっとめくれたエフェクトの実装方法 HTML HTMLはシンプルです。div要素にclassを付与しているだけです。 <div class="box">My box</div> CSS:シャドウの適用 box-shadowを使用して、内側と外側にシャドウを適用します。 .box { position: relative; width: 500px; padding: 50px; margin: 0 auto; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0

  • カテゴリー別配色アイデア100

    2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね!ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ(?)のCOLOURloversから、「これは!」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください!また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト! 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と

    カテゴリー別配色アイデア100
  • http://e0166nt.com/blog-entry-872.html

    http://e0166nt.com/blog-entry-872.html
  • デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則

    このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古いですが、とっても素晴らしいで今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ

  • http://e0166nt.com/blog-entry-829.html

    http://e0166nt.com/blog-entry-829.html
  • Webデザインやプログラミングなどの勉強に良さそうな国内のブログ記事やWebサイトいろいろ

    いよいよ2011年がスタートしました。 今年も去年同様、勉強することが 沢山あります。まだモチベーションが そこそこあるうちに勉強になりそうな 国内の記事をリンク集にしました。 迷ったときに見てみようかなと思い ます。 より最適な方法というのはあると思いますが、まずは扉を叩かない事には何が悪いかも分かりません。ということで、内容に拘らず、否の意見をスルーしてここに色々まとめさせて頂きました。 勉強したい気持ちはあるけど出来ない理由は「何を始めればいいのか分からない」という方も、何が出来るのか、どういった勉強法で出来るようになるかが分かればやる気が起きるかも知れません。 5分で分るシリーズ以前も流行ったんですね。Web関連以外も含めてここにまとめられています。 5分で分かる PHP を知らない人が PHP の便利さを学べる記事を書いたよ5分でわかる Ruby を知らない人が Ruby の便利

    Webデザインやプログラミングなどの勉強に良さそうな国内のブログ記事やWebサイトいろいろ
  • フォトショップのプラグイン

    iFontMaker - The First & Fastest Font Editor for iPad iFontMaker™ は待望の iPad™ 専用フォント作成ソフトです。 iPad タッチインターフェイスにより、100% オリジナルの手書きフォントがたったの 5分で作成できます。 手書きタイポグラフィを作成してメールしたり、Adobe® CreativeSuite™や Microsoft® Office™など様々なソフトウェアで使用できる True type フォント形式に変換してダウンロードすることもできます。 ARPG8R - VSTi MIDI Arpeggiator for Windows / Mac. ARPG8R - VSTi MIDI Arpeggiator. 「ARPG8R」は32ステップパッドを備えた VSTi MIDI アルペジェーター 通常のアルペジェータ

  • ケータイサイトの制作と集客、基本を理解しよう - 携帯マーケ入門#2 | 今からでも遅くない! これから始めるケータイマーケティング入門

    はじめてのケータイサイト 制作PCサイトとの違いを把握するケータイマーケティングで最も大きなウェイトを占めるのは、ケータイサイトの構築である。サイトの構築には、PCサイトとは違う、いくつかの注意するべきポイントがある。 1.キャリアによる違い携帯サイトを構築する場合、対応する携帯キャリアによって、仕様が細かく異なっている。キャリア特有の特徴を把握しながら、サイト制作をする必要がある。 2.メーカーや機種の世代による違い同じキャリアの中にも、メーカーごと、機種(の世代)ごとによる違いもある。これらの違いは、たとえば画像の表示の仕方に現れる。キャリアやメーカーによって画面サイズが異なるし、さらにキャリアによって画像フォーマットが異なる。キャリアの違いについては、他にも絵文字形式や動画形式、Flash、アプリなど多岐にわたって考慮することがあるので注意が必要である。 3.情報量の違いケータイとP

    ケータイサイトの制作と集客、基本を理解しよう - 携帯マーケ入門#2 | 今からでも遅くない! これから始めるケータイマーケティング入門
  • [Think IT] 第1回:エンジニアだって色にこだわりたい (1/3)

    Webデザイナは知っていた 第1回:エンジニアだって色にこだわりたい 著者:シンクイット制作部 公開日:2008/02/14(木) 2008年3月の連載ランキング4位(一覧を見る) Webデザイナがよくやる色の決め方 ある日、社内のプログラマの1人から突然こんな質問をされました。 「社内用のWebアプリケーションツールのフォーマットの色を見栄えよく変更したいんだけど、何色がよいか教えてくれない?16進数で」 16進数で!? 色名ではなく具体的な数値で聞いてくるところはさすがエンジニア気質。色という同じ話題なのに職種の違いだけで面白い要求が来るものだと関心してしまいました。 今まで筆者がいた会社にはWebデザイナと営業、プログラムが少し分かる人がいるという程度でした。しかし弊社インプレスITには編集者・ライター・Webデザイナ・エンジニアが社内に揃っていて、それぞれ自分の業務に関してプロなわ

  • 1