IDEA * IDEAドットインストール代表のライフハックブログ
最近よく使ってる、Web制作に役立つWebサービス的なやつ
少し前に聞いてくれた方がいたのでついで にシェアしてみます。個人的に最近よく好ん で使っている、Web制作に役立つWebサー ビスみたいなものをご紹介。全部既出で 珍しいものは無いんですけど、一覧にする のもたまにはいいかもですね。 というわけで、場合によっては誰得な記事ですけどご了承下さい。僕がここ最近でよく使ってるWebツールを古いのから新しいのまで、順不同でご紹介していきます。 web計。 → 黄金比・白銀比をサクサク計算 計算が面倒な黄金比や白銀比を、数値を入力するだけでサクサク出してくれます。動作も軽くてストレス無しです。 web計。 simplelib → よく使うjQueryコードをパッケージで配布 めっちゃ楽です。jQueryで作りたい機能だけを選択して、1つのjsファイルにパッケージにしてくれますよ。ページスクロールとかタブとか需要の高いものが揃っています。ちょっと機能を
考察：Appleはスマホサイトを作らない。
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
WEBデザインをとにかくたくさん見たい人の為のまとめ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ウェブデザインのマンネリ化から抜け出したい人のためのリンク集
ウェブサイトでよく使用されるエレメントやデザインのアイデアをコレクションしている、インスピレーションを与えるサイトを紹介します。
愛の妖精ぷりんてぃん 公式ホームページ
コーナー一覧 ご覧になりたいコーナーをお選びください ☆ トップページタイトル ☆ 今日の未女子日女（ミニ日記） 【SPECIAL】 愛の妖精ぷりんてぃん きらめきの商品 販売中☆ ☆ ぷりんてぃんのお店 【SPECIAL】 あなたの運気（pr）を高めます♡ スマホ用 壁紙 無料配布中 ☆ きらめきの壁紙カード ☆ ぷりんてぃん ここがすごい!! 【はじめに】 ♡ ぷりんてぃんってなに？ ♡ ミーちゃんがご案内する 愛のぷりんてぃんの世界 【絵 本】 ♡ 愛のファンタジアランドへ ようこそ！ ♡ ぷりんてぃんと遊ぼうよ！ 【エッセイ】 ♡ あなたが幸せになるために 【作 品 集】 ♡ 未女子日女ギャラリー１ 東日本大震災復興祈念 ♡ 未女子日女ギャラリー２ ♡ 未女子日女ギャラリー３ ♡ 未女子日女 直筆 書道メッセージ集 【ミニ劇場】 ♡ 愛と幸せの ぷりんてぃん物語 【ライトノベル】
国内Webサイト参考デザイン一覧集 | Maka-veli.com
ん？タイトルの日本語、なんかおかしい？(笑) 自分用に、国内のWEBサイトサンプル集をメモ。 やっぱ国内のが参考にしやすいですよね。 ズロック http://www.zzrock.net/ 一番お世話になってます。 検索も楽です。 そしてサイト自体のデザインも好きです。 (黒×黒のロゴとかやっちゃうとこがまた良い) iKeSai.com http://www.ikesai.com/ なんか気楽に見れる。見やすい。 WEBdeDB http://www.webdedb.com/ 更新減ってきたけど、数多い。 (Faviconつけてほしいー…) WEBデザインの見本帳 http://www.web-mihon.com/ 印象から検索できるのは嬉しい。 サイトがかわいい。 webselection http://web-selection.com/ シンプル。み
GUIパーツやアイコンがセットになったイラストレーター用UIデザインフレームワーク:phpspot開発日誌
User Interface Design Framework | 260 free vectors icons, GUI graphic library for web design GUIパーツやアイコンがセットになったイラストレーター用UIデザインフレームワーク。 次のようなGUIパーツやアイコン、グラデーションスタイルの３つがセットになった素材集です。 GUIパーツとアイコンを使って、ユーザインタフェースのモックを作る際に役立ちそうです。 次のようにパーツが非常に豊富なので、イメージを作る分には困らなさそう。 アイコンも種類豊富 関連エントリ ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」 WEBレイアウト作成用のモック作成ツールキット WEBデザインのモック作成時に役立つ手書き用PDFテンプレート集 サイトのモック等に使えるダミーのイメージを簡単に作れる
35 Excellent Wireframing Resources - noupe
Wireframing is an important part of the design process, one that shouldn't be overlooked by even the most experienced designers. Wireframes can save development time by outlining exactly how a site should look and function, in a manner that can be shown to and approved by your clients. But wireframing can be confusing, especially to new designers. What's the right way to create a wireframe? Is the
2011年1月のこれだけ読めば分かる Web 制作者向け情報まとめ | ウェブル
いろいろなところから2011年1月に集めてきた情報を要点を抑えて紹介していきます。これは何か、どんなシーンで使えるのかということを書くようにして、気持よく読めるようにまとめて行けたら良いです。情報を集めるのが苦手なあなたはこれだけ読めば結構身になるかもしれませんね。 これは Web サービスに使えると思った情報 使い方をその場で再現するスクリプト目の前でアニメーションして説明するスクリプト「Embedded Help System」 – GIGAZINE Web サービスのヘルプなどで使えるかもしれません。導入がそこまで難しくないようなので、ヘルプを作る際は一番最初にこちらを検討すると良いかもしれませんね。 ビジネスモデルについて学べるわかったつもりになっていませんか：「ビジネスモデル」とはなんだろう? 余談や説明が長すぎたので、個人的にためになりそうな要点だけ抑えておきます。 なんか微
WEBデザイナー VS オナニー担当者 対策＆あるあるネタ募集
SNSの情報収集をしていて興味深いブログを発見したので皆の意見を聞きたい。 まずは、このカンプを見ていただきたい。 カー用品のサイト？のリニューアル用デザインらしい。 ■before http://minkara.carview.co.jp/image.aspx?src=http://carview-img02.bmcdn.jp/carlife/storage/275773/plus/50892cdefb.jpg おれが見るに、おしゃれだし今のサイトよりはずっと使いやすそうなんだが…。 ■ちなみに、現サイト http://store.shopping.yahoo.co.jp/oriflame/index.html ひでぇ…。これよりは遥かによくなったよな。 ブログを読むとyahooショッピング用サイトのリニューアルをweb制作会社にたのんだらしいのだが、デザインがお気に召さなかったらしくプ
2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ - かちびと.net
少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基本的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。 尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。 デザイン 読み物系が多いです。正月とかで見直す用。 配色パターンからWebデザインを考える ウェブデザインでこれは気をつけたいの35のポイント デザインQRコードの作り方 非デザイナーのための
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop VIP ☞ 商用可、豊富すぎる711個のピクトグラムアイコンを無料公開している「Noun Project」
iPhone・Android、スマートフォンアプリ等に使えるアイコンまとめ - Webのプルタブ
新着記事
パスワード認証
Facebook Statistics, Application Statistics, Page Statistics - Socialbakers
kuroigamen.com
デザイナーなら必ずダウンロードしたいフリーフォント100個｜designaholic -Creative Column-
素材写真 | Shutterstock: ロイヤリティフリー素材写真
