タグ

webとdesignに関するshozroのブックマーク (15)

  • 1日使い捨て(1DAY/ワンデー)コンタクトレンズ Magic | コンタクトレンズのメニコン

    コンパクトだから旅行や予備レンズの持ち運びにぴったり!まいにちの気分をあげるカラフルな薄型コンタクトレンズケース。

  • 色覚障がい者に配慮したWebサイトの作り方

    2017年4月11日 Webサイト制作, アクセシビリティ, 色彩 今持ってるプロジェクトの中で、視覚・色覚障がい者にも配慮したWebサイトの制作があります。視覚障がい者向けのサイト制作についてはいくつか記事を発見できたのですが、色覚障がい者に向けたWebサイト制作についてはなかなかヒットしなかったので、断片的に読んだものを記事にまとめました。参考にしてみてください! ↑私が10年以上利用している会計ソフト! 追記: 一部表記の仕方を変更しました。 色覚障がいについて 目の、色を認識する細胞の変異で、色の識別が異なることを「色覚障がい」「色覚異常」と呼びます。色覚障がいといってもいろいろな種類があり、ここでは人口の多い赤系統や緑系統の色の識別が困難な、赤緑色覚異常の場合について書いてみます。 困難な点としては 灰色だと思ったらピンクのシャツだった 焼肉の際、生肉と焼けている肉の区別がつきに

    色覚障がい者に配慮したWebサイトの作り方
  • かっこいい名刺・ビジネスカードをあつめたポータルサイト集

    かっこいいデザイン、面白い素材をつかった名刺・ビジネスカードをあつめているポータルサイトを紹介します。

  • cssの情報・まとめ - かちびと.net

    cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツール オンラインのcssツール。 CSS Validation Service / W3C検証サービス日語版 RoundedCornr / 角丸のHTMLCSSコードを生成してくれる CSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認 CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できる CSS Builder / オンラインでスタイルを生成可能 Spiffy Box / cssによる角丸を簡単に生成 The

    cssの情報・まとめ - かちびと.net
  • WordPressを利用している良デザインな日本のサイトいろいろ - かちびと.net

    語で運営されているサイトで WordPressを使った良デザインの サイトをご紹介します。僕が知っている 範囲ですので「こんなサイトもあるよ!」 と言ったお勧めサイトがありましたら 教えて頂けると嬉しいです。 一応テンプレ等を使用していないと思われるサイトに絞っていますが「テンプレだよ」というサイトがあったらごめんなさい。配布テーマでもしっかりカスタマイズしたものは有りの方向です。以前書いた記事の第2弾的なエントリーです。以前も記事内にもWPを使ったサイト多目でした。以前の記事で紹介したサイトは割愛しています。 UMLAND レッドカラーが凄いインパクトです。所々にもjsを使った表現をされています。 UMLAND mono-lab シンプルでかなり見やすいです。フッターも素敵ですよ。テーマも配布してくれています。 mono-lab Brooklyn Parlor かなりハイクオリティで

  • 画像を自在に差し替える·Transm.js MOONGIFT

    Transm.jsはJavaScript製のフリーウェア(ソースコードは公開されている)。Webサイトでヘッダーの画像が定期的に入れ替わったり、写真のスライドショーのように切り替わる表示方式がある。ただ入れ替わるだけでは面白くなく、そこにイフェクトが加わってこそ意味があるだろう。 黒目の部分だけ入れ替わる そんなイフェクトが110種類を越えて利用でき、さらに画像の透過処理を使って一部だけで差し替えもできるライブラリがTransm.jsだ。非商用であればフリー、商用利用のライセンスも用意されているソフトウェアだ。 Transm.jsを知るにはサンプルを見るのが一番早いだろう。フェードアウトしたり、上下左右から新しい画像が出てきたりと様々なイフェクトが可能だ。画像の中央から円形に沿って表示が切り替わる、HTML5を使った効果も多数あるので、対応していないブラウザもある。 Transm.jsの紹

    画像を自在に差し替える·Transm.js MOONGIFT
  • CSR | 博報堂DYホールディングス

    博報堂DYグループ SDGs Action Book 2018 当社グループは、SDGsの公式日語版アイコンの制作へのご協力を契機に、お取引先とともにSDGs達成に向けて積極的に取り組んでいます。レポートでは、当社グループのサステナビリティへの取り組みと、社員一人ひとりが生活者と社会の幸せの実現に向けて取り組んでいるソーシャルアクションをダイジェストでご紹介しております。 なお、レポートでご紹介できなかった活動事例は、「ソーシャルアクション事例集」にてご覧いただけます。

    CSR | 博報堂DYホールディングス
  • SHIFTBRAIN inc.

    A Studio That Engaged in All Aspects of Creative Work for Branding.

    SHIFTBRAIN inc.
  • 見るだけでも一見の価値あり!絵画のような美しいサイトデザイン集:phpspot開発日誌

    Most beautiful websites of 2008 | CrazyLeaf Design Blog 見るだけでも一見の価値あり!絵画のような美しいサイトデザイン集ということで美しいサイトが多数紹介されていました。 単にサイトというには惜しい芸術作品ばかりで見るだけでも楽しめます。 Saizen Media Nem Studio Efingo Project Vino Kavoon Belvedere Inc Quality XHTML Avalon Star Level 2D mediaBOOM Sensi Soft Five Cent Stand Blogsolid Dana’s Garden OLDesign Trickeries FortySeven Media A.viary Kulturbanause Noe Design Studio 20CM Records 全部

  • POLAR BEAR BLOG: 「クリーンな水平分割」がウェブデザインの最新流行?

    海外の WEB2.0 系サイトのデザインを見ていると、どこかしら似ていると感じることが多いと思います。「カドが丸い」「ロゴが反射している」などなど、これまでも様々な点が指摘されてきましたが、最近のトレンドは「クリーンな水平分割」なんだとか: ■ Analysis of Web 2.0 Design & Layout Trends – Part 1: Clean, Colorful and Horizontally Divided (StyleIgnite.com) 「クリーンな水平分割」とは、StyleIgnite による造語。しかしこの表現がピッタリだということは、例に挙げられているサイトを見れば一目瞭然です: ■ shoeboxed.com 上の画像は、現時点でのキャプチャ。画面全体が大胆に水平分割されていて、余白スペースも大きく開けられていますね。まさしく「クリーンな水平分割」。 念

    POLAR BEAR BLOG: 「クリーンな水平分割」がウェブデザインの最新流行?
  • GoogleとYAHOO!のトップページ10年間の変遷

    サイト運用をしている人は誰もが悩むトップページのデザイン。もちろん超大手検索サイトのGoogleYAHOO!もこれまで試行錯誤しながらトップページデザインを変えているのですが、いったいどのように変わってきたかがまとめられています。 詳細は以下から1997年から2007年までのGoogle。毎年デザインが変わっていますが、現在のようなロゴに変わったのは2000年から。 Google 10 years ride in images (Google) 1997年 1998年 1999年 2000年 2001年 2002年 2003年 2004年 2005年 2006年 2007年 そして以下が1996年から2007年までのYAHOO。どんどん情報量が増えていってるのがわかります。 www.yahoo.com back in 1996 AXT Magazine 1996年 1997年 1998年

    GoogleとYAHOO!のトップページ10年間の変遷
  • 観的なインタフェースをめざして

    現在使われている計算機のほとんどは ウィンドウやマウスを使った グラフィカルユーザインタフェース(GUI)で操作を行なうようになっているが、 GUIが一般に普及する前は キーボードを使った コマンドラインユーザインタフェース(CUI)で計算機に指示を与えたり 結果を表示させたりするのが普通であった。 CUIに比べるとGUIは圧倒的に操作が直観的になることが多いため、 GUIを持たない計算機は現在ほとんど考えられなくなっているといえる。 家電製品などあらゆる機器で計算機やネットワークの機能が利用されるように なりつつあるが、これらの世界では現在でもCUI的なインタフェースが利用されていることが多い。 たとえば テレビのチャンネルを変えるために リモコンの数字キーでチャンネル番号と決定ボタンを押すという方式はCUI的な操作といえるだろう。 ビデオの録画予約にしても電子レンジにしても 直観的でな

  • SEOのエキスパートと初心者を隔てる14の壁 | Moz - SEOとインバウンドマーケティングの実践情報

    僕たちの業界は、この5年間で途方もなく成長した。Danny Sullivan氏が最初のSearch Engine Strategies(SES)カンファレンスを開催したとき、世界中で自分のことを検索エンジン最適化(SEO)屋と名乗る人は5000人にも満たなかったんじゃないだろうか。現在、自分のことを検索エンジンマーケティング(SEM)担当と名乗る人の数は、おそらく10万人近く、あるいはもっと多いかもしれない。 しかし、SEOやSEM担当のエキスパートと初心者を隔てる要素はたくさんある。その中からいくつか紹介しようと思う。 これから書くそれぞれの特徴は、企業が検索トラフィックを最大限に活用できるよう支援する検索コンサルタントについて述べたものだ。 ブランド企業での経験 一般にエキスパートは、Fortune 500企業(あるいはFortune 1000企業)での経験を持っているが、初心者は名の

    SEOのエキスパートと初心者を隔てる14の壁 | Moz - SEOとインバウンドマーケティングの実践情報
  • ブログユーザビリティ:間違いトップ10

    ヤコブ・ニールセン博士のAlertboxより。ブログユーザビリティの間違いトップ10について書かれている。 Weblog Usability: The Top Ten Design Mistakes ヤコブ・ニールセン氏について Jakob Nielsen博士のAlertbox(Alertbox日語訳サイト) ウェブのユーザビリティに関しては、アメリカで並ぶもののない第一人者Jakob Nielsen博士。博士自ら運営するサイトuseit.comで連載中のコラム『Alertbox』は、ウェブ制作者のバイブルとして長年にわたり読みつがれています。 Webユーザビリティとは、かなり簡単に説明すると、そのサイトが訪問者にとって閲覧しやすいか、という事です。 彼の発言する事には、いろんな方が影響を受けています。私もAlertboxのコラムはほぼ読み終えました。このブログでも、多大な影響を受けてい

  • デザイナー必見。CSS デザインで被リンクを獲得する方法 | 住 太陽のブログ

    検索マーケティングとは、SEO戦略とPPC戦略を組み合わせて、ユーザーの検索クエリに基づいて検索エンジンからの集客を最適化するマーケティングのプロセスです。元々は「検索エンジンマーケティング」と呼ばれていましたが、最近ではより短く「検索マーケティング」と呼ぶことが多くなっています。 SEOでホームページからのお問い合わせを増やす最も簡単な方法は、ロングテール・キーワードでSEO集客した訪問者を、問い合わせの獲得に特化したランディングページへと誘導する方法です。上位表示が容易なロングテール・キーワードを狙うことで、速く確実に結果を出すことができます。

    デザイナー必見。CSS デザインで被リンクを獲得する方法 | 住 太陽のブログ
  • 1