Facebookで投稿や写真などをチェックできます。
![このページを見るには、ログインまたは登録してください](https://cdn-ak-scissors.b.st-hatena.com/image/square/021a2e64db4b9e681c64f78e9c4465cbc568d382/height=288;version=1;width=512/https%3A%2F%2Fscontent-nrt1-1.xx.fbcdn.net%2Fv%2Ft31.0-8%2F10387037_237272119815099_6405165488222812077_o.jpg%3F_nc_cat%3D104%26_nc_ht%3Dscontent-nrt1-1.xx%26oh%3D7bf2b250530c333c2c7ce048cba54b6d%26oe%3D5C6E125A)
Just hover on letters inspired by Edenspiekermann work for Kröller-Müller Museum - http://edenspiekermann.com/projects/kroller-muller-museum...
Macを買ったら真っ先にインストールして欲しいアプリと、一番に覚えて欲しい操作方法があります。これらは、作業効率を少なくとも10倍以上(勝手な経験則)にしてくれるものばかりなのです。 何故このような物をまとめたかというと、最近私の周りでMacを使い始めた方が増えたためです。その方々に漏れなくオススメしているものなので、きっとあなたにも喜んでもらえると思います。 Macを触り始めてすぐは、操作や仕様に慣れるまでに少し時間がかかるかもしれません。ですが、それに慣れるよりも先に、今日ご紹介するものを使ってみてください。 必ず、Macでの使い勝手が数倍は良くなりますので、ぜひっ! XtraFinder アプリ「XtraFinder」は、Finderにタブを付けられるアプリなのです。ちなみに無料。 Mac内のファイルは「Finder」というアプリから閲覧・管理できます。ただ、複数のフォルダを開くため
欧文のテキストは半角スペースの位置で改行される。そのため、半角スペースが入らない長い単語は途中で改行されることがない。レイアウトスペースの横幅が狭い場合、長い単語ははみ出してしまい、レイアウトを崩す原因となる。 とはいえ、レイアウトスペースよりも横幅が長い単語を使う機会はほとんどないだろう。問題が発生する確率が高いのは、長いURLを表記した場合だ。 URLは半角スペースを含まないので、ブラウザにとっては1つの長い単語と同じ扱いになる。特に、ブログなどのコメントで長いURLを記述されると、制作者の予期しないところでレイアウトが崩れる原因になってしまう。 そこで今回は、ブラウザごとのURLの改行処理の違いを確認して、長い単語やURLの改行をコントロールするword-wrapプロパティを紹介したい。 ブラウザごとのURLの改行処理 次のサンプルは、横幅が300ピクセルのボックス内に長い単語やUR
ページング・ナビゲーションなどでリスト項目をfloat: left;で横に並べるというのは割りと良く使われると思う。並べること自体は特に難しいわけではないが、その並べたリスト全体をセンタリングしようとするとちょっとややこしい。display: inline-block;を使う手法やdisplay: table;を使う手法という黒魔法的(私見)な手法で実現可能だが、position: relative;でもいける。 ややこしい理由は簡単で、センタリングでよく使われるtext-align: center;やmargin: 0 auto;といった手法が通用しないから。検索するとすぐ出てくる比較的メジャーなdisplayで頑張る方法もわかりやすいし悪くはないのだけど、同一セレクタ内で複数のdisplayを駆使する必要があることやzoomマジックなどを併用する必要があることからコードがややこしくなる
半角スペースや”/”が含まれない場合は改行されない 以下のサンプルを見るとわかるようにhttp://www.sample.com語の”/”では改行されていますがabcd…と続く長い文は改行されずボックスを突き破ってしまいます。通常このような英文は存在しませんがアドレス等で使用される事もあるでしょう。 日本語の場合はこのような症状は現れません。これは英文の特性によるものです。 改行されない英文の例
Vimテクニックバイブルは既にVimエディタを利用している人向けに、さらなる作業効率の改善を行うための手法やプラグインなどの解説を150のTipsとして紹介する本で384ページ2980円で、技術評論社より9月中旬発売予定です。 「Vimテクニックバイブル〜作業効率をカイゼンする150の技」の概要 Vimテクニックバイブルを執筆しました。 Vimテクニックバイブルは既にVimエディタを利用している人向けに、さらなる作業効率の改善を行うための手法や、 プラグインなどの解説を150のTipsとして紹介する本です。 おおよそ本サイトを見に来て頂いている方ならば、ちょうど良い本になっています。 想定読者 Vimエディタを利用しているけど、さらに色々知りたい方 Vimエディタの基礎の先を知りたい方 Emacsテクニックバイブルを読んで、Vim版Emacsテクニックバイブルが欲しくなった方 ちょっとだけ
9 Useful PHP Functions and Features You Need to Know | Nettuts 知っとくと便利なPHPのテクニック9つが掲載されていました。 初心者の方は勿論、PHPを長年使ってる人にも使えるテクニックが載っていましたので勉強がてらにメモ。 func_get_args() 関数で可変引数 を受け取る 通常、関数といえば、次のように引数と共に定義します。 function hoge($arg1, $arg2) { } のように定義して引数を受け取りますが、好きな個数で引数を受け取りたい場合は、次のようにfunc_get_argsで受け取れます。 function hoge() { $args = func_get_args(); foreach ($args as $key=>$value) { echo "arg{$key} is $value
photoshopessentials.comのエントリーから、Photoshopでレイヤーを操作する便利なショートカットを紹介します。 Adobe Photoshop Tutorials: Layers Power Shortcuts ショートカットは、コマンド別にしています。 ※Win XP+Photoshop CS2でのコマンドです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt 右クリック = Control + クリック F7 レイヤーパレットの表示・非表示の切り替え。 [Shift] + [Ctrl] + [N] レイヤーを新規作成。 [Shift] + [Ctrl] + [Alt] + [N] レイヤーを新規作成(ダイアログボックス無し)。 [Ctrl] + 「新規レイヤーを作成」ボタン 選択したレイヤーの下にレイヤーを新規作成。 ※背景
新人Webデザイナに贈る! 美人/タレント素材の創り方:一撃デザインの種明かし(11)(1/3 ページ) 顔写真を使ったWebコンテンツ制作の基礎知識 新人Webデザイナの皆さんも研修を終えて、そろそろ制作現場で実作業に入り始めていることと思いますが、いかがでしょうか? 現場の大変さが分かりかけてきているかと思います。 そんな新人さんのために今回は、いま話題の“美人”“美女”を扱ったWebキャンペーンのコンテンツや、タレントを使ったウキウキワクワクするコンテンツの写真素材作りの基礎、そして現場で使えるテクニックをお送りします。 Webキャンペーンの今昔 数年前までのWebキャンペーンは、CMや紙面の広告の、あくまでも“おまけ”として展開されていました。そのため、Web制作の多くの場面では、CMや紙面の広告に使われた写真や素材を流用できました。 しかし、最近では逆に、「Webを中心にCMや紙
ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 携帯サイトの作り方 5年前の情報なので参考程度に。今は随
携帯は、最新機種でも16ビットカラー(65536色)表示の機種が多く、グラデーションのような階調のある画像で色むらが起きます。 左:PCでの見た目(32bit) 右:携帯での見え方(16bit:イメージ) これは減色でパターンディザをかけると目立ちません。 photoshopの場合、[Web用に保存]から[PNG-8]、または[GIF]を選択し、[ディザアルゴリズムの指定]を[パターン]にします。 色数はグラデーションがなめらかに見えるぎりぎりまで減色します。 30色に減色してパターンディザをかけたもの(16bit:イメージ) VGA端末のQVGAモードでディザのドットが見えることがありますが、それでも減色した方がきれいです。
こんにちは。プログラマーとデザイナーとのブリッジ的立ち位置、なんて揶揄される最近のヒラシマです。本人どちらもあまりよく分かっていません。^^; さて。今回は、 大量の画像を、同じようにPhotoShopで加工する処理をラクにおこなう方法について、です。 以前、イラストレーターで処理するときに、JavaScriptでスクリプトを書いて処理する方法を紹介しましたが、今回はフォトショップでの処理を対象に行います。 PhotoShop CS2では「アクションの記録」「ドロップレット作成」がサポートされているので、これの機能を活用してみます。ちなみにWindows版でのお話。 「アクションの記録」は、PhotoShop上で行った一連の操作を自動で記録してくれる機能のことで、いちど記録しておくと、あとで何度でもおなじ操作をカンタンに呼び出すことができます。 「ドロップレット(droplet)」は、ド
クオリティの高いボタンやバッジを作る為のphotoshopチュートリアル「30 Useful Photoshop Buttons and Badges Tutorials 」 WEBページでもよく利用するボタンやバッジ。細かな所ですが、そういった所のレベルを上げる事でサイト全体のクオリティも上げる事ができます。今日紹介するのはクオリティの高いボタンやバッジを作る為のphotoshopチュートリアル「30 Useful Photoshop Buttons and Badges Tutorials 」です。 Slick and Clean Button in Photoshop 立体的なものから、クリアなものグラデーションで質感を表現したものまで様々なボタンが用意されています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Glassy Button or En
会議やミーティング、研修などで作成する議事録。概要や結論だけを記載し、その途中のプロセスを省略すると、せっかく時間を使って記録する効果が半減してしまいます。効率的に仕事ができる議事録作成のポイントを紹介しましょう。 会議やミーティング、研修などで作成する議事録。議事録の作成も慣れてくると、概要や結論だけを記載し、その途中のプロセスを省略してしまうことがあります。しかし、これではせっかく時間を使って記録する効果が半減してしまいます。 今回は、議事録の役割を再確認するとともに、たった1分で見直せて、仕事を効率化する議事録作成のポイントをお伝えします。 議事録の用途とは? 改めて“議事録”とは何かを考えてみましょう。 大辞泉で調べてみると、次のように表現されています。 議事の内容・審議経過・議決事項などを記録したもの。会議録。 ビジネスの場面に置き換えて考えると、「あるテーマをもとに、調査、検討
DESIGNM.AGで、ロゴデザインをする時に参考になるサイトが紹介されています。 4つのカテゴリーに分かれてたくさんありますね。いくつかご紹介します。 ロゴデザインのインスピレーションが得られるサイト » Logo Faves » LogoGala » Logo of the Day ロゴをテーマにしたブログ » Logo Design Love » David Airey » Logo Designer Blog ロゴデザインチュートリアル » Zeeのロゴをillustratorで作る方法 » オバマ大統領のOのロゴの作り方 » レインボーカラーのロゴを作るチュートリアル ロゴに関する記事やケーススタディー » Henri Ehrhartのブランドデザイン » Miskeetoのブランドデザイン » Butterfield Photographyのロゴデザインプロセス よくまとまって
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く