タグ

Webdesignに関するshanti3のブックマーク (159)

  • UNIQLO TOP - UNIQLO

    マジック フォー オール ウィズ 長場雄©Disney ©Disney/Pixar © MARVEL © & ™ Lucasfilm Ltd. ©Disney Based on the ""Winnie the Pooh"" works by A.A. Milne and E.H. Shepard.

  • ※追加・修正 IT関係やWebデザイナーは絶対に読むべきブログ・サイト

    サイトやブログ作り・デザインを考えている時に参考になる記事や影響力の大きいブログやサイトをまとめてみました。 IT関係やデザイナーは絶対に読むべきブログ・サイト 僕も多分、皆さんもお世話になっている方も多いと思いますが 改めて、僕がよく参考にしたり、楽しませてもらったりしているブログやサイトをまとめてみました。 2つのブログを追加させてもらいました。 「ホームページを作る人のネタ帳」さん jQueryやWebデザインと様々な幅の広い話題で毎日を飽きさせてくれないブログです。 なにより、多くの人から愛されているブログだと感じます。 「photoshop vip」 Photoshopのチュートリアルなどを豊富に紹介しています。 Webデザイナー関係の人は、ぜひ見ましょう。 「コリス」さん フリーな素材からJavascriptCSSなど紹介しています。 更新頻度ま高いので必見です!!! 「We

  • WordPressをブログ以外で使っているサイトいろいろ・国内編 - かちびと.net

    ブログエンジンのWordPressを ブログ以外で利用しているサイト の国内編です。ブログの線引き の基準が分からないので自分で 線引きしています。ここで言 ブログ以外とは「日記ではない」 サイトを指しています。 Webマガジン、ニュース系サイト、ECサイトやギャラリーサイトなど、ブログ以外のWPサイトのまとめです。順不同です。 元ネタさがし ネタ系サイトです。画像の元となった画像を収集しているサイトでレーティング(評価)機能が付いています。ナイスアイデアですねー。いいコンテンツです。 元ネタさがし 新商品FINDER ニュース系というよりポータル系に近いサイトです。新商品のみを紹介するサイト。デザインもかなり綺麗ですね。参考になります。 新商品FINDER ブログタイムズ ブログ記事に紹介記事を書くと掲載費を貰える、というサービスを提供しているサイトです。WPでこういったサービスを提供し

  • 和風デザインでカッコいいサイトのまとめ:その2 at 和の暮らしを楽しむブログ -瑠璃色Tradition-

  • ついつい長居してしまう専門的なサイト25選 - かちびと.net

    仕事があるのについつい長居してしまう サイトって無いですか?何かを大量に まとめてあるサイトだったり、掘り下げたく なるような専門サイトだったり、理由は様々です。 僕も例外なく気が付いたら全然仕事してない時も あります。そんなサイトを25サイト選んでご紹介します。 中には僕にはまだ必要ないサイトもありますが、こんな専門サイトもあるよ、って事で。因みに一貫性は全くありません。ただ、「長居しちゃう」ってだけ。順不同です。 SourceForge.JP 日語で読めるオープンソース配布サイト。ここはかなり素敵。 SourceForge.JP OpenSourceCMS オープンソースのCMSに絞った海外の配布サイト。ブログとかEC系とかやたらあります。管理画面のデモもあるのでDLする前に触れるのは嬉しい。 OpenSourceCMS Twitpaper Twitterの背景の秀逸なデザインをダウ

  • HugeDomains.com

    Captcha security check ie-girl.com is for sale Please prove you're not a robot View Price Processing

  • Webデザインにおける、1pxへのこだわり

    ☆ご注意☆ この記事は 2011年6月5日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出しのひとつとして、デザイン勉強中の方、参考にしてもらえるとうれしいです^^ デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ~」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 今回は、私がデザイン制作時よく参考にしている、 デザイン参考集、bookma!さんの中から、色んなサイトを調べてみました。 目次 仕切り線の1px 文字をキリッと見せるための1px 動きのある1px 1pxの枠 仕

    Webデザインにおける、1pxへのこだわり
  • ソーシャルブックマーク&投稿ボタンの設置方法 | SEOモード

    ©Owen W Brown 先週「Google+1」の発表がありましたが、その少し前にはTwitterが「フォローボタン」を出しており、最近は何かとソーシャルブックマークやソーシャルメディア関連のボタンを設置することが増えていますね。「いいね!」を付けて欲しいとか、はてなブックマークボタンを設置してほしいと、といった要望があって対応することも多くなっています。 必要になる度に探すのは手間なので、一か所で参照できるようメモをしていたのですが、せっかくなので少し内容に手を加えて共有したいと思います。 ※ボタンはそれぞれ1種類ずつしか掲載していませんので、違う種類はリンク先でご確認ください。

    ソーシャルブックマーク&投稿ボタンの設置方法 | SEOモード
  • WEB制作時に活躍中!かわいい素材集をご紹介

    ☆ご注意☆ この記事は 2011年4月16日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私がすごく気に入っている書籍の素材集をご紹介します。 素材集ってただ単に素材としてモリモリ使えるだけでなく、自分の気に入った素材集を見ていると、デザインのインスピレーションに役立つこともありませんか?? ただ単に「素材」だけでなくインスピレーションに活用 私はデザインにいきづまってなんともならんくなったとき、ぼけーっネットサーフィンをしたり、気に入ったを眺めたりします。 好きなタイプの素材集はなんかきゅんきゅんきて、創作意欲がわき、デザイン案がぽこんっと生まれたりします。 布と糸の素材集 布と糸の素材集 (design parts collection) これはとにかく私の大好きなワールドが広がっていて見るたびにきゅんきゅんくる一品。 かわいいの一言です。PNG、PSDです。

    WEB制作時に活躍中!かわいい素材集をご紹介
  • 「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント

    ☆ご注意☆ この記事は 2011年5月29日 に書いたものです。情報が古い可能性がありますのでご注意ください。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、 「んーーーなんかこのへん素人っぽいね」と言われた事があります。 素人っぽい。。。???(゜д゜) そのときは何だろう、どんなのが素人っぽいんだろうとわかりませんでした。 就職はできたものの、技術は完全ど素人なので。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 「素人っぽい」の意味が。 毎日、たっくさんのWebサイトを見ますが、プロのデザイナーが作ったと思われる、構成もデザインもしっかりしたサイトもあれば、お店の人が一生懸命手作りしてそうなサイ

    「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント
  • 提案資料とデザインの切っても切れない関係について

    自分の経験上、提案資料は格好いいほうが通る確率高いです。もう、間違いなく。 ですので、できればすべてのWEBディレクターの持つ提案資料は、テンプレートを自社のデザイナーに書いてもらうべきだとすら考えています。それくらい重要です。 考えて見れは当たり前の話なんですが、 企業にとってWEBでなんかやるってことは、特殊な一部のケースを除き「WEBに支店を出す」のとほぼ同義。 目的はさまざまだと思いますが、そこには必ずデザインが要求されるはずです。 で、その「デザインを期待している担当者」のところに「ディレクターなんでデザインわかんないんです」みたいなアホがだっさい提案資料ひっさげて行ったらどうなるでしょう? まあ、痛い目みると思います。 まだ痛い目にあっていない方も、たぶん相見積とられたら負けちゃうでしょう。 もうすでにかなりの制作会社で当たり前のように取り入れられていることだと思いますが、「提

    提案資料とデザインの切っても切れない関係について
  • 継ぎ目のないシームレスな背景画像の無料素材とジェネレーターのまとめ

    タイル状に継ぎ目なく配置できるシームレスな背景用の画像が作成できるジェネレーターと無料素材を配布しているサイトを紹介します。

  • css-eblog.com - このウェブサイトは販売用です! - css eblog リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • WEB標準デザイン、はじめの一歩 ~デザインからマークアップまで~

    第6回 岡山WEBクリエイターズのセッション1で発表したスライド内容を全文掲載。第6回 岡山WEBクリエイターズ セッション1『WEB標準デザイン、はじめの一歩 ~デザインからマークアップまで~』 岡山WEBクリエイターズ勉強会でお話した内容を、スライドとともに全文掲載しています。 テキストはあくまで原稿そのままですので、実際に喋った内容とは幾分異なる場合があります。 スライドのPDFをダウンロード 講師概要 SKPRODUCT代表。 デザイン、コーディング、PHPによるシステム構築、ActionScriptを使用したFlashなど、WEB制作全般を行うWEBアーキテクトです。 岡山の大手企業・学校などを中心にWEBサイトと独自に開発したCMSフレームワーク『SEED』の提供を行っています。 日は、WEB標準デザインはじめの一歩です。 WEB標準というと、技術的なことを想像される方

  • 会社で新しくWebサービスを立ち上げる前に必ず考えないといけないこと。 │ モノづくりブログ 株式会社8bitのスタッフブログです

    株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高です。 今年は去年と違い、Webサービスを作る前にちゃんと考えてからやりましょう!というのが恥ずかしながら当社内でのスローガンのようになりつつあります。 今回はWebサービスを立ち上げる前に考えるべきことをまとめてみました。 これだけWebサービスがあふれている中で、今から画期的なサービスを作って売れるようになるのはすごく大変です。 ITで一攫千金というと、Webサービスを作ろうという発想に行きがちですが、みんなおんなじこと考えてますので一筋縄では行きません。 未だにスマッシュヒット出せていませんが、作っていくうちに考え方にも変化が出てきました。 量産することでWeb制作の受託案件を取ろうというのであれば、量産OKだと思いますが、Webサービスだけできちんと収益を取ろうと思ったら、よく考えないと、作ってみた

  • 1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering

    初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初

    1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
  • カテゴリー別配色アイデア100

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

    カテゴリー別配色アイデア100
  • [ウェブサービスレビュー]見栄えのいいフロー図を簡単に作図できる「Cacoo」 - CNET Japan

    内容:「Cacoo」は、フロー図やワイヤフレームをオンラインで作成できるサービスだ。さまざまな図形やコネクタがあらかじめ用意されており、ドラッグ&ドロップにより誰でも簡単に見栄えのいい図を作成できる。 「Cacoo」は、フローチャートや機器構成図、ワイヤフレームやUMLをオンラインで簡単に作成できるサービスだ。目的ごとにさまざまな図形やコネクタが用意されており、ドラッグ&ドロップで見栄えのいい図を作成し、画像データとしてエクスポートしてビジネス文書に貼り付けて使うことができる。 ビジネス文書、なかでもプレゼンテーション資料などに不可欠なチャート図などを作成するのに最も簡単な方法は、ExcelPowerPointなどのオートシェイプを使うことだ。しかし登録されているのは基的な図形だけで、ちょっと凝った図を作ろうとすると不自由さを感じることも多い。Visioのような専用ソフトであれば多数の

    [ウェブサービスレビュー]見栄えのいいフロー図を簡単に作図できる「Cacoo」 - CNET Japan
  • <チェック表>WEBサービスを立ち上げるまでにやらなければならないこと - プログラマー幸福論

    WEBサービスを立ち上げるまでに、やらなければならないことを自分用にまとめてみました。少人数でやっていると、いろいろやらなければならないことが多くてつい忘れてしまいがちですよね。 1) サービス名決定 サービス名とキャチフレーズだけは、最初に決定しておいた方がいいです。思いつかない場合は、TOPページのワイヤフレームを書きながら考えたりします。また、サイト名を Google などで検索してみて、ユニークな名前であるかを調べておかないと後で後悔したりします。 2) ドメイン取得/DNS反映 サービス名が決定したら、ドメインが利用可能か調べます。 最近では、.in や .me などを使った面白いドメイン名もありますよね。なるべく短く、覚えやすいドメイン名にします。 3) サーバー サービスを配置する、クラウドやレンタルサーバーなどからサーバーを選びます。 特殊なモジュールのインストールなどが必

    <チェック表>WEBサービスを立ち上げるまでにやらなければならないこと - プログラマー幸福論
  • すぐに実施できる、あなたのウェブページのスピードを改善する10のチップス

    ウェブページのスピードを改善することは最適なユーザエクスペリエンスを提供するだけでなく、Googleの検索結果にも影響を与える大切な要因です。 すぐに実施できる、あなたのウェブページのスピードを改善する10のチップスを紹介します。 10 Tips for Decreasing Web Page Load Times [ad#ad-2] 下記は各ポイントを意訳したものです。 1. 現在のスピードをチェック 2. 画像の最適化 3. 画像は実寸で配置 4. コンテンツを圧縮して、最適化 5. スタイルシートは上に配置 6. スクリプトは下に配置 7. スクリプトとスタイルシートは外部ファイルで 8. HTTPリクエストは最小限に 9. キャッシュの利用 10. 301リダイレクトは避ける 参考資料とツール 1. 現在のスピードをチェック まず、現在のあなたのウェブページのスピードの分析からはじ