![html5-memo.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/502f82c666fe8da670fb644af2e30666bbf5022b/height=288;version=1;width=512/http%3A%2F%2Fwww.html5-memo.com%2Fwp-content%2Fuploads%2F2013%2F01%2FA100.jpg)
Mac OS XでInternet Explorer 11(IE11)を使う方法です。 OSXDailyの記事を参考に、OS X El CapitanをインストールしたMacBook 12インチRetinaディスプレイモデルで試してみました。 無料で取得できるMicrosoftアカウント(outlook.comやHotmailなどのメールアドレス)さえあれば費用は一切かかりません。 要するにリモートデスクトップアプリを使うのですが、サーバーを立てるわけでもなく必要なのはクライアントアプリだけで誰でも簡単にできると思います。 Parallels DesktopやVMwareなど仮想ソフトを使わずに手軽に利用できるのが最大のメリットかも。 スポンサーリンク 今回試した環境は、 OS X El Capitan 12インチ MacBook Retinaディスプレイモデル です。 MacでIEを使う
CSSで片方の幅が可変で、もう片方の幅が固定というタイプのカラムレイアウトを実装する方法を全4パターン紹介します。 対象ブラウザやOSなど環境によっては使えないものもありますが、全て同じ見た目(レイアウト)を実装することができます。 HTMLと実装イメージについて 紹介する方法はいずれも下記のようなHTMLを使用したものになり、ご覧のようにメイン・サイド・それらを括る親要素の3つのdiv要素で実装していきます。 <div class="wrapper"> <div class="main"> <!-- 可変 --> </div> <div class="side"> <!-- 固定 --> </div> </div> また、今回はこのイメージのようにdiv class="main"(青い背景色の領域)を可変、div class="side"(赤い背景色の領域)を固定にそれぞれする方法で、固
WebサイトやアプリのUIデザイナー・デベロッパをはじめ、写真のレタッチ、イラストやお絵描きの塗りなどの作業効率がアップするPhotoshopのワークスペースを紹介します。 写真: Girly Drop ワークスペースの配置を決める最初のポイントは、ドキュメントを1つ or 2つにするのか、そして残りのスペースに必要なパネルを配置します。 よく使うパネルはドキュメントの近くで十分な大きさにし、不要なパネルは消し、たまに使うのはボタンにする、など自分にベストのワークスペースができると思います。 業種によってどのようなワークスペースを使っているか見てみましょう。 フロントエンド デザイナー向けワークスペース via: A Web Developer’s Guide to Photoshop 21:9くらいのモニターでないときついワークスペースですね。配置されているパネルは左列から順に。 ヒスト
Web 開発者の方であれば今開いている Web ページにどのような技術が利用されているのか気になる事がありますよね。ソースを表示したり Developer Tools を起動したりして調べるのも良いですがさくっと確認するだけであれば BuiltWith Technology Profiler という拡張機能を利用するのが便利です。 この拡張機能を入れるとメニューバー上にアイコンが表示されるので、調べたい Web ページを開いてアイコンをクリックするだけです。 例えばこのブログだと上記のような感じに表示されます。 かなーり縦に長いので文字で書きますが以下のような情報を取得しています。 Web サーバの種類, バージョン ネームサーバ ホスティングしているサーバ CMS の種類, バージョン 使用しているフレームワーク 広告の種類 ユーザ統計情報(Google Analytics 等) Jav
By Bob Bekian 「録音した自分の声」や「電話などで反響して聞こえてきた自分の声」「ムービーの中で話す自分の声」などが、普段自分が耳で聞いているものとは少し違って聞こえることに驚いた、という経験をしたことがある人も多いはず。聞き慣れているはずの自分の声が録音されたものになると普段と違って聞こえる仕組みについて、「Why is my voice different when I hear a recording?」というムービーが解説してくれています。 Why is my voice different when I hear a recording? - Big Questions - (Ep. 207) - YouTube 「音」というのは空気中の振動です。振動は空気中を伝わるものですが、耳介(Outer Ear)により集められたものが外耳道(Ear Canal)を通ることで増
jQueryには高性能なプラグインがたくさんリリースされていますが、ほんの数行のコードだけでも便利な機能を簡単に実装することもできます。 Webサイトで最近よく利用されている便利な機能を実装するスニペットを紹介します。 jQuery Tips Everyone Should Know -GitHub イラスト: Girls Design Materials コードはMITライセンスで、個人でも商用でも無料で利用できます。 ページの上に戻るボタン 画像のプリロード 画像がロードされているかチェック リンク切れの画像を自動修復 ホバーのトグル 入力欄を使用できなくする aタグのクリックイベントだけを利用する アニメーションを簡単に設定する シンプルなアコーディオン 異なる高さのdiv要素を揃える 外部リンクを新しいタブ・ウインドウで開く テキストが無い要素は非表示にする ページの上に戻るボタン
2015年10月22日 Webデザイン 私がまだデザイナーとして働き始めて間もない頃、よく言われた言葉の中に「もっと自由にデザインしてくれていいんだよ!」というものがありました。しばらくはその意味がわからなかったのですが、後になって渡されたワイヤーフレームと自分のデザインを見比べると、何も変わっていないな…と気づくことが多々ありました。今回はそんな、ワイヤーフレームとデザインについて考えてみようと思います。 ↑私が10年以上利用している会計ソフト! 冒頭でも述べたように、Webデザイナーとしての経験があまりないうちは、どうしても渡されたワイヤーフレームに引っ張られてデザインしてしまうこともあるかと思います。もちろん、ワイヤーフレーム通りのレイアウトが求められることもあるでしょう。しかし、あなたはデザイナーです。指示された通りに動くマウスカーソルではありません。ワイヤーフレームを作るのは、多
iPadやiPhoneで凝った画像編集がしたいときに欠かせないアプリ「Pixelmator」の基本操作の解説です。今回は編集作業中に知っておくと便利な機能をまとめみました。 以下のことを知っておけば基本的な操作で困ることはないでしょう。 iOS版Pixelmatorでの編集で役立つ基本操作 レイヤーやキャンバス操作などの基本操作は以下の記事でまとめています。 初めての方は先にこちらの記事をご覧ください。 iOS版 Pixelmatorの使い方解説 | レイヤー編集機能など知っておくべき基本的な操作方法まとめ – iPad Creator 「取り消し」はタッチ長押しで「やり直し」を表示できる 編集中の「取り消し」ボタンはよく使う機能だと思いますが、やり直ししたいときも当然ありますよね。 そんなときには「取り消し」ボタンをタッチしたまま長押しすると、「やり直し」が選択できるようになります。 編
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く