Pinterest（ピンタレスト）初心者向け！Webデザインの情報収集に使える4つポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。デザイナーのminecoです。 私は去年から「Pinterest（ピンタレスト）」というデザイン情報を収集できるWebサービスを使っていますが、ここまで長く使っているアプリは初めてじゃないかというくらい継続して利用しています。デスクトップブラウザからでもスマートフォンアプリからでも使えるので、忙しい日々の生活のなかで情報収集ができ、情報が豊富なので1日徘徊していても飽きないからだと思います。 ということで今日は、そんな「Pinterest」を使ったデザイン収集の方法をご紹介します。今回は「Webデザイン」を集めることをテーマにしていきます。 Pinterestとは？ Pinterest は見て、発見するツールです。プロジェクトや趣味にぴったりのアイデアを見つけるのに活用してください。ーPinterestより 気軽にアイデアを発見できるツールです。サイト上で気に入ったデザインや
CSSで未使用のセレクタを見つけて削除しちゃうよ！不要な記述をなくしてファイルサイズを減らそう
2019年1月記事更新 当記事は2015年1月に公開した内容を元に、2019年1月最新の情報に変更しました。 Chromeの仕様が変わり、開発者ツールの「Audits」項目から調べられなくなりました。 現在は開発者ツールの「Coverage」機能で調査できるので記事内容を修正しました。 一度リリースしたサイトがほったらかしで済むならいいんですけど、度重なる仕様変更や機能追加でCSSってカオスになりがちですよね。 綺麗に書かれていないCSSに手を加えるとき、かなり大変だったりしますよね。できるだけ日常的に綺麗に書く努力をしたいものです。 今回は、CSSで未使用のセレクタを見つけて削除する方法をご紹介します！ Google Chromeの開発者ツールに標準で搭載されています。
CSS最適化ツール (based on CSSTidy 1.2)
言語: Japanese English Deutsch French Chinese 注意: CSSコードを最適化するツールです。CSSコードの正当性(validator)は検証しません。 CSSコードの正当性を検証する場合はW3C Validatorをご使用下さい。 Code Layout: 圧縮率（コードレイアウト）: カスタム テンプレート Options CSSの内容を保護する セレクタをアルファベット順で整列（注意） プロパティをアルファベット順で整列 セレクタの再編成 ショートハンドCSSの最適化 colorの値を簡略化する font-weightを数値にする セレクタを小文字にする プロパティの文字: 変更なし 小文字 大文字 不要なバックスラッシュを削除 最後のプロパティには ; をつけない 規格外のプロパティは削除 タイムスタンプを追加 最適化の結果を保存する
配色パターンを決める際にお世話になっているサイトをご紹介
「なんかいつも同じような配色になってしまう」「思い切った配色ができない」と悩んだときに個人的にお世話になっているサイトを紹介します。 かなり有名なサイトばかりですが参考になればうれしいです。 メインの色を決めるたいときに まず、ウェブサイトのメインとなる色を決めるときに使っているサイトを紹介します。 WEB色見本 原色大辞典 - HTML Color Names この手のサイトは色々ありますが、私はこのサイト一筋です。様々な色が載っていますが、以下のページの色を参考にすることが多いです。 日本の伝統色 和色大辞典 - Traditional Japanese Color Names 世界の伝統色 洋色大辞典 - Traditional World Color Names ビビッドカラー - Vivid Colors カラーピッカーもよく使います。 カラーピッカー - 原色大辞典 アクセント
カフェで作業をすると捗る人用のBGMサービス -Coffitivity
カフェで作業をすると捗る人も多いと思いますが、クリエイティブを引き上げるには、静かすぎても騒々しすぎてもダメで、中程度の騒音がよいそうです。 確かに、適度に騒音がある方が作業が捗りますよね。 会社でも自宅でも、カフェ気分になれるオンラインBGMサービスを紹介します。
ウェブ業界 デザイナーブーム到来？ （web R25） - Yahoo!ニュース
Pinterestのトップページ。気に入ったものを「ピンで留める」だけという簡単かつオシャレなピンボードが人気だ ※この画像はサイトのスクリーンショットです 昨今、IT先進国アメリカのweb業界で新たな潮流が生まれつつある。それは何か？ 「デザイナーの台頭」である。従来、web業界では有能な「プログラマー」に注目が集まりがちだった。ところが最近では、優れたデザイナーこそサービスの成否を左右する…そう思われるようになってきたという。 「デザインの重要性に対する注目度が高まったのは、『The Designer Fund』というファンドが2011年に設立されたのがきっかけ。同ファンドはデザイナーを金銭的に支援するべく設立されたファンドですが、これ以降“有能なデザイナーは投資対象として価値がある”という認識が広がりました」（リクルートMedia Technology Labs・石山 洸 氏）
HTML5で作られたWebサイトのまとめやフルスクリーンなwordpressのテーマ集など今日のまとめ | WDS
今日の話題・ニュース iPhone4Sがとどめ、国内携帯端末メーカーの最終章(1) | 産業・業界 | 投資・経済・ビジネスの東洋経済オンライン 通信費は意見が色々あると思いますが、端末代だけで考えるとiPhoneは安いですもんね。 箱庭ゲーム 『Minecraft – Pocket Edition』iOS版 配信開始 — Engadget Japanese 連日ゲーマーぶってますけど実はやったことないんですよね。これを機にやってみようかな。 なぜ今、ブログなのか – jkondo's blog jkondo氏が先日サービスがスタートしたはてなブログについて語る。 今日のWebデザイン 40+ Awesome Fullscreen WordPress Theme Collection – tripwire magazine フルスクリーンのWordpressテーマコレクション。 50 Cr
「Flashは死ぬのか？」 世界の問いに対するAdobeからの回答 - 週刊アスキー
Adobeがモバイル向けFlashの開発を辞めると発表し、世界中が騒然としたわけですが、その理由と誤解について、アドビ システムズの主席プロダクトマネージャーであるマイク・チェンバース氏がコメントしております。 ※この記事は、2011年11月11日にアドビ システムズ社のブログにポストされた記事を翻訳したものです。リリースより転載します。 モバイルブラウザー向けFlash Player、Flash Platform、Flashの今後について 【2011年11月17日】 私がFlashとFlashコミュニティに携わって、およそ12～3年（そのうち10年以上はマクロメディアとアドビ システムズ社）になります。この間にはさまざまな変動がありましたが、この2日間は私のキャリアの中で最も困難なものでした。この数日間のニュースにおけるいくつかの項目を明らかにし、また状況がどのように進行しているかについ
NextFTPで使うフィルタ
とりあえず画像・動画・プログラム関連とかは表示する必要なし。 *.jpg;*.jpeg;*.gif;*.png;*.bmp;*.psd;*.ai;*.swf;*.fla;*.wmv;*.mpg;*.m4v;*.flv;*.mp4;*.pdf;*.xls;*.doc;*.ppt;*.zip;*.lzh;*.log;*.json;*.dat;jcode.pl;*.pm;*.ico;*.db;*.mno;*.ds_store;*.mo;*.mif; 以下の分類はあくまで主観です。 WEBページ系 *.html;*.htm;*.shtml;*.shtm;*.dwt; 画像系 *.jpg;*.jpeg;*.gif;*.png;*.bmp;*.psd;*.ai; 動画系 *.swf;*.fla;*.wmv;*.mpg;*.m4v;*.flv;*.mp4; 文書系 *.pdf;*.xls;*.doc;*
【CSS】CSSレイアウト時のIE6対策まとめ | バシャログ。
Adobe の CS5 はなんか凄そうですね。「でもお高いんでしょ？」「ハイ、とても！」 いま会社で使っているアプリは「Macromedia」の Dreamweaver8 と Fireworks8 です。結構バリバリ制作作業していますが、別に不便に感じてないしなー、と思っている sakai です。自宅では Dreamweaver4 と Fireworks4 です。エヘン。 世間では HTML5 や CSS3 の話題も増えてきた今日この頃ですが、実務では相変わらず IE6 との格闘が続いています。 ただ、長年さんざん IE6 対策に取り組んできたこともあり、今ではそれほど IE6 を意識してコーディングすることもなくなりました。 今回は IE6 をターゲットに含めた CSS レイアウトで気をつけたい点をまとめました。 基本ですが、おさらいまで。 大前提 大前提として、IE6 は標準準拠モード
無料で使えるポートフォリオサイト用 WordPress デザインテーマ | MakeLeapsブログ
この記事について 国内外で人気のブログプラットフォーム WordPress。 豊富なデザインテーマが魅力の一つですが、今回はポートフォリオサイトに用途を絞ったテーマを紹介します。 文句なしにハイクオリティなものやアイデアがユニークだったもの等、バラエティに富んでいますのでお楽しみいただければ幸いです。 デザインテーマの紹介 Monte Cristo スライドショー部分に画像の拡大と記事へのジャンプ機能が備わっていてギャラリーサイトにもポートフォリオサイトにも使用が可能なテーマ。 見たまま使える、ユーザービリティに優れたデザインも魅力。 個別記事ページはテキスト部分を広く使える2カラム構成。 PICK UP「個別記事ページ」 Me’gusta スライドショー隣の大きな About 部分も手伝い、とにかくトップページのインパクトが大きいテーマ。 スライドショー部分は画像、テキスト、動画の em
すごく印象的でお役立ちなPhotoshopチュートリアル50本 - GIGAZINE
毎日様々なインスピレーションを求めているデザイナーたちによって作られているサイト「The Design Inspiration」が選んだ2011年に最も印象的だったPhotoshopのチュートリアル50本がかなり有用です。 50 Most Impressive Photoshop Tutorials of 2011 | The Design Inspiration http://thedesigninspiration.com/articles/50-most-impressive-photoshop-tutorials-of-2011/ ◆1：全速力で走っているモーションを効果的に加える方法 ◆2：バットマンのシンボルマークがよく見ると浮かび上がっている ◆3：SF映画のようなポスターに仕上げる ◆4：左右対称のライトニングエフェクト ◆5：マンガ風・カートゥーン風に塗る方法 ◆6：ファ
「焼肉 三十八」のリニューアルをしました！
2011年11月8日 Webサイト制作, Webデザイン こんにちは、ブログを書きつつちゃんとフリーランスのWebデザイナーとしてお仕事しています、Manaです。先月あたり「焼肉 三十八」様のWebサイトリニューアルのお手伝いをさせて頂いたのでそのレビューなんぞを紹介します。デザインや構成など、サイトリニューアルする上で参考になる部分があれば幸いです。 受注 福岡県でホームページ制作、広告運用等を手がけているCDP様より「焼肉 三十八」様のWebサイトリニューアルの依頼を頂きました。 簡単なリニューアル時のご要望をまとめると下記６点でした。 お知らせ欄は更新可能 WordPressで構築 写真やテキストは流用 携帯版作成（コンテンツは一緒） ブログ・口コミ掲示板は削除 IE6は非対応でOK（ありがとうございます！！！） 制作にかかわるお打ち合わせはCDP社デザイン担当の松野氏とSkypeや
Webサイトを作って作って作りまくれ！-独学!未経験からWebデザイナーになる!!
※当サイトは、アフィリエイト広告を掲載し、収益を得て運営しています。 80対20の法則を意識した学習をしようのページで、重要な20の部分に重点を置いて学習をした方がいいとお話ししました。しかし、その20が分からなければどうしようもありませんよね。 でも大丈夫、どなたでも、何も考えなくてもその20に近い部分を鍛える方法があります。それは、とても簡単。実際にWebサイトを作ればいいのです。 Webサイトを作るとなぜ重要な20を鍛えられるのか Webデザイナーが実務で使う知識や技術には、大きな偏りがあるということはすでにお話ししました。なぜWebサイトを作ることがよいのかと言えば、この点に関連してきます。 Webサイトを作るということは、Webデザイナーの実務に比較的近い行動です。もちろん、プライベートで作るWebサイトは、実務と全く同じとはいきません。しかし、企画をして、デザインをして、コーデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kanfoo.jp
29000個以上もの膨大な数のアイコンが揃ったサイト「Free Icons Web」 | つーる亭
560days.com
仕事で使える実用的なWordPressカスタマイズ
http://www.as3nui.com/downloads/
電話占いで使われる占術をご紹介 | 当たる電話占いおすすめランキング～口コミで評判の当たる電話占いサイト紹介～
