HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」! HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します! まずは王道!縦に長い高級ペライチ
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」! HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します! まずは王道!縦に長い高級ペライチ
オシャレでかっこいいロゴを作るのはセンスと労力を要する大変な作業ですが、「Free Unique Logo Creator」を使えばテキストボックスに文字を記入するだけで誰でもあっという間にスタイリッシュなオリジナルロゴを作ることができます。 Free Unique Logo Creator http://logotypecreator.com/ 使い方はいたって簡単。トップページにあるテキストボックスに名前などロゴとなる文字を入力して、「Generate Logo Now!」をクリックします。今回は「GIGAZINE」で作ってみました。 するとこんな風に画面上に9つのロゴがざっと並んでくれるというわけです。 右上の「Generate logo」をクリックすると、気に入るものが出てくるまで何度でもロゴマークを変更できます。 右下に「Free!」とあるものは無料ダウンロードでき、「Uniqu
公開日:2012年6月 7日 カテゴリ:新しいサービス twitter のトレードマークである青い鳥が新しくなりましたね。前回のロゴよりも美しい曲線で描かれており、公式のプロモーションともに圧巻でございました、これこそデザインだわーっとね。 そんな感じで朝から影響を受けまして、どのように構成されて描かれているのか調べてみたら、Apple のロゴと同じくやっぱり黄金比で作られておりましたよというお話。 ツイッターの新ロゴデザイン登場。 皆さんおなじみの青い鳥がリニューアルしたとの どくさんからTL が流れてまいりまして、さっそくサイトにアクセス! Twitter / Logos & Brand プロモーションを見ていたら、『これはすごい!』っと朝から大興奮でございました。 前回のロゴに比べてスタイリッシュになりましたね。 Twitter、ロゴを変更--テキストをなくし、鳥のイラストも一新 -
最近 UX と UI を混同して表記されているのを見かけるようになりました。私もウケやすいということで、混同させたことがあります。しかし実際のところ UX と UI は同義語ではありません。良い UI デザインをすれば、UX が向上する可能性はありますが、必ずしもそうではありません。逆もしかりです。最近も UX と UIの違いを分かりやすく表現しようと、シリアルとボールの写真を使った例が登場しましたが、「そうでもない」という意見も多数ありました。 それでは、なぜ混同されやすいのかというと、今のスマートフォン向けのデザインを見るとヒントが隠されています。例えば Twitter クライアントの中で人気のある Tweetbot を見てみましょう。このアプリの中で装飾と呼べるデザインはどれだけあるでしょうか。ほぼ皆無だと思います。 スマートフォンという小さなスクリーンには、UI しか存在しません。
Marshmallow ChallengeThe marshmallow challenge is a classic problem-solving exercise. On this page, you'll find everything you need to understand the point of this challenge and why kindergarteners can easily win against business school graduates. Short SummaryThe marshmallow challenge is a simple design exercise and team-building activity for small groups. The groups have to build the tallest fre
内容:「iromiru(イロミル)」は、画像に含まれている色のコードを確認できるサービスだ。HTMLやCSSで色を指定する際に必要な16進数のカラーコードを、画像をドラッグ&ドロップするだけでかんたんに抽出することができる。 「iromiru(イロミル)」は、画像に含まれている色のコードを確認できるサービスだ。HTMLやCSSで色を指定する際に必要な16進数のカラーコードを、ブラウザを用いて既製の画像から簡単に抽出することができる。 使い方は簡単で、手持ちの画像をドラッグ&ドロップするだけ。画像が解析され、含まれている色が画面の下部にバーの形で表示される。あとは必要な色をクリックすれば、画面の右側に16進数のカラーコードで表示されるので、必要に応じてカラーコードをコピーして利用できるというわけだ。 「iromiru」トップページ。特に使い方が書かれているわけではないが、わかりやすいアイコン
ウェブサイトのデザインにおいて大事な役割を果たす色。サイトを通じて企業や商品のイメージを伝えることももちろん大事ですが、見やすさを考慮することも忘れてはいけません。そこで、文字色が黒の時に、アクセシビリティの視点で背景色として使えるWebセーフカラーがどのくらいあるのか調べてみました。 やってみたこと文字色を黒(#000000)に固定して、背景色を#000000から#ffffffまで変えていった場合のコントラスト比と、白内障、第1色覚(赤)、第2色覚(緑)、第3色覚(青)の4つの視覚特性における見やすさ、そして私の主観的な見やすさについて調べています。 コントラスト比は「カラーコントラストアナライザー」というソフトでチェックし、ウェブコンテンツのアクセシビリティに関するJISであるJIS X 8341-3:2010の「最低限のコントラストに関する達成基準(7.1.4.3)(AA)」への適合
Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov
このシリーズでは Web Design101(WD101)と名付けて、ウェブデザインをより深く理解するための最初の一歩になる知識やノウハウをコラム形式で紹介していきます。 DTPという名の足かせ Webデザインはよくも悪くも DTP のノウハウを受け継ぎながら徐々に成長してきた領域です。今でも根強く残っている「ページ」という概念。タイポグラフィ・グラフィック・レイアウトなど DTP が培ってきたノウハウは CSS と HTML (ときどき JavaScript)を使って再現されたりしています。DTPの概念とノウハウがなければ Dreamweaver のようなソフトは生まれなかったでしょうし、Dreamweaver のようにコードを手打ちしなくても DTP 感覚で Web デザインに入り込めるソフトがなければ、Web デザイナーを職業とする方もこれほど増えなかったかもしれません。 しかし、D
Designed for people who aren’t designersNow creating, giving, and tracking beautiful interactive presentations is as easy as 1,2,3.
A new way to think about content creation. Specialized creative talent, online and on-demand. HIGHEST QUALITY TALENTOver 1000 specialized creative professionals.Hand picked and vetted for your needs.We simplify complexity FULL CREATIVE SERVICEWe can start with strategy.Integrated products and services.An extension of your team
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く