キーワード検索「ウェブサイト」
1765
最近はデザイン活動にすごく便利なウェブサイトってたくさんありますよね。このサイトでもライセンスフリーの写真ストックサイトや、アイコンを探すときに覚えておきたいサイトなどよく紹介させていただいています。今回はそういった、ウェブデザイナーを始めとしたすべてデザイナーなら知っておきたい、デザインに関する便利なウェブサイトをご紹介。 写真素材探しに便利なサイト50 Great Web Design Too...
1300
UIデザインで困らないために押さえておくべき7つのWEBサービス 技術 UI Web デザイン まとめ デザイン リンク集 開発 ウェブサイトにおいて、画像や配色だけがデザインではありません。ページャーやパンくずリスト、タブやアイコンなど、サイトの随所に存在するユーザーインターフェース(UI)も重要な要素のひとつ。とはいうものの、毎回おざなりに済ませていませんか？ その結果、なんだか使いづらい...
1388
ウェブサイトのパフォーマンスの改善やSEO、セキュリティに役立つ.htaccessの設定を紹介します。.htaccessの設定：パフォーマンスやSEO関連.htaccessの設定：セキュリティ関連.htaccessの設定：パフォーマンスやSEO関連.htaccessでタイムゾーンを設定.htaccessでタイムゾーンを設定します。 例：東京SetEnv TZ JST-9もしくは、SetEnv TZ...
1214
皆さま、大変申し訳ありません。はてなブックマークボタンで収集される行動情報の外部企業への提供をやめます。 先週から、この情報提供について、多くの皆さまから反対のご意見をいただきました。はてなブックマークは、あらゆるページから簡単にブックマークでき、たくさんのブックマーク情報から人気の記事が得られる最高のサービスを目指しています。その一環として、はてなブックマークボタンの普及に努めてきました。201...
1219
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマー...
953
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別...
809
こんにちは@sayobsです。今日紹介するのはAdobeから発売されているドリームウィーバーを使って誰でもHTML/CSSでウェブサイト(ホームページ)を制作する動画チュートリアルを紹介します。 僕も最初はこの動画を見てDreamweaverの使い方を覚えました。英語ですが、凄く分かりやすいですよ。WordPressで自作テーマを作りたい人にもおすすめのチュートリアルです。 1時間で覚えよう Pa...
718
Webツール , その他 ウェブサイトのレイアウトを簡単に作成できるジェネレータ「PageBlox」 2012.04.24 12:00 コメント数：[ 0 ] Tweet 「PageBlox」はウェブサイトのレイアウトを作成できるジェネレータです。ウェブサイトを作るときの大枠を簡単に作成できますよ。ドラッグ＆ドロップでカラムを移動できたり、大きさの調整ができます。作ったレイアウトを構成するHTML...
715
ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、きっと新しい発見があるはず。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。 日本語フォントの表示が確認できます。現在252種類ありま...
497
ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 最近はもう定番になりつつあります。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非...
431
PCにモバイル、スマートフォンにタブレット、そして今後はデジタルTVまでユーザーがデジタルコンテンツに多種多様なデバイスでアクセスし、消費する時代が本格化している最中。デバイス毎にウェブサイトをデザインしていてはキリがないとばかりに、最近注目されているのが「レスポンシブWebデザイン」という画面サイズやOSにデザインを柔軟に対応して表示させる手法。今回は、そんなレスポンシブWebデザインを実践して...
427
2011/12/13 これはすごい！スクロールすると世界が変わるカッコ良すぎるウェブサイト4選 Tweet こんにちは、にっしーです。 今回は衝撃を受けたスクロールデザインのウェブサイトを紹介します。 一見普通なウェブサイト。スクロールしたら世界変わります。Let's scroll!:) http://balloon.am/ http://2011.beercamp.com/ http://blo...
422
昨年2011年10月に仕事で運営に携わっている大学ウェブサイトでレスポンシブWebデザイン (しかもフル可変グリッドレイアウト) を導入して、はや半年。約6ヶ月間、レスポンシブWebデザイン（RWD）で制作したウェブサイトを運営してみて思ったことをまとめてみました。これからレスポンシブWebデザインを導入したいと考えている方の参考になれば幸いです。 プロジェクトの概要 大学のウェブサイトをリニュー...
393
紙だけでサイトごとに異なるパスワードを生成する暗号、米研究者が考案 米国のセキュリティ研究者Steve Gibson氏が、ソフトウェアを使わず、紙の上に印刷された文字の表を使用するだけで、安全なパスワードを生成できるシステム「Off the Grid」を考案したと主張している。システムの数学的仕組みと利用方法は同氏のウェブサイトにて公開しており、パブリックドメインとなっている。これはソフトウェアで...
internet.watch.impress.co.jp
370
![[CSS]CSS3アニメーションを使ったスタイルシートのテクニックのまとめ | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/awesome-css3-animation-techniques-the-first-half-of-2011.html)
アニメーションといえばFlashやJavaScriptが主流でしたが、CSS3の登場でアニメーションを手軽にウェブサイトに利用できるようになってきました。 CSS3アニメーションを使った実用的なテクニックから、実験的なす [...]
399
The Current State of Web Design: Trends 2010下記は記事の意訳と実例をいくつか抜粋したものです。元記事では他にも多数の実例が紹介されています。はじめにウェブデザインとは移り変わりが激しい業界です。他のすべての芸術的な表現とまったく同じように、ウェブデザインは絶え間なく、そして驚くほど早いスピードで進化を遂げてきました。 そして現在、私たちはウェブデザインの...
324
シンプルながらディテールにこだわったウェブサイト用のUIエレメントとアイコンがセットになったPSD素材を紹介します。 Impressionist UI Free – User Interface Pack 素材はアイコン [...]
346
ログインフォームを実装する際に、大切な7つの要素と重要な1つの機能を紹介します。 元記事では下記のCSS3で実装されたフォームもダウンロードできます。フォームのタイトルこのフォームが何についてのものであるか手短に説明されたタイトル。特に、ウェブサイトの名称を記すことは非常に重要です。非メンバー用のリンク非メンバーが偶然、このページを見つけてしまうことがあるかもしれません。そして、メンバーを増やすチ...
391
ウェブサイトをデザインする際、レイアウトはどのようにおこなっていますか？ガイドにあわせて、要素を配置できるグリッドを使用すると、レイアウトがワンランクアップしますよ！今回は、そんなグリッドデザインに使えるツールをいろいろご紹介します。Grid Style In Modern Web Design: Showcase and Resources美しいグリッドデザインのサイトがたくさん集められています...
285
当サイトの購読は、RSS Feedをご利用すると便利です。 コリスのRSS FeedTwitterでは、サイトに掲載していないウェブ関連の話題、クリエイティブなもの、面白いものを数多く紹介しています。 Twitter@colisscom2010年、ブックマークが多かったエントリー漢字も使える手書き風の日本語フォントのまとめ ウェブサイトのパフォーマンス改善やセキュリティに役立つ.htaccessの...
