DRAFT | 宮田識（みやたさとる） | 株式会社ドラフト | グラフィックデザインや広告コミュニケーションの視点から広告を考える | 日本
DRAFTは、2021年1月1日、50周年を迎えます。 これを機に、かねてからの思いを実行することにしました。 2019年の12月、恵比寿から神楽坂に拠点を変えたこと。 そして、40人前後いた規模を、最小限の小さな会社にしたことです。 人類や社会には解決できない問題が多々あるものの、 ほとんどの事柄は、少しずつ、またある事柄はスピードを上げ、進化を続けています。 デザイナーは、自らのデザインで社会に影響を与え続けなければなりません。 そのためには社会と真っ向から対峙する“力と覚悟”が必要になります。 DRAFTが目指してきたブランディング・デザインの本質は“平和で自由”な社会の建設です。 その姿は“企業や組織が社会にとってなくてはならない存在”であり、 その推進力は“そこに携わるすべての人が一体”となって築き上げていくものだと考えています。 僕はこの50年の間、DRAFTから飛び立っていっ
様々な表現が可能にしてくれるphotoshopブラシセット集「34 Super Cool Photoshop Brushes」
TOP > Design , Photoshop > 様々な表現が可能にしてくれるphotoshopブラシセット集「34 Super Cool Photoshop Brushes」 制作の表現をより豊かにそして便利に使えるphotoshopブラシ。様々な表現のphotoshopブラシがリリースされており、使い方によっては高いクオリティを実現できます。今日紹介するのは様々な表現のphotoshopブラシをまとめたエントリー「34 Super Cool Photoshop Brushes」です。 Starry Grunge 爆発から、光、植物などなどさまざまな表現のphotoshopブラシが集められています。今日はその中から気になったブラシセットをいくつか紹介したいと思います。 詳しくは以下 ■Halftone Brushes さまざまなトーンを集めたphotoshopブラシ。デザイン
WordPressのテーマをビジュアル的に作成する·Elastic Theme Editor MOONGIFT
Elastic Theme EditorはPHP製/WordPress用のオープンソース・ソフトウェア。去年くらいから日本でもWordPressをブログエンジンとして採用するケースが増えてきた。安定性も出てきて、かつテーマやプラグインが世界中にあるのだから使わない理由などないだろう。 ドラッグで幅を設定できる そんなWordPressのテーマ作成は一筋縄でいくものではない。こったデザインであれば、やはりプロに敵うものではないが、シンプルなテーマであればElastic Theme Editorを使えば開発者でもそれなりのものが作成できそうだ。 Elastic Theme EditorはWordPressプラグインとして動作するテーマエディタだ。多数のカラム、横幅の中から選択してベースを作成する。そして枠をクリックしてボックスを作成する。ボックスはマウスでドラッグして複数のカラムを囲むことが出
京都らーめんマップ
京都のらーめん情報を、地図とあわせて発信します！ マップしりーず第1弾らーめん一八 京都市山科区西野山射庭ノ上町34-1 幸麺亭 これでもかっ！! 京都市右京区西院西溝崎町45-2 メゾンハウス２ １F いちょうや 京都市北区烏丸紫明西入南側 らうめんや 京都市北区紫竹西野山町48 ブルーム 京都市左京区一乗寺大新開町21
クオリティーの高いPhotoshopのグラデーションファイル25 – creamu
96124501/ Hemera/ Thinkstock Photoshopのグラデーションファイルを探している。 そんなあなたにおすすめなのが、『25 High Quality Gradient Sets for Photoshop – 750+ Gradients』。クオリティーの高いPhotoshopのグラデーションファイル集です。 いい感じのグラデーションがまとまっていますね。 Clean Gradients Set 著者が注意深く選んだ約50個のグラデーションファイルを、フリー素材として配布しています Ocean Breeze 海をテーマにした青系のグラデーションファイル Vintage 深みのあるグラデーションファイル集 Dooffy Gradients Set 美しいグラデーションファイルがまとまっています Adobe CS3 Gradients Adobe CS3のアイコン
少しのコードで実装可能な20のCSS小技集
2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね！ 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox
携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net
Tips携帯サイト構築 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト（html）の制作に入る前に確認してお
http://to./が開けるしくみ - しょんぼり技術メモ
※2010/04/14 11:55追記 ブコメでのご指摘の通り、「なぜ開けるか」に対する答えは、「"to"のトップレベルドメイン(TLD)にAレコードが設定されているから」というシンプルなものです。 "to"はトンガのTLDで、古くからTLDを売って外貨を稼いでいます。恐らく、今回の"to."URL短縮サービスもその一環ではないかと考えられています。（beroさん コメントでの情報提供ありがとうございました) ※さらに補足：もう少し正しい説明 を追加しました。 Twitterでちょっと話題に上っていたので。 http://to./というURL短縮サービスがあります。一見開けなさそうなこの不思議なURL、実は正しく開けます。 その仕組みについて簡単に説明したいと思います。 ブラウザで"http://to./"にアクセスすると、ブラウザはOSに"to."のIPアドレスを尋ねます。 そのリクエス
有料でも月定額380円から！公衆無線LANで"外作業"をはじめよう - はてなニュース
ライフスタイルやワークスタイルの多様化や、モバイル機器の普及とあいまって、自宅や仕事場以外の場所で仕事やプライベートのプロジェクトをすすめる人が増えています。外での作業は気分転換にもなりそうだし、何やらはかどりそうですが、「外でインターネットを利用するために高額のデータカードを契約するのは敷居が高い」という声も。でも、実はそんな心配は無用です。今回は、無料のものから有料のものまで、公衆無線LANサービスを紹介していきたいと思います。 「調べものもしたいし、友人や知人はじめプロジェクトメンバーとコミュニケーションもしたい…」となると外での作業にもインターネットは欠かせません。データカードを契約するとなると、安価なプランがあるとはいえ結局月5000円ほどの出費が必要。接続可能なエリアは限られてしまいますが、データカードと比べて安価にインターネットに接続できる公衆無線LANを検討しない手はありま
透明性の低いコミュニケーション | smashmedia
ごめんなさい。smashmediaのブログは削除されました。 10年に渡り、あちらこちらに書き連ねてきましたが、ご愛読いただきほんとうにありがとうございました。またリンクしてくださった方にも、心からお礼申し上げます。 以下、少し駄文を書きます。 ブログには「パーマリンク」という基本的な考え方があり、すべての発言や記事は半永久的に固定されたURLによって公開され、未来におけるアクセス権（閲覧可能性）を担保するという、じつに素敵なコンセプトなのですが、一方で古い情報が永遠に残り続けてしまうという弊害も生んでいます。 ブログというものが「ストック」であるならば、そこに書かれた内容に対して、書き手であるブログ運営者は責任をもつべきで、自らの考え方が変われば内容を更新し、状況や情報が変われば現在にあわせて修正すべきです。 でも現実問題として、そこまでさかのぼって更新や修正をできるほうが稀で、結果とし
PHPで画像のリサイズ/切抜き/合成といった処理が簡単に行えるライブラリ「WideImage」:phpspot開発日誌
WideImage - An open-source PHP library for image manipulation PHPで画像のリサイズ/切抜き/合成といった処理が簡単に行えるライブラリ「WideImage」のご紹介です。 PHPからGDを使えばリサイズや切抜きは比較的簡単に出来るものの結構面倒だったりします。 そこで、WideImageを使えば、次のようにオブジェクト指向で簡単に、あとで見ても理解しやすいコードで記述可能です。 WideImage::load('big.png')->resize(50, 30)->saveToFile('small.jpg'); // big.png を読み込んで50x30ピクセルにリサイズしてsmall.jpgに保存 WideImage::load('pic.jpg')->crop('center', 'center', 90, 50)->o
[JS]IE6/7/8でもCSS3が使えるようになるスクリプト -IE-CSS3
<textarea name="code" class="css" cols="60" rows="5"> .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */ box-shadow: 10px 10px 20
「餃子の王将」の新人研修がブラックすぎると話題に : 痛いニュース(ﾉ∀`)
「餃子の王将」の新人研修がブラックすぎると話題に 1 名前： スクリーントーン(静岡県)：2010/04/11(日) 17:40:02.18 ID:B68hUb8t ?PLT 餃子の王将の新人研修に密着。まるで自己啓発セミナー... （前略）ううん、やっぱりというか、世間でよく行われているスパルタ軍隊式の新人研修でした。卒業したばかりの新人に人格をまったく失わさせるような形の研修と思いました。 みんなの前で大声を出させる、8秒以内で社訓を大声で読ませるなど、見ててうんざりするような新人研修内でした。餃子の王将は店長に権限を持たせ、その店独自のメニューなど、店長にかなりの権限を持たせる外食産業としても有名ですが、 あのやり方はその権限委譲をして売り上げののばし続ける餃子の王将にしてはまるで ロボットを生産しているような気がしてなりませんでした。 学生から社会人になった若者たちにとっては、ショ
SEOを始めたばかりの頃にやりがちな10の間違い | パシのSEOブログ
SEOは色々な方法があり、サイトの規模や目的によっても取り組み方が変わってくるのですが、今回は、SEOを始めた頃にやってしまいがちな間違いについて取り上げてみます。 企業がSMOを実施するうえでの注意点は、SEOモードさんに記事が投稿されています。⇒ソーシャルメディアでよくある10の過ち １．簡単に検索順位を上げる方法を探す 検索エンジンが未熟で特定の方法で上位表示できた時代の名残もあると思うのですが、表に出て来ない隠された上位表示テクニックが存在すると思っている人も多いと思います。しかし、実際には誰にでも簡単に順位が上げられる方法なんてものはありません。 人間だれしも楽をしたいと考えるもので、毎日の地味な作業の繰り返しに嫌気が指している人もいると思いますが、SEOはコツコツと地道にやっていくしかありません。 ２．常に新しいテクニックが必要だと思っている 検索エンジンのアルゴリズムは日々進
うちの猫がいびきかいて寝てる:ハムスター速報
うちの猫がいびきかいて寝てる カテゴリ動物 1 ：以下、名無しにかわりましてVIPがお送りします：2009/09/10(木) 02:56:04.62 ID:Z6KLTqtK0 いびきうるせええええええええええええ 2 ：以下、名無しにかわりましてVIPがお送りします：2009/09/10(木) 02:56:44.91 ID:b4gNGMcg0 それでも一緒に寝たいんだろ？ 5 ：以下、名無しにかわりましてVIPがお送りします：2009/09/10(木) 02:57:02.78 ID:Z6KLTqtK0 ぐーぐーうるさくて無理ｗ これ病気とかじゃないよね？ 以下、名無しにかわりましてVIPがお送りします：2009/09/10(木) 02:57:34.96 ID:eOqH0qZKO うちの親父もだよ かわいいよね 49 ：以下、名無しにかわりましてVIPがお送りします：2009/09/10(
アイコン付きのスタイリッシュな事業計画書を作りたいなら『Plan Cruncher』 | 100SHIKI
シンプルでわかりやすい事業計画書を書きたいならPlan Cruncherがおすすめだ。 このサイトでは、事業のポイントをわかりやすいアイコンと短いテキストでまとめていくことができる。 これなら読む方もざっと概要をつかむことができる。ごちゃごちゃとそれっぽいことが長々と書かれているよりも良いだろう。 また作る方もアイコンとテキストを埋め込んでいくだけなので簡単だ。なおかつ、シンプルなデザインで関係者にインパクトを与えることもできる（多分）。 詳細な事業計画書はもちろん場合によっては必要だが、人を巻き込んでいくにはこれくらいシンプルなスタイルもいいかもですな。
jQueryを使ったWYSIWYGなエディタ·elRTE MOONGIFT
elRTEはJavaScript製/jQueryプラグインなオープンソース・ソフトウェア。Webベースでコンテンツを作成したり、編集する際に取り得る手法は幾つかある。例えば一定の記法に沿って書くことでHTMLにコンバートして表示するもの。もう一つはWYSIWYGなエディタを用意してその場で編集するというものだ。 jQuery UIを使っている WYSIWYGエディタであればリテラシーが高くないユーザであっても、リッチなコンテンツの編集が可能になる。CKEditorをはじめとして幾つか有名なソフトウェアはあるが、ここで紹介したいのはelRTEになる。 elRTEはテキストエリアの上にツールバーを表示するタイプのWYSIWYGエディタで、jQuery UIを使って作られているのが特徴になる。jQueryを使っているので、カスタマイズが容易に行えそうなのが魅力だ。ベースのままでは提供されない機能
You searched for freebies - DesignM.ag
Anyone who’s been keeping up with design news should know about Sketch. It’s a tightly-focused piece of software with an emphasis on UI design. The program is developed for OS X by Bohemian Coding with a palette of tools that mirror Photoshop and Illustrator. Although the program is meant for interfaces you can build anything including icons and simple graphics. This gallery includes 25 freebies r
Web制作に役立つサイト集 – creamu
6133716, Hemera/ Thinkstock Web制作の参考になる情報を探している。 そんなときにおすすめなのが、『All Showcases』。Web制作に役立つサイト集です。 CSSやFlashなどのカテゴリーに分けて、かなりたくさんのサイトがまとまっていますね。 いくつかご紹介します。 CSS Best CSS Design ブログ型のCSSデザインギャラリー CSS Flavor クールなサイトを集めたCSS Flavor Flash Design Charts 週刊のかっこいいFlashサイトランキング DOPE Awards クールなFlashサイトをグリッド状に並べているDOPE Awards その他 CMS Showcase CMSで構築されたサイトギャラリー We Love WP 美しいWordPressで作られたサイトのデザインギャラリー サイト名やUIもか
CSS3で作るナビゲーションメニュー集「15 CSS3 Navigation and Menu Tutorials and Techniques」
TOP > WebDesign > CSS3で作るナビゲーションメニュー集「15 CSS3 Navigation and Menu Tutorials and Techniques」 次世代のコードとして、すでに利用している所も徐々に増えてきたCSS3。従来のCSSと比べて格段に表現できる幅が広がっており、今までどうしても画像を利用したり、FLASHで表現していた部分がCSSのみで実現できるようになっています。今日紹介するのはそんなCSS3を使ったナビゲーション集「15 CSS3 Navigation and Menu Tutorials and Techniques」を紹介したいと思います。 jQuery Style Vertical Menu with CSS3 – No Javascript 様々な表現のCSS3ナビゲーションがまとめられています。今日はその中からいくつか気に
光を表現するPhotoshopのブラシ416個*ホームページを作る人のネタ帳
Photoshop光のブラシ web制作を進める上で、光を直接使うのではなく、なにかの背景に潜らせたり、メニューなどの後ろにうっすらと構えているラインとしてよく使われるのが、光のラインシリーズだ。 こうしたブラシは非常に人気が高く、私も良くブクマしているのですが、いかんせん、画像が無いとなんとも情報として使えない。 そこで今回はリンクとイメージを直結してただの羅列エントリとして仕上る事にしました。 あとブラシの設定方法がわからないという人がいたら記事の下のほうを参考にしてみてください。 １(+11) ２(+7) ３(+10) ４(+12) ５(+3) ６(+8) ７(+12) ８(+4) ９(+7) １０(+20) １１(+4) １２(+24) １３(+22) １４(+8) １５(+8) １６(+9) １７(+18) １８(+6) １９(+6) ２０(+8) ２１(+6) ２２(+8) ２
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Servicii Web Design, mobile SEO, Creare Magazin Online - AjaxMasters
マイクロソフト、ソーシャル携帯" KIN "を発表。シャープ製2モデルを5月発売
MdN Design｜総合情報サイト
CSS適用前のIEのスタイル情報をまとめた『IE CSS』 | 100SHIKI
dwlog.net