デザイナー・ノンプログラマにおすすめしたいThree.jsのカンタン3D体験 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアののびすけです。最近毎日ハムスターになる夢を見ます。 前回の記事「圧倒的な3D表現にWebの未来を感じるWebGLを使ったサイト・デモ20選」にまとめましたが、WebGLを使ったサイトが最近話題になっていますね。 従来の平面で考えるWebの時代から次の時代への移り変わりを感じる今日この頃です。 今回は実際にWebGLを使った3D表現にチャレンジしてみます。 JavaScriptで記述しますが、初心者向けにまとめたのでノンプログラマやデザイナーの方にもチャレンジしてほしいです！実際にコード書くところは5分（早い人なら1分）でできると思います。 そもそもWebGLとは PC上で3Dを描画するための技術にOpenGLというものがあります。OpenGLは3DグラフィックスAPIとも呼ばれていて、様々なプラットフォームに対応しており、広く普及しています。 このOpenGLをWe
センスあふれる404エラーページ30種
最近ではあまり見かけなくなってきましたが、リンクをクリックした際に「404 Not Found」と表示されると、目的のページが見つからなかったというストレスが残ってしまうもの。そんな残念な気持ちを一転して楽しい気分にさせてくれるような、センスあふれるデザインの404エラーページ30種です。 30 Creative 404 Error Pages | Flash User 1:Huwshimi 「忍者がこのページを盗んでいった」という秀逸な404エラーページ。 2：Audiko 探偵がページを探しています。 3：Abduzeedo ヒューストンにあるNASAのジョンソン宇宙センターに「問題が発生した」と連絡中。 4：Milrayas シマウマがたくさんいて、一瞬では何頭いるのかわからなくなります。 5：Brandstack 404エラーページへアクセスしたユーザーの部屋を描いたような絵です。
CSS3でバウンドするアニメーションが簡単に作成できるジェネレータ「Bounce.js」 | ライフハッカー・ジャパン
Nintendo Switchの純正プロコンを異次元レベルの操作性に!使わない理由がない革新的アダプター
思わず就職したくなるデザインの採用ページまとめ13こ | Goodpatch Blog
こんにちは！ 前回の記事「Webサイトを魅力的にするAboutページまとめ8つ」に引き続き、Webサイトの特定のページをまとめてみました！ 今回まとめたのは「採用ページ」です！ 国内外問わず「優れたデザイン/ 企業のことがよくわかる/ その会社で働きたくなる」をポイントにまとめてみました！ 海外編 Pinterest http://about.pinterest.com/careers/ Pinterestのロゴと同じ赤色と、たくさんの職場内の写真が印象的なページです。 各セクションがリズムよくわかれているので文章がとても読みやすいです。 Kickstarter http://www.kickstarter.com/team 画像と文章の組み合わせ方がとてもきれいです。おもしろいのは採用ページ終盤の「It’s fun!」というセクションにある文章の中の「hack days」にマウスオンする
刮目しよう、心惹かれるグラデーション in Webデザイン｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは、デザイナーの小林です。 昨日は私が住んでいる地域で光化学スモッグ注意報が発令されました。 もう10年以上同じ地域に住んでいますが、おそらく初めての経験で、この先の真夏がどうなるか心配です…。 さて、webデザインギャラリーなどで紹介されているwebサイトを見ていて、ふと心惹かれるものがありました。それは美しいグラデーションです。 グラデーションと言っても幅がありすぎるのですが、中でも複数の色（色相）を組み合わせたグラデーションが非常に美しく感じられました。 なかなか説明しづらいので、実際にいくつかご紹介させて頂きます。 美しいグラデーションを使ったwebサイト https://www.circle.com/ メインビジュアルに限って言うと、背景の写真もとても綺麗なのですが、このタイトルとボタンの、水色→紫のグラデーションが美しいです。あたかも背景写真の陽の光が届いているかのよう
センス上がった！タイプ別に分けたWebデザインの参考になるサイトまとめ
作成：2014/06/30 更新：2014/11/01 Webデザイン > サイトのデザインセンス、または操作性などが良いのか悪いのかわからない。 オシャレで洗練されたデザインにするため、少しでもセンスを上げるために色々なサイトをチェックしておきたい。 今回はただWebデザインギャラリーサイトを紹介するのではなく、ページ別・職種・動き・制作別など「サイト制作時に役立つ」くくりでまとめました。コーポレートサイトやECサイト・自社サービスのデザイン考えるとき、提案前に一度は見ておきたいまとめ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 配色 １．グラデーション＋フラットデザイン ２．ダッシュボードの配色例 ３．高級感を出す配色 ページ別 ４．採用ページ ５．404ページ 職種別 ６．和菓子系（不足の美） ７．女性向け（エディトリアルデザイン） ８．医療系 ９
LETTERS, INC.
We love Web Design & Technology. We are a small team, but we possess a highly skilled work force. Our goal is to produce great work with positive energy. Let’s enjoy creating together. Hello everyone! We are Letters Inc. Our Team is a company that designs interesting & unique websites. To tell the truth, we are starting to receive world wide attentions and we want more! Nice to meet you. We value:
明日から使える！Photoshopチャンネル＆レイヤーマスクの簡単過ぎるのに「応用効きまくり」な技・どどんと応用しまくりな応用編 – やもめも
効かせましょうそうしよう。 じゃこれを。 人物をもう少し明るくしてやりたい、でも背景はいじりたくない。とします。 でも、参考エントリの方法ではうまくいきません。 Cmd(ctrl)+Option(Alt)+2、でRGB合成チャンネルからグレースケールを拾って、反転してトーンカーブのレイヤーマスクにするだけでは、 背景も明るくなり過ぎちゃうんですよね。これはこれで…な気もしないでもないけど、やっぱ下手なHDRぽくて嫌。 というわけで、マスクをきっちり編集しましょう。方法は二つあります。 ①マスクをトーンカーブで編集する チャンネルパレットの「RGB」をCmd(ctrl)＋クリックするか、Cmd+Opt(Alt)＋２（キーボードショートカットで「従来のチャンネルショートカットを使用」していない場合。チェックを入れている時は「＾」）を押して選択範囲を取り、すぐさまＱでクイックマスクモードに入って
ウェブ制作者がチェックしておきたいアイデア満載のUIを備えたウェブデザインのまとめ -2014年上半期
うまくトレンドを取り入れ、デザインの細部まで徹底的にこだわり、気持ちのいいインタラクションとアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。 画像の一部だけ動くシネマグラフを使ったコンテンツ、ペルソナを使ったユーザー中心のレイアウトなど、最新のトレンド情報もお見逃しなく！ VOTD.tv シンプルですっきりしたデザインだけでも素敵ですが、ロゴ、ナビゲーションやサムネイルやコンテンツなどの随所に仕掛けたインタラクションの芸が非常に細かく、楽しませてくれます。
ブログ初心者のための「SEO スターターガイド」解説（WordPress 対応） - Naifix
検索サイトからのアクセスを増やすには、最低限の検索エンジン最適化（SEO）が必要です。 SEO ノウハウはネット上にたくさんありますが、まずは Google が公開している「検索エンジン最適化（SEO）スターター ガイド 」で基本的な部分を勉強しましょう。 でも、SEO スターターガイドは一般的なすべてのサイトを対象としており、WordPress ブログでは改めて対策しなくてもよい部分もいくつかあります。 本記事では WordPress でブログを運営している初心者が対応しておくべき点のみをピックアップして解説していきます。推奨項目を満たしているか、確認してみてください。 WordPress ブログで優先して対応すべき 9 項目 SEO スターターガイドで優先して取り組むべき項目は以下の 9 個です。 わかりやすく有益な記事タイトルを付ける 適切な見出しを付ける カテゴリーを最適化する
可愛いイラストが無料のイラストレイン
「 亥 」文字 亥 「 戌 」文字 戌 酉 「 酉 」文字 酉 「 申 」文字 申 「 未 」文字 未 「 午」文字 午 「 巳 」文字 巳 新着イラスト一覧を見る▶ フリーイラスト素材サイトのイラストレインです。春夏秋冬いつでも使えるかわいいイラストが全て無料でダウンロード可能ですし、クレジット記載なし、商用利用が可能です（詳しくは利用規約をご覧ください）。 高品質で旬なかわいいイラストを無料でたくさんお届けする為に、 また、数ある素材サイトに負けないクオリティでお届けするために日々イラストを描いております（現在更新ストップしています） 。 人、動物、乗り物、自然、模様、ポストカード、食べ物、女の子、男の子、花、便せん、洋服、雑貨、文字、植物、果物、海、 他、たくさんの種類のイラストを無料でダウンロードできます。もちろん、個人利用OK。編集OK。 ホームページ、テレビ、ブログ、雑誌、レシ
ウチカフェ｜ローソン公式サイト
ローソンウェブサイト 商品・おトク情報 エンタメ・キャンペーン ポイントカード サービス ご予約商品 会社情報 サービス一覧 ローソン銀行ATM 利用できるお支払方法 レジチャージ ゆうパック受付 郵便ポスト、切手・ハガキ・収入印紙、レターパック e発送サービス 電子決済（電子マネー） ギフト･予約商品 Loppiサービス一覧 コンビニ受取りサービス ロト・ナンバーズ・ビンゴ5（数字選択式宝くじ） スポーツくじ(toto・BIG) Loppiお取扱いサービス一覧 プリペイドシート・ネット用マネーの販売 東京ディズニーリゾート®・高速バス・レジャー ローソンの運転免許トロッカ！（外部サイト） ローソンの保険サービス - ちょいのり保険 - バイク自賠責保険 - 自転車保険 - ゴルファー保険 - インターネットで申し込める保険@ほけんセレクト 会社情報 IR / 株主･投資家情報 サステナビ
えっ？これも！？wordpressで制作されたハイクオリティWEBサイト100選！
最近では新しいCMSがドンドン誕生してきており、その機能の進化は凄いと感じます。特にWordPressの成長は著しく、日本国内でもwordpressを活用したサイトを本当によく目にするようになりました。 実際に2014年5月29日の最新調査結果によると、世界のトップ100万サイト中、約22.3％のWebサイトでWordPressが活用されております。さらにCMSを使って構築しているWebサイトのうち、過半数以上の60.0％はWordPressで構築されているようです。 この数値はまだまだ増加傾向にあり、世界の開発チームが日々システム改善の開発・向上をおこなっております。その開発スピードも凄まじくwordpressの虜となる要因の１つでしょう。 参照データ：w3techs wordpressは、もともとのブログ作成CMSというスタートでしたが、今では企業サイトやECサイト等、幅広いジャンルで
Coca-Cola Slogans Through the Years: The Coca-Cola Company
\r\n<li><a href=\"/content/company/us/en/about-us/history.html\">COCA-COLA HISTORY</a></li>\r\n<li><a href=\"/content/company/us/en/about-us/history/the-birth-of-a-refreshing-idea.html\">Our Origins</a></li>\r\n<li><a href=\"/content/company/us/en/about-us/history/the-history-of-the-coca-cola-contour-bottle.html\">Our First Bottle</a></li>\r\n<li><a href=\"/content/company/us/en/about-us/history/c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Drive- Categorized CSS gallery and examples.
Flat Inspire
WEB制作・設計・提案 - ウェブデザインスタジオ│QUALT GRAPH クオルトグラフ
Welcome webdesigncrowd.com - Justhost.com
Ars Technica - The PC Enthusiast's Resource
The Blog | Welcome to Adobe Blog
