収納できない配線コードをおしゃれにまとめるインテリア雑貨「Power Lines」がおもしろい。送電線に！？ : 伊勢海老太郎ブログ
伊勢海老太郎ブログ 世界のインテリアと雑貨と文房具、Apple(iPhone)、食、ファッション、アート、デザイン、雑学コネタ、千葉と東京の食べ歩きなどをまとめるブログです。 どうも、インテリア雑貨が大好きな伊勢海老太郎です。最近はワイヤレス接続の電化製品が増えました。しかし、まだまだパソコン周りやテレビ周りは配線コードが多いです。インテリアを綺麗に見せるテクニックの1つが、配線コードをいかに隠すかです。 しかし、どうしても隠せない配線コードってあるんですよね。今回は逆転の発想で、隠せない配線コードを魅せるコードにする雑貨の紹介です。「Power Lines」という商品です。この鉄塔の形をしたスタンドに、配線コードをのせれば送電線のようになるのです。 ミニチュアの鉄塔がインテリアのオブジェになります。まさに送電線です。 たくさん並べると、まさにミニチュアの街のジオラマを見ているようです
(Gimp) 透過PNG,GIFの作成方法
（例）次のイメージの白色の部分を透明にする ●パレット数の設定 8ビットパレット（256色）しかサポートしないGIFや、より小さいサイズのPNGを作成したい場合は、あらかじめ"インデックス カラー"に変換しておく。 「画像 ー モード ー インデックス」でパレットのビット数を設定出来る。 ●アルファチャンネルを加える レイヤーツールボックスで、レイヤの上で右クリックしてコンテキストメニューを出す。 「アルファチャンネルを追加」を実行。 ●透明にしたい部分を選択する バックグラウンド色の範囲を選択する方法はいろいろあるが、ここでは「色による選択」で選択することにする。 画像ウインドウの上で右クリックして、コンテキストメニューを呼び出す。 「選択 - 色による選択」を実行。 "しきい値"をゼロとして、厳密に同一色（今回は白＝#000000）のみを選択するように設定する。 白の背景色のどこか一箇
有料でもおかしくないようなクオリティの高いWordPressテーマを無料で配布しているサイトいろいろ - かちびと.net
ご質問頂いたので記事にします。クオリティ の高いWordPressのテーマで無料のものは 無いか、または無料で手に入る方法は無い か、とのことでしたのでなかなかクオリティの 高いテーマを無料で配布してくれているサイト をいくつかご紹介します。 というわけで無料で手に入る、有料ライクなWordPressテーマを配布しているサイトのまとめ。ハイクオリティかどうかは個人差があるかなとは思います。 デザインはもちろん、テーマの機能をどういったコードで実装しているか、というのも参考になりますので開発目的に見ておいても損は無いかなと。 dessign swiss-missやonextrapixelでも評価されたデザイナー、クリエイター向けのテーマ。ホワイトベース中心です。有料版もありますが、無料版も見劣りしません。 example dessign Templatic TemplaticはCMSやポート
まったくのゼロから、Webデザイナーになる方法 - ウェブデザイナーになるには
この記事は2011年に書いた記事です。2015年に書いた増補改訂版があります。 「Illustrator、デザイン - まったくのゼロから、独学でWebデザイナーになるためのロードマップ【Vol. 1】」（2015年3月） 前にも「独学でWebデザイナーになるのにまずやること」というエントリーをかいたが、簡易的な内容だった。 今回も大筋の考え方はかわらない。Webデザイナーになるには、たくさん作品を作って人にみてもらうことである。 今回はもっと踏み込んで、全くの未経験の人がどうすればWebデザイナーになれるのかの具体的なステップ（行動プラン）をまとめてみたい。すでに学校やスクールでWebを学んでいる人や会社でデザイン部門をあらたに設立したい人にも役に立つだろう。 ステップ１ 制作環境をつくる まず最初にやることは制作環境を揃えることである。以前だと、FAXとスキャナーは必須だったが、いまは
素人っぽいデザインから脱却するための12のデザインチップス | webox blog
クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ
私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 （※本文中のショートカットキーは全てMacの場合です） 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う
初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ
デザインの参考になる、一目で内容が鮮烈に伝わってくる優れたロゴ50種類
ここ2ヶ月以内に作られたばかりという新鮮なデザインのロゴ50種類です。どのロゴも一目で内容が把握できる上に人目を引く優れたデザインとなっているので、これから先何かのデザインをする機会がある人の参考になるのではないでしょうか。 ロゴ50種類は以下から。Awesome Logo Designs In March And April ? 50 Logos | Design your way 01：Allibone 02：Art Eagle 03：Ayvi 04：Bazooka 05：Billy Turf 06：Book Cover Cafe 07：Casa dei Curiosi 08：CAT 09：Charge 10：CinEmpire 11：Crazy Idea 12：Dance Police 13：Dino 14：Dionysus 15：eco motion 16：Elegant Cust
インパクト十分、かつスタイリッシュな名刺のデザイン100選
名刺は自分の顔と名前を覚えてもらうための、社会人にとっていわば1つの武器と言っても過言ではないアイテムですが、だからといって顔写真を入れたり、自社のロゴを全面に押し出した物ではやぼったくなってしまいがちです。 インパクトを与えつつ、かつスタイリッシュで人に好印象を与えられそうな絶妙なさじ加減は難しいものですが、お手本となりそうなデザインをとにかくたくさん見るのが、必殺の武器となる自慢の名刺デザインには欠かせないはず。 ということで、秀逸な名刺のデザイン100パターンは以下から。100 Awesome and Original Business Cards from Designers | MyInkBlog 001 002 003 004 005 006 007 008 009 010 011 012 013 014 015 016 017 018 019 020 021 022 023
「個人オフィス3日間分」、おしゃれなバッテリー | WIRED VISION
前の記事 自転車で動く浄水器『シクロクリーン』 チェルノブイリ：「100年保つシールド」の建設 次の記事 「個人オフィス3日間分」、おしゃれなバッテリー 2011年4月 4日 環境 コメント： トラックバック (0) フィード環境 Charlie Sorrel 取っ手をつかんで移動する。取っ手は格納も可能。 コロコロと転がして持ち運びできる『Yill』は、どこにいても個人事務所を稼動できるようにする大型バッテリーだ。 安価な夜間の電力で蓄電するヒーターもあるが、Yillは、そういった安価な夜間電力で、巨大なリチウムチタン電池パックを充電するのだ。 Yillのリチウムチタン電池は短時間で充電可能で、充電にかかる時間はわずか4時間だ。いっぱいに充電すると、毎時1キロワットで最大300ワットの電力を供給できる。個人用ワークステーションの2日から3日分の電力としては十分な容量だとYounicos社
無料で商用でも利用OKなWebdesigner Depotのアイコン集「Kaching」「Childish」「Buddycons」「Reflection」などなどとにかくいっぱい
イーコマース用のアイコン「Kaching」、子ども向けウェブサイト用のアイコン「Childish」、各種ソーシャルメディアのアイコンをベクター形式で揃えた「Buddycons」、モノクロベースで208種類もある実用アイコン「Reflection」、ベクター形式のソースファイルを同梱したRSS用のアイコン「Supra」、ブルーとブラックを基調にしたベクター形式も収録済みのアイコン「Primo」、ベクター形式とPNG形式の両方を揃えたTwitter用各種アイコンセットなどなど、とにかく山ほど無料で商用利用も可能なオリジナルデザインのアイコンを配布しているのがウェブデザインを扱うブログ「Webdesigner Depot」です。 というわけで、各種アイコンのダウンロードは以下から。 Kaching - Exclusive Free eCommerce Icons | Webdesigner De
Photoshop初心者さんが写真のレタッチ（色調補正）などをするために覚えたい機能
私は毎日使っている Adobe Photoshopですが、まだまだ使いこなせてません ...。 初心者だったころは今以上に分からないことだらけでした。 今回はとても長い記事になってしまいましたが、初心者だった頃分かりにくかったなーと思った Photoshop の機能についてまとめてみました。 私が Web制作をするときに、いつもお世話になってるのが Adobe Photoshop。Photoshop は Webデザイナーでなくても、DTP デザイナーさんやカメラマンさんなど、職種を問わずいろんな所で使われていますよね。もちろん仕事で使っていないけれど、趣味のことに Photoshop を使っている … という人もたくさんいると思います。 Photoshop はとっても高機能でいろんな機能がついていて、分からないことだらけ …。難しい用語もあったりして、取っ付きにくいなーと思ってる人も多いは
テーブルを見やすく、使いやすくするためのアルティメットガイド
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
商用・個人サイトで利用可能なロイヤリティフリーの写真素材サイト集 | コリス
Freeziqのエントリーから、商用・個人サイトで利用可能なロイヤリティフリーの20の写真素材サイトを紹介します。 20 Best Places to get Free Stock Photography ライセンスは再販以外はフリーのものが多いですが、利用する際には個別に確認してください。
コーディングをさっと済ませるためのCSSテンプレート集 | CREAMU
コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウト » Layout Gala 40のCSSレイアウト » CSS Creator 幅や背景色などを指定してXHTMLソースが生成できる » Whiteboard フリーのワードプレステーマフレームワーク » Yet Another Multi-Column Layout モダンで拡張性のあるレイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
国内のWeb制作に役立ちそうな無料の写真素材やフォント、Webデザインギャラリー等のリソースサイトいろいろ・2011
Photoshop Vip » デザイン制作に使いたい、「極上」無料テクスチャ素材105セット集めました。
細みでスタイリッシュなフリーフォント50
名刺にパンフレットにWebサイトまで作れちゃう、Adobeの『Project ROME』がすごい！ | ライフハッカー・ジャパン
https://www.9brand.com/shop/online/products/index.html