タグ

+Web制作に関するyadokari23のブックマーク (114)

  • 国内のiPhoneアプリでデザインが参考になったWebサイトいろいろ - かちびと.net

    以前からちょいちょいブックマーク していたんですが、いつの間にか増 えてたので一覧化してみたいと思い ます。国内のiPhoneアプリサイトで Webデザインが参考になったサイトの まとめ。あんまり無いですが・・ 個人的な備忘録とメモ書きです。探し方も悪いと思いますので数はさほど網羅していません。「あそこ凄い素敵なのに載ってない」みたいなご意見ありましたらコメント欄にてご教授頂けますと幸いです。 この記事で見たいのはアプリではありませんのでWebサイトへのリンクしかありません。順不同となっています。シェア系アプリが多いです。 MogSnap べたものを写真で評価、共有するiPhoneアプリ。写真系なのでこういったスライドがあるとアプリの概要をイメージしやすいですね。無料であること、キャプチャ、アプリダウンロードのボタンが分かりやすく明示されています。 MogSnap 大辞林 言わずと知れた

    国内のiPhoneアプリでデザインが参考になったWebサイトいろいろ - かちびと.net
  • 来年こそWebサービスを作りたい人に伝えたい9つのこと - パパパパ

    今年のはじめに「今年こそWebサービスを作りたい人に伝えたい5つのこと(+番外編)」というブログ記事を書きましたが、個人開発して起業した「Q&Aなう」や「パパパパ開発合宿」の運営を通じて、僕が今年1年でさまざま経験したことを盛り込んで、いま改めてWebサービスについて考えていることを書いてみようと思います。とくに個人開発者の方やこれからWebサービスを作りたいと考えている人たちに読んでもらえたら、とても嬉しいです。 僕自身の実体験を元に構成しているので、人によって役に立ったり、立たなかったりかもしれませんが、その点はご容赦を。 例によって長文になったので、目次を作りました。 1. 目標を立てる、目的意識をしっかり持つ 2. 作らないと始まらない 3. ”プロトタイプ開発者”になろう 4. プログラミングは怖くない 5. 最初から完璧を求めない 6. デザインがすべてを作る 7. スタートダ

    来年こそWebサービスを作りたい人に伝えたい9つのこと - パパパパ
  • クリスマスのカラーチャート

    クリスマスの色の組み合わせ、色素材です。緑と赤の組み合わせが定番になります。豪華さを加えたいときには金色グラデーションなどのメタリックな色を足します。イルミネーションを思わせる配色もクリスマスを連想させます。

    クリスマスのカラーチャート
  • 暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]

    2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、当にありがとうございました。

  • http://www.wibiya.com/

  • PCサイトスマホ変換「shutto(シュット)」サービス終了

    shutto(シュット)サービス終了 PCサイトのスマホ変換サービス「shutto(シュット)」は、2024年3月31日をもってサービスを終了しました。 今まで多くのお客様にご愛顧いただきましたこと、スタッフ一同深くお礼申し上げます。 ※Webサイト多言語化ツール「shutto翻訳」は「shutto」とは別サービスとなります。 「shutto」はサービス終了となりますが、「shutto翻訳」には影響ございません。 「shutto翻訳」はこちら shutto終了後のスマートフォン変換にお困りの方 株式会社アイスリーデザイン様が提供している「flamingo」サービスでスマートフォン変換が可能です。 詳細は株式会社アイスリーデザイン様にご確認ください。 ■「flamingo」に関してのお問い合わせ先 株式会社アイスリーデザイン 営業部: 担当 原島(はらしま)/野林(のばやし) お電話でのお

  • 「QRHACKER」でオシャレなQRコードを簡単作成 | ライフハッカー・ジャパン

    ブランドのロゴが入っていたり、カラフルな差し色が入っていたり、ちょっとオシャレな自分だけのオリジナルQRコードを作成できるのが「QRHACKER」です。 使い方はとっても簡単! 左上から順に必要項目を設定していくだけ。 まずは、QRHACKERのサイトへアクセスしましょう。 QRコードに登録できる情報は「Text」、「URL」、「Phone number」、「VCard/Contact details(電子名刺)」の4種類です。この中から作りたいQRコードの種類を選んで、下のボックスに情報を登録したら「GENERATE」をクリックします。 次に、右側からデザインを設定します。背景や画像の挿入、色の設定など、細かいカスタマイズも可能です。 できあがったQRコードは、PNGかPDFでダウンロードできます。名刺にプリントしたり、スマートフォン向けサイトへの誘導用としてWebサイトに貼り付けたり、

    「QRHACKER」でオシャレなQRコードを簡単作成 | ライフハッカー・ジャパン
  • 今日こそわかる、安全なWebアプリの作り方2010

    2. アジェンダ • 日の構成 – 脆弱性の分類 – Webアプリの構造と脆弱性の原因箇所 – 「入力」では何をすればよいのか – SQLインジェクション対策の考え方と実際 • 原理の話(グローバル) • 文字コードの話(グローバル&ローカル) – ケータイWebアプリのセキュリティ(ローカル) • 議論の焦点 – Webアプリケーションのセキュリティ施策の考え方 – グローバル v.s. ローカル – 対策の歴史とあるべき姿 Copyright © 2008-2010 HASH Consulting Corp. 2 3. 徳丸浩の自己紹介 • 経歴 – 1985年 京セラ株式会社入社 – 1995年 京セラコミュニケーションシステム株式会社(KCCS)に出向・転籍 – 2008年 KCCS退職、HASHコンサルティング株式会社設立 • 経験したこと – 京セラ入社当時はCAD、計算幾何

    今日こそわかる、安全なWebアプリの作り方2010
  • dzone.com

    You Can Shape Trend Reports: Participate in DZone Original Research + Enter the Prize Drawings! Hello, DZone Community! We have a survey in progress as part of our original research for the upcoming Trend Report. We would love for you to join us by sharing your experiences and insights (anonymously if you choose) — readers just like you drive the content that we cover in our Trend Reports. check o

  • 【楽天ウェブサービス】RAKUTEN WEBSERVICE│第2回楽天アフィリエイトAPIコンテスト結果発表

    楽天ウェブサービスを活用し、サイトに訪れた方が思わず楽天市場で買いたくなるような魅力的な機能・コンテンツを提供しているWEBサイトを募集。 WEBサイトのコンテンツのテーマは、楽天市場で取り扱っている商品・ジャンルの中から1つのテーマに絞って構築 例:パソコン/液晶テレビ/ワイン/自転車/野球グッズ/スニーカーなど 【サイト名】 ギターアンプ.JP 【利用API楽天商品検索API楽天ジャンル検索API楽天商品ランキングAPI 【受賞者による作品コンセプト紹介】 エフェクターの比較・レビューサイトはあるのにギターアンプがないので自分で作ってしまおうと思ったのが応募サイトを作ったきっかけです。 【審査員寸評】 ギターアンプを商品カテゴリー・メーカー・ワット数など、詳細な検索機能を使って探すことが出来る他、商品ページでは基スペックがわかりやすく表示されており、購入可能なショップが価格順

  • Webデザイナー・開発者向けの32個のチートシート集まとめてみた。

    デザイナー向けのチートシートまとめ カラーシート Color Combination Cheat Sheet さまざまな色の基原則がわかるカラーチートシートです。 使いたい色を直感的に選んで、その色のコードを調べることができます。 オンラインシートなので、ブックマークに保存しておくとすぐに調べられます! Web Designer Color Reference Hexagon  Mouse Pad Webデザイナー向けのカラーチートシートです。 拡大するとそれぞれのカラーのコードがわかります。 色彩バランスを把握しやすいので、デザイン時に重宝します。 ウェブ制作者向けのチートシートまとめ HTMLのチートシート HTML5タグ★チートシート HTML5のチートシートです。 かなり詳細にまとめられているので、辞書のように使うこともできます。 印刷して参照するのが向いているので、すぐに確認で

    Webデザイナー・開発者向けの32個のチートシート集まとめてみた。
  • HTML/CSS テンプレート集まとめ - Cube Lilac

    サイトのデザインを変更しようかと思ったのですが,自力でデザインを考えるのは限界があるのでフリーの HTML/CSS テンプレート集をざっと探してみました.尚,どのサイトが人気なのか分からなかったので,各種ソーシャルメディアのカウントを取得して併記してみました.海外サイトばかりなので,SBM としてははてなブックマーク以外に Delicious のカウントも取得しています. 掲載されてあるデザインはまったく見ずに,サイトの使いやすさ(と言うか「広告の少なさ」かな)だけからの感想ですが,個人的には http://www.solucija.com/ が使いやすいかなぁと言う気がしています. URL Delicious Hatena Twitter Facebook 1 http://www.oswd.org/ 24,170 951 471 1,002 2 http://www.freecsste

    HTML/CSS テンプレート集まとめ - Cube Lilac
  • 色彩センスのいらない配色講座

    3. 自己紹介 職業:デザイナー 物心ついたときには絵を描くのが好きだった そのままの勢いで某美大某デザイン科に進学 社会に出たらデザインの話が通じなさすぎて悶絶 そんな社会に対して、デザインの効果をりろんてきに説明して説得しようとしている marippe_

    色彩センスのいらない配色講座
  • GoogleMapのAPIと併せて使える700種のアイコンセット「Map Icons Collection」:phpspot開発日誌

    GoogleMapAPIと併せて使える700種のアイコンセット「Map Icons Collection」 2011年09月01日- Map Icons Collection | Google Maps Icons, Map Markers, Free POI Icons, GIS Symbols GoogleMapAPIと併せて使える700種のアイコンセット「Map Icons Collection」 次のようないい感じのポインターアイコンが700種つまったアイコンセットが公開されています。 GoogleMapとアイコンを組み合わせて便利な機能をサイトに組み込むのに役立ちそうです。 Google Mapは今後もサイト作りにおいて使うケースが色々とありそうなので覚えておくと便利ですね 関連エントリ Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps

  • フリーで使える商用可能な写真の効率的な5段階の探し方: 世界中の1%の人々へ

    "Yawning wolf" Photo Credit:Tambako the Jaguar パブリックドメインのライブラリで写真を探し回るのは時間の無駄。Wikimedia Commonsから探すといい! 3月26日に発売される『Movable Type 5実践テクニック』には、商用利用可能なテーマが3専用サイトからダウンロードできるようになっているのだけど、制作過程で一番苦労したのは、IAでもデザインでもなくて、コンテンツを埋めることと再配布可能な画像を探すことだった。 これたのテーマで利用した写真のほとんどはパブリックドメイン(Public Domain)の写真を使いましたが、かなりの時間を費やして写真を探した結果、パブリックドメインのライブラリを順番に探していくのはあまりにも非効率的であることに気づいた。まず多くの画像ライブラリはUIが酷すぎる。検索結果にサムネールがでないライブ

  • 素人っぽいデザインから脱却するための12のデザインチップス | webox blog

    クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ

  • サイトも要チェック!シンプルなデザインのミニアイコンのPSD素材 -Sallee Design

    Sallee Design サイトはHTML5で作成されており、繊細なデザインとダイナミックな仕掛けがさまざまな箇所にあります。 ヘッダに配置された髭チェンジャーみたいに遊び心あるのは、大好物です。

  • ブログ用画像サービス - 写真素材 PIXTA

    写真素材、イラスト素材販売のPIXTAでは30万点以上の高品質・低価格の素材が525円から購入可能です。リクエストや撮影、制作の依頼も承ります。カメラマン登録を行うと素材販売もできます。登録クリエイターから使用許諾を得ている画像なので、安心して使用できます ハイクオリティーな写真やイラストで記事の内容を充実させることができます 欲しい画像がキーワード検索ですぐに見つかり、サイズ変更も簡単です <ご利用条件> サービスをご利用の場合、PIXTA及び使用した画像のクリエイター名の記載と、PIXTA、クリエイターページへのリンクを記事内にわかりやすく設置して下さい。 以下のような場合、ブログ用画像サービスのご利用はできません。 ブログ記事、ニュースサイト以外での使用 SNSや、会員ID、パスワード等の承認を必要とするページ内での使用 画像提供者や被写体の不評につながるような形(名誉や信用を毀損

  • デザイナーなら必ず知っておきたい国内素材サイト22選 | designaholic

    デザインにはかかせない写真やイラスト、動画などの素材サイトのまとめです。 gettyimages 商用利用:有料 素材:写真・イラスト・動画・音源

    デザイナーなら必ず知っておきたい国内素材サイト22選 | designaholic
  • ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。

    こんにちは、デザイナーの長谷川です。 今回は僕が普段気をつけている、ちょっと意識するだけでスッキリしたデザインになるレイアウトのコツをご紹介します。 デザイナーじゃない方も、企画書や簡単な UI のモックアップ、Web や雑誌のレイアウトなどに応用できると思いますので、ぜひ参考にしていただければと思います。 1. 上下左右のマージンを均一に Web デザインや UI デザインの要素全てに対して隣り合う要素との間隔やバナー、ボタンなどの外側と内側の要素の上下左右マージンをできるだけ均一にすることで、デザインがスッキリ見えます。 2. 内側のマージンは外側のマージンより狭く レイアウトなど一番外側とコンテンツの間隔より文章のかたまりや画像同士の間隔を小さくします。基的にコンテンツのまとまりを作るためですので、デザインによっては広く取って区分ける場合もあります。 3. 段落の下は間隔を広く開け

    ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。