WEBデザインには欠かせない素材の一つアイコン。多くの問題を解決してくれる、素晴らしい素材です。今日紹介するのは、psdで配布されて、カスタマイズ可能な160のアイコンが収録されたフリーpsdアイコンセット「Tiny Icons」です。 WEB上で必要なアイコンをほぼ網羅してくれており、シンプルなのでかなり使い勝手が良いアイコンセットです。 詳しくは以下 ダウンロードは、作者のコメント欄の「DONWLOAD HERE」をクリックして表示される上記の画面で、optionもしくはaltを押しながらクリックするとpsdファイルをダウンロードすることが可能です。 配布元の「Dribbble – What are you working on?」では、その他にも多くの素材ややクリエイティブが投稿されています。クリエイティブに関わる方は、本サイトのほうも是非どうぞ。新たな発見があるかもしれません。 D

I/O 3000は、Webデザインに関わる人のためのWebデザインギャラリーサイトです。国内外を問わず、Web制作の参考となるサイトをセレクトしています。

宇都宮勝晃、尾花大輔、菅野友香、久野遥子、中村勇吾がウェブデザインに寄せる思いとは？発想の源も いまやウェブサイトは、私たちの暮らしに欠かせない存在になっています。インターネットの広大な海には無数のサイトが存在し、それらは、ウェブデザイナーやフォトグラファー、イラストレーターたちの手によって構築されています。そういったクリエイターたちの活動を俯瞰し、20年にわたってキュレーションしてきた「S5-Style」。ウェブデザイナーの田渕将吾さんが自身の学習の一貫として始めたそのサイトは、「すべてのクリエイティブに光を当てること」をコンセプトにリニューアルオープンしました。田渕さんは、素晴らしいデザインの集約はもちろん、それらをつくりだすデザイナーやクリエイターが交流できる場を生み出し、デザインの未来に貢献したいと語ります。さまざまなかたちでウェブサイトに携わるクリエイターたちは、何をインスピレー

WEBデザイナーのためのWEBサイトのデータベース・リンク集、「WEBサイトを作成する際のデザインの配色・見本・参考」「お客様・クライアントにイメージを伝えるためのサンプル」「制作会社へのサイトイメージを伝えるためのご提案」などサンプル・配色・見本・参考・ご提案にご利用ください!!

cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード .centered { position: relative; overflow: hidden; } .centered ul { position: relative; le

2017年7月14日 Webデザイン, インスピレーション 先週末、ぼけーっと世界各国のWeb制作会社のWebサイトをひたすら眺めていました。デザイン・Web制作会社のWebサイトって細かいところまで気をきかせていたり、クスッと笑ってしまうような仕掛けがあったりして、見ていて飽きないんですよね。さらにそのサイトだけでなく、彼らの作る作品も素敵なものが揃っているという点もおもしろいです。そんなWeb制作会社のWebサイトと、その見どころを紹介します！ ↑私が10年以上利用している会計ソフト！ Web制作会社のサイトの特徴 Web制作会社のポートフォリオサイトを眺めていて、いくつか発見があったのでまとめてみます。 制作実績 多くの会社がjQueryなどを使って動きをつけて作品を紹介していました。また、以下の情報を載せているサイトが多かったです。 スクリーンショット クライアント名 制作したサイ

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

ドットインストール代表のライフハックブログ

「かっこいいサイト作るぞ！」 と意気込んでみたももの、いざ作ってみると 「あれ･･･なんかダサい･･･」 WEBサイトを作成したことのあるプログラマーの方なら、 経験したことがある方も多いのではないでしょうか？ WEB制作は、基本的に、デザインはデザイナー、システムはプログラマー、という 役割分担の元に作業が行なわれるため、プログラマーが見栄えのするサイトを作ることは、 簡単なようで、なかなか難しいことです。 かくいうプログラマーである私も、いくつかのWEBサイトを個人的に作成してきましたが、 自分で納得のいく見た目のサイトが作れず、夜中の謎のハイテンション時にデザイン を完成させ、1度寝てから再度確認すると、そこには見るも無残なWEBサイトが･･･ なんていうことを何回も経験してきました。 そこで私が試行錯誤した結果を元に、プログラマーが、シンプルながら ある程度見栄えのするWEBサイト

ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに 正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合