ウェブデザインに役立つ、いけてるサイト、かっこいいサイト、おしゃれなサイト、クールなサイトなどを集めたWEBデザイナーのためのWEBデザインのリンク集。WEBデザインの参考にどうぞ
インスピレーションを向上させたい 時に僕が見てまわるWebサイトを ご紹介。というか基本的に殆ど閃く 事は皆無に等しいレベルでナンセ ンスな人間なのでドーピング的に 綺麗なものを見るようにしています。 というわけで、発想力の有る方には全く役に立たないエントリーです。個人的には勉強を兼ねたWebデザイン、フォトグラフィのためのインスピレーション向上が目的ですが、「発想力を上げる」というのは様々な業種の方にも通ずるものがあるのではないかと思っています。 パッと見、一貫性の無いまとめですが、どのサイトからもアイデアを貰ったことがあるのでそういったWebサイト集になります。順不同。 Dribbble 世界中のデザイナーの作品が見れるサイトです。新しく作ったコンテンツを公開してくれます。色やカテゴリで探せますが、どれも素敵なのでダラダラ見てるのも楽しいです。 Dribbble We heart it
Clean & Functional Free WordPress Themes Complete, friendly and free from unnecessary components. Who we are? We are a team of designers. Actually, there are only two of us but you have to admit that the team sounds much better. We make elegant, simple and functional WordPress themes. Our goal is to make the Internet a bit more comfortable place for you to spend time. Every day we work on making t
住まいをさがす 自宅の相場をみる 住まい事例をさがす 街・施設をさがす 営業所をさがす スタッフをさがす 読みものをさがす
今月のWebマガジン目次 超必読記事WebデザインWordPress関連記事CSS/JavaScript無料アイコンWebサービス業界記事 必読記事 結局どうすればいいの? - Dive Into HTML5 HTML5を学ぶ最適な資料。内容も面白いです。 PayPal 基礎知識ゼロから始める、個人利用・事業利用の使い方大辞典 日本でなじみないPayPalだが、そろそろきてもおかしく無いながれ。ブクマをすすめます。 目次にもどる Webデザイン 優れたiPhoneサイトデザイン集 - iPhoneデザインボックス スマートフォンサイトのデザイン集です。デザインのインスピレーションに。 絶対見ておきたい有名企業のスマホサイトまとめ 有名企業サイトのスマートフォン用デザインのまとめ記事。 25 Examples of Wireframes and Mockups Sketches 手書きのWe
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 1)3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。
2013年12月25日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが(もちろんあった方が楽ですが)、自分でデザインをするためのPhotoshopとCSSの知識は必要です。前回に引き続き、Nick La氏によるWeb Designer Wallを参照しています。 ↑私が10年以上利用している会計ソフト! ※これはWordpress旧バージョンのオリジナルテーマの作り方です。最新版Wordpressを使用してのオリジナルテーマの作り方は「WordPress オリジナルテーマの作り方 3.0+
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク:960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
新規Web事業のコンサルティングから、Webディレクション、システム設計まで的確な要件定義を行います。
Webサイトを作るときにまず悩む事といえば「サイト全体の横幅」がありますよね。 ちょっと前までは企業サイトといえば760~800前後が多かったのですが、最近は液晶モニタの普及・高解像度化とともに一般家庭のPCでもなかなか大きい画面を使用されている方も多くなってきました。 皆さん感じられてる事だとは思うんですが、去年あたりから標準とされていたモニタが1サイズ大きくなる変換期にあるんじゃないかと思います。(今更おせーよという突っ込みは無しで) そんななかで「そろそろ900pxオーバーで提案したい…」や「でもなぁ・・・まだまだ解像度が低い人もたくさんいるしなぁ・・・」と葛藤したりする人も多いのではないでしょうか。(しかしYahooが960pxのエラスティックレイアウトに変わって、900オーバーを提案しやすくなりましたよね。) 理想を言えば、どんな画面に左右されない作り方が一番良いんですが、やはり
Focale 44 フランスに拠点を構えるFocale 44(フォーカル44)は、そもそもSuperstarやSt-Martinといった、著名なBMXブランドを抱える会社から派生した1つのピストブラン ド。MTBやBMX、ロードバイクまでも愛する彼らが、より都市にフィットした自転車をイメージした際に、辿り着いた答えがFocale 44でした。 Focale 44の特徴は、各ファッション雑誌にも注目されるほどのモダンなデザインと、バルセロナのメッセンジャー集団、imensajerosのサポートを受けな がら開発を重ねているフレーム設計にあります。またステムと一体化させた特徴的なハンドルなど、Focale 44でしか見られないオリジナルパーツも。自転車の塗装にはロウフィニッシュの上にカラークリアコートを塗るなど、オリジナリティと革新性に満ち溢れたプ ロダクトをリリースしています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く