基礎を理解し、事例をたくさん目にして、 成果に繋がるWEBサイトは何かを考える。 4月に入り、新しい社員を迎えられた企業も多いと思う。 WEBや販促担当の新入社員さんには、いきなり現場に入って 大変な思いをしている方もいるかもしれない。 その指導をされる方々は、 もしかしたら、新入社員さん以上に大... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『MagicPlan』は、部屋探しのお供にピッタリなiPhone/iPadアプリです。 使い方は至って簡単。部屋の真ん中に立ってコーナー（四隅等）を順番に撮影するだけ。作成した平面図はpdf、jpg、dxfといった形式で書き出すことも可能です。 家具が置いてあっても問題ないというのがスゴいですね。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
others 米財務省作成のパワポ・プレゼン資料が、見た目とか色使いとかグラフの配置とかのセンスがいい件。 URL 「プレゼン資料とはこう作る」のお手本のような出来映えである。 2012-03-03 01:33:53 via HootSuiteTwitterで紹介されていたこの資料。実際見てみた... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
シンプルで良さそうだったのでメモ。 パブリックドメインのCSSフレームワ ークです。レスポンシブWebデザイン にも対応していますし、グリッドレイ アウトにも利用出来るのでなかなか 汎用性があるのでは無いかなと。 ライセンスはCC0(クリエイティブコモンズ版のパブリックドメイン)で、著作権は放棄さ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Word資料など、10年前にはよく作っていた時に、先輩から教わった話。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君」から会話がスタートした。 は？なんで文章なのにデザイン関係あるの？ デザインはレイアウト、見た目、イラストと言ったものだけではない 最近、Webデザイナーの初心... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Tweet概観 先日、IKEAに行って、かねてから作りたかった自宅オフィスを作ることが出来たので出来た結果を備忘をかねて共有します。皆様の自宅オフィス作りに役立てていただければと思います。 リビングにIKEAで作る2畳の快適仕事環境 – @masuidrive blog にも、良いアイディアがたく... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
さて昨日からいじっているimpress.jpが良い感じです。3Dでぐりんぐりんしたプレゼンが作れるツールですよ。たとえば、ということでWeb年賀状でも作ってみましたよ（ざっくりとだけど）。 » 百式年賀状 powered by impress.js （スペースか矢印キーでどうぞ） なお、本家本元の... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
[Webデザイン] レイアウトを真似したい、ここ最近の和風デザインWebサイト [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ドラッグ＆ドロップだけの簡単手順であなたのサイトをスマートフォン対応サイトに変換！shuttoの特徴 PCサイトを誰でもカンタンにスマートフォン対応できます。 shuttoは、htmlの知識が無くても、PCサイトからのドラッグ&ドロップで自由にレイアウトできます。 直感的なインターフェイスにより、... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考える... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
初めてWordPressオリジナルテーマの作成 にトライしたい、という方向けの基本の マニュアルです。マニュアルというほど 大袈裟なものではありませんけど、ある 程度敷居が低くなると嬉しいなぁという 思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けと... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]サイズが分からない要素を真ん中に配置するテクニック | コリス フィード](/thumbnail/643862.png)
下記は各ポイントを意訳したものです。 要素のサイズが分かっている場合 要素のサイズが分からない場合 まとめと対応ブラウザ 要素のサイズが分かっている場合 「真ん中に配置するエレメント」と「その親エレメント」両方の高さと幅のサイズが分かっているのであれば、エレメントを真ん中に置くのは簡単です。 「真... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
[ビジネススタイル] フリーランスのための全国Webサイト制作料金表 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
以前ご紹介したBootstrapですが、良い感じにマイナーバージョンアップを繰り返しているようです。地味にウォッチしていたのですが、本日、v1.3.0になってかなり使いやすくなったので再度ご紹介。 ■ JavaScriptライブラリも出来た！ これが一番うれしいぞ！ 以前はドキュメンテーションがい... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
jsdo.itに投稿されたCSS3のコードのなかから、実用的なものからネタ系のものまで厳選して集めました。 Tweet jsdo.itに投稿された800以上のコードのなかから、実用的なものからネタ系のものまで厳選して集めました。 これだけ見ておけばCSS3で何ができるのか、何を勉強したらいいのかが... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]異なる高さのdiv要素の高さを揃えるだけのシンプルなスクリプト -Equalbox | コリス フィード](/thumbnail/593509.png)
Equalbox.jsの実装 HTML 各div要素はjQueryのセレクタで指定できるように、idなどを指定します。 <div id="box-container"> <div id="box1" class="box"> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf<... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
今回は、Web制作の現場でも使えるようなユーザビリティテストの方法をご紹介します。 アクセス解析を使ったものではなく、あくまでもサイトの構造の問題点を洗い出す方法です。 そのため、それにいたる細かい基本部分についてもかなり大胆に触れてます。 試験をする前に、どのような観点からサイトを見て行く必要が... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
下記は各ポイントを意訳してものです。はじめにDemo 1: overflow:auto;Demo 2: overflow:hidden;overflowを使って生じる問題点と解決方法はじめにフロートベースのレイアウトをする際、ラッパーとなるコンテナがフロートしている子要素に対して高さを拡張しないこ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Webデザインには大きく分けて2種類あります。新規作成と、既存のサイトのリデザインです。今回「ホームページを作る人のネタ帳」さんのリデザインをお手伝いさせて頂きました！リデザインにあたり、改善点やリデザインの流れをケーススタディーとして公開してみようと思います。打ち合わせリデザインにあたり、まずは... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なス... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
