footerをウィンドウ下部に固定する『footerFixed.js』
footerをウィンドウ下部に固定する『footerFixed.js』 footer部分を画面下部に固定するためのjsライブラリ『footerFixed.js』を作成しました。 フッターをコンテンツの内容量にかかわらずwindow下部に表示させるためのjsライブラリです。 サンプル 設置方法は head要素なのでfooterFixed.jsを読み込みます。 <script type="text/javascript" src="./footerFixed.js"></script> ウィンドウ下部に固定したい要素にid属性「footer」を付けます。 これでその要素をウインドウの下部に表示させることが可能です。 (ウインドウの下部というのがわかりにくいと思うのですが、内容量がウィンドウサイズを超える場合は通常通り、内容量がウィンドウサイズより小さい場合はウィンドウの下部に配置という意味です
あまり知られていないけど超便利！Webデザイナー向けPhotoshopのショートカットのまとめ
Photoshopを使いこなすには、キーボードショートカットを覚えることも大切。Adobe系のショートカットは他のアプリより複雑ですが、用途が広く、非常に便利なものが揃っています。 数多くあるショートカットの中から、Webデザインの作業に役立つあまり知られていないPhotoshopのショートカットを紹介します。 Professional Photoshop Shortcuts for Web Designers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ※画像は日本語環境のものに変更しています。 ドキュメントから複数のレイヤーを指定 レイヤーのコンテンツを複製 デザインの補助となるガイドやグリッドを一括で非表示に 選択範囲やシェイプを正確なサイズで正確に配置 テキストの編集状態を終了 選択範囲やシェイプを描画色・背景色で塗る 複
Macで使えるわりと便利なショートカットトップ10
ほーこれは便利なショートカットだ・・・と改めて思ったのでご紹介。 Macの便利ショートカットキートップ10記事です。 すぐさまシャットダウン Command + Option + Control + Eject ちなみにEjectは右上のなんかCDを出し入れするボタンです。 Command + Option + Ejectでスリープモード。 Finderナビゲータ Command + Shift + A/U/D Aでアプリケーションフォルダを開き Uでユーティリティフォルダ Dでデスクトップフォルダをひらくことが出来ます。 アプリケーションや、ブラウザ中はきかないので、Command + Option +M を先にうってからのコンボが最強です。 メーラーの起動 Command +Shift + I Safariを使っている時に、このコマンドを入力すると、お使いのメーラーが作成されます。現在
Illustratorでのデザイン作業に変化を与えた便利な機能・テクニックのまとめ
Illustratorも他のソフトウェアと同様にバージョンアップを繰り返し、より使いやすくより便利なものに進化し続けています。 デザインをIllustratorでする際に変化を与えた、ここ数年の間に学んだ便利な機能、新しいテクニックをSpoonGraphicsから紹介します。 Illustratorはクオリティの損失なしで拡大縮小が無限にできるベクターのアートワークを扱います。あなたがそのサイズを変える時、アートワークが太ったり痩せたりして困惑してしまうことはありませんか？ もしその線幅や効果を一緒に拡大縮小したいのであれば、環境設定パネルを確認してみてください。 設定方法 「環境設定 - 一般」の「線幅と効果も拡大・縮小」をチェック はさみツール
【Phototshop小技】幾重にも重なっているレイヤーから任意のものを簡単に探し出す方法
こんにちは。井畑です。 Photoshopでデザインをしているとレイヤーの量が膨大になって、レイヤー迷子になる事って多くないですか？ レイヤーが重なりまくっているので選びたいレイヤーがあっても、上のレイヤーが邪魔してなかなか選択できない…Photoshop使いなら誰もが経験した事あると思います。 今回はそんな時にちょっとレイヤーを探しやすくなる小技をご紹介します。 それではどうぞ!! 選択したいレイヤーの上で右クリックするとクリックしたところにあるレイヤーの一覧が現れる やり方は簡単で、選択したいレイヤーの上で右クリックをするとそのクリックしたポイントに重なり合っているレイヤーの一覧が現れます。(PhotoshopCC、CS6で出来ること確認済み) 図説すると以下のような感じです。 後は、選びたいレイヤー名を選択すると、そのレイヤーが選ばれます。クリックするポイントは厳密でなくても割とその
作業効率グンとアップ！Photoshopの操作が捗る小技3選
デザインツールとしておなじみのPhotoshopですが、最近では自社でデザインしたり、個人的に写真加工に使ったりとデザイナーではない方でも使っている方が増えてきています。 Photoshopはとにかく機能が豊富であらゆる処理がおこなえることが大きなメリットですが、一方であまりにも機能が多すぎてなんとなく使っている、あまり使いこなせている感じがないという方も多いのではないでしょうか。 また、ちょっとした設定、単純作業がもう少し楽になればと思うこともあります。 今回は、Photoshopの小ワザともいえる使い方を3つご紹介します。 いずれもPhotoshopでは使用頻度の多い定番の作業ばかりですが、今回紹介する方法を使えばより簡単に、楽になるはずです。知らなかった、という方はぜひ一度試してみてください。 1.レイヤーを個別に書き出す方法 レイヤーを別々のファイルにしたいという時、１つ１つ保存す
覚えておくと絶対に役立つ！便利なGoogle検索方法7選（基本編）
こんにちは。 何かをしようと思ったときに、検索することが当たり前の時代になりました。 そこで今日は探したい物を素早く見つけるために、Googeの基本的な検索手法を7つとりあげました。 限定検索「”キーワード”」 まずは、絞り込み検索です。あるキーワードを「限定」して検索したい時に使える検索方法です。 具体例 例えば「激おこぷんぷん丸」というキーワードの意味を一瞬で調べたい時に 「”激おこぷんぷん丸とは”」 とダブルクオーテーション（””）でキーワードを囲って検索すると「激おこぷんぷん丸とは」から始まる、説明をしてくれている検索結果が一発で並びます。便利！ 除外検索「-キーワード」 あるキーワードを、検索結果から除外して検索したい時に使います。 具体例 「東京にある大学」を調べたい時に「東京 大学」と検索すると「東京大学」が大量にヒットしていしまいます。そこで 「東京 大学 -東京大学」 と
知ってると便利！Photoshopの作業効率をアップするTips
Photoshopの知ってると便利な作業効率をアップするTipsを12個、紹介します。 全てPhotoshop CC2014対応ですが、ほとんどのものはCSでも使用できます。 Photoshop外からカラーを抽出 スポイトツールをドラッグしながら、カラーを抽出 通常の操作だとスポイトツールはPhotoshopの枠外に移動すると普通のカーソルに変わってしまいますが、Photoshop内でドラッグしながら移動すると、Photoshop外のカラーを抽出できます。 スポイトツールで複数のカラーを抽出 スポイトツールで抽出できるカラーは、一つだけではありません。 複数のカラーを抽出 Shift を押しながら、カラーを抽出 カラーは、10個まで抽出できます。 ※CSは、4個まで。 ブラシツールからスポイトツールに一時的に変更 選択ツールの選択時に「Ctrl (Macは、Cmd)」を押すと、一時的に移動
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
