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」を付けます。 これでその要素をウインドウの下部に表示させることが可能です。 (ウインドウの下部というのがわかりにくいと思うのですが、内容量がウィンドウサイズを超える場合は通常通り、内容量がウィンドウサイズより小さい場合はウィンドウの下部に配置という意味です
【Win/Mac】「.DS_store」「_notes」「Thumbs.db」などのゴミファイル（不可視ファイル）を一括で削除するアプリ「カス削除くん」 - Web関連あれこれ
カス削除くんは2018年に再リリースしております。 新バージョンの手順をご紹介します。 気がつけば勝手に作られる不可視ファイル。。 他の人とのファイルのやり取りで「_notes」などが紛れ込んでいたら、 プロとして恥ずかしい。。 ターミナルでももちろん削除できますが、 対象ファイルドラックと、削除ボタンクリックだけで一瞬で、 サブファイルも削除できる「カス削除くん」をご紹介します。 納品ファイルやテストサーバーにアップする時に便利ですね。 「.git」「.svn」などのバーション管理用ファイルも選択すれば削除できます。 6年以上使ってますが、手放せないぐらい便利です。 ダウンロードする＊airアプリなのでWindowsとMacどちらでも使用できますが、 Adobe airの最新版をインストールしておく必要があります。 ▼Adobe AIRダウンロードサイト http://www.adobe
【Mac】WinMergeに1番近いMac用高性能Diff（差分表示）アプリ「CompareMerge」（日本語対応） - Web関連あれこれ
日本語対応で、サブフォルダごと比較、差分修正、書き込み編集ができて、データ抽出もできる！ 今回ご紹介する「CompareMerge」は「WinMerge」のMac版と言えると思います。 ちなみに、以前「FileMerge」をご紹介しましたが、日本語設定が不要、インライン編集ができるなどの点でこちらの方がオススメです。 今回ご紹介する機能は下記3点。 ・基本的なdiff機能 ・差分結果をhtml形式でレポート作成（修正した所を報告するのに便利） ・差分ファイルの抽出方法（納品ファイル作成に便利） 1年ぐらい前から使ってますが、納品ファイル作成、日付違いの原稿のチェック、他の人との共有データチェックなど大変重宝しております。 ▼ダウンロード http://sourceforge.net/projects/comparemergenosandbox/ ↓App store (こちらだと有料になり
「描きたい服のイメージはあるのに、名称が分からない……」 そんなときに、これどうぞ
「描きたい服の形が頭の中に浮かんでも、名称が分からずどう調べたらいいのか分からない……」そんな経験はないでしょうか？ そんな人のために、ファッションアイテムを見つけるための検索サイト「モダリーナ」の「イラストファッション・アパレル用語図鑑」が便利だと話題になっています。 サイトは、「カテゴリ」を選択するとイメージ画像と名称がずらっと出てくるというシンプルなもの。さらに詳しく知りたければ、そのイメージ画像や名称をクリックすれば簡潔で分かりやすい解説が記載されています。利用は無料、会員登録も不要です。 ありそうでなかったこんなサイト。デザイナーさんはじめ、多くの人に重宝されそうです。 （太田智美） advertisement 関連記事 フェチの宝石箱や……！ メイド服とスク水のデザインが融合した夢のような「メイドスク水」がこの世に誕生 最高（拍手）。 「生まれて初めて自分1人で靴を履くことがで
あまり知られていないけど超便利！Webデザイナー向けPhotoshopのショートカットのまとめ
Photoshopを使いこなすには、キーボードショートカットを覚えることも大切。Adobe系のショートカットは他のアプリより複雑ですが、用途が広く、非常に便利なものが揃っています。 数多くあるショートカットの中から、Webデザインの作業に役立つあまり知られていないPhotoshopのショートカットを紹介します。 Professional Photoshop Shortcuts for Web Designers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ※画像は日本語環境のものに変更しています。 ドキュメントから複数のレイヤーを指定 レイヤーのコンテンツを複製 デザインの補助となるガイドやグリッドを一括で非表示に 選択範囲やシェイプを正確なサイズで正確に配置 テキストの編集状態を終了 選択範囲やシェイプを描画色・背景色で塗る 複
これは使える！Macのインターネット速度を簡単に計測できるアプリ「Speedy」 | iTea4.0
今回はMacのインターネット速度を簡単に計測できるアプリ「Speedy」をご紹介！ たったのワンクリックで簡単にインターネットスピードを測定できる便利なアプリです。 近くにあるサーバーを自動選択できるから実用的！ 今までインターネット速度を計測するMacアプリをいくつか使ってみたなかで最も実用的でおすすめできるのが今回ご紹介する「Speedy」です。 「Speedtest.net」に登録されているpingサーバー（日本国内にあるサーバー）を使用することが可能で、測定結果に信頼性があるのが特徴。今まで「USEN」などのWebサービスを利用していましたが、これからは「Speedy」があれば充分かなと思うほどです。 使い方は簡単です。「Speedy」を起動したら「Start」ボタンをクリックするだけでOK！近くにあるサーバーを自動選択してインターネットスピードをすぐに計測してくれますよ！ 環境設
作品発表の前にチェックしたい、類似デザインを探せる検索サービス - MdN Design Interactive
2015年8月4日 TEXT：佐藤 勝 2020年東京オリンピックのエンブレムについて、ベルギーのデザイナーが「自分のデザインの盗作だ」として訴え、インターネットやマスコミで連日取り上げられる騒動となってしまった。その真相はどうあれ、多くの人が「発表する前にちゃんと調べておけば良かったのでは…」と感じた人も多いはずだ。 そこで、こうしたトラブルや炎上を未然に防ぐための手段の一つとして、自分の作品に似た画像がないかどうかを簡単に調べられるWebサービスをまとめてみた。 独自の画像照合エンジンや色認識エンジンを搭載。自分のPC内の画像ファイルをアップロードして検索できるほか、画像URLを直接入力しても検索できる（ファイルアップロードの場合、ファイル容量1MBまでに制限される）。ChromeやFirefox、Internet Explorerなどの主要ブラウザに対応するプラグインも提供。ブラウザ
Iconjar とかいうMac用の、フリーすごアプリが便利すぎて震える
ご利用環境 OS X用のアプリケーションです。そんでもって少なくともYosemite以降が必要です。 アプリケーションのダウンロードはこちらから行うことが出来ます。 iconjarはローカルディスクの中にあるアイコンを、フォルダを指定してひらくだけで、その下層にある PNG、SVG 、TTF、OTF、GIFの５種類の画像を探し出し、リスト化します。 また、リスト化すると同時に、色、アイコンに付けられた名前などを元に、自動的にタグ付けしてくれるすぐれものです。 たとえば、黒いFacebookのアイコンなら「BLACK」「Facebook」といった具合にとりあえずタグが渡されます。 そのままドラッグ＆ドロップ このアプリの優れた点はそれだけではありません。 例えば探しだしたアイコンを、次にどう使うのかといえば、PhotoshopやIllustratorでひらく機会が多いでしょう。 このアプリで
Photoshop用無料のレイヤースタイル1000+で作業時間を大幅短縮 | co-jin
Photoshopでの作業を劇的に効率化してくれる無料のレイヤースタイルをご紹介します。 これさえあれば、スタイルボタン１つ押すだけで、手の込んだレイヤースタイルをオブジェクトやテキストに適用することが可能になります。 こんな便利なものを使わない手はありません。 今回はそんな便利なPhotoshop用レイヤースタイルのうち、無料で利用できるレイヤースタイルを1000以上集めてみました。 これらのPhotoshop用レイヤースタイルで作業時間を大幅に短縮していただければ幸いです。 ダウンロードしたレイヤースタイルをPhotoshopで利用する方法 具体的にPhotoshop用のレイヤースタイルをご紹介するために、ダウンロードしたレイヤースタイルをPhotoshopで利用する方法をご紹介します。 まだ、使ったことがないという方は参考にしてみてください。 aslファイルをApplications
Macがこんなに便利になる無料アプリ総まとめ | iTea4.0
今回は無料で使える便利なMacアプリを総まとめしてみました。使えそうなものがあれば是非チェックしてみてください。
BASEのリアルな評判は？個人でネットショップを作って確かめてみた
ネットショップを開きたいけど…… 予算や難易度でお悩みのアナタへ。 【特集】以下の方法なら誰でもネットショップを持てます。 無料・簡単ネットショップ作成 個人でネットショップを始める方法として「BASE」でお悩みのあなたへ 確かに評判通り以下の点でBASEはおすすめです。 安い（初期費用無用／月額無料で利用可） 簡単（PC初心者でもその日のうちにショップを開設可） 機能が多い（無料プランでも「できること」がたくさん） でも、他にも似たようなサービスがたくさん存在しますし、 BASE自体にも複数プランがあったりと、「どのサービスのどのプランにすればいいか」すぐには決められません。 そこで今回は実際にBASEを使ってみた上で、BASEのメリットとデメリットを深掘りしてみました。
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を使っている時に、このコマンドを入力すると、お使いのメーラーが作成されます。現在
[CSS]スニペットとしてストックしておきたい、レスポンシブ対応のパンくずとステップを実装するチュートリアル
レスポンシブ対応のパンくずとマルチステップのナビゲーションを紹介します。 HTMLもCSSも非常にシンプルで、カスタマイズ性にも優れた有用なスニペットとしても利用できます。 デモページ HTML HTMLの基本構造です。 <nav> <ol class="cd-breadcrumb"> <li><a href="#0">Home</a></li> <li><a href="#0">Gallery</a></li> <li><a href="#0">Web</a></li> <li class="current"><em>Project</em></li> </ol> </nav> nav要素で実装し、各アイテムはol要素に「.cd-breadcrumb」で基本のスタイルを適用します。 基本のスタイル 基本のスタイルでは各アイテムを並らべるために「display: inline-block;
![[CSS]スニペットとしてストックしておきたい、レスポンシブ対応のパンくずとステップを実装するチュートリアル](https://cdn-ak-scissors.b.st-hatena.com/image/square/dba8baab2483c01e8847e7d49e2ec8f98db95ffb/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015072501.png)
これでもうアイコンを探す手間がなくなる！PhotoshopやIllustratorで利用できるアイコン素材を簡単にダウンロードできる無料アプリ -Icons8 App
Macだとツールバーから、Winだとタスクバーから、14,700個のアイコンがコピペやドラッグ&ドロップでPhotoshop, Illustrator, Sketch, Officeなどのさまざまなソフトウェアで簡単に利用できる無料アプリを紹介します。 14,700個はビジネスからホビーまで全39カテゴリ、すべてIcons8のアイコンなので、同じテイストのデザインで非常に高品質です。下部にはプレゼント企画もあるので、チェックをお忘れなく。 応募期間は、2015年7月30日で終了しました。 Icons8 App Icons8 Appのインストールは、下記ページから。 上部でMac用・Win用を選択すると、下部の「Donwload Icons8 App」がそのOS用に変わるのでダウンロードしてください。 ※ダウンロードにはメールアドレスが必要です。 Icons8 App どんなアイコンが利用で
【無料】人気の写真加工カメラアプリ15選！自撮りをもっとかわいくしよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 塚本です。 今回はセルカ棒を使っても良し、究極に盛るのも良し、SNSに投稿するも良し、な女子がこだわる“カメラアプリ”についてまとめました！ すべて無料でダウンロードできるアプリなので、ぜひぜひ☆ それでは、一気にいきます！ スタート♡ 女子におすすめ♡人気のカメラアプリ15選 Camera360 https://www.camera360.com/production/?production=camera360&platform=ios まずは、みんなが知ってる定番のカメラアプリから！ 100種類以上のフィルターが搭載されており、カメラとして文句なしで盛れます。世界で8億人以上ものユーザーがいる大人気のカメラアプリです♡ ＞＞iTunesダウンロードはこちら＜＜ BeautyPlus https://www.beautyplus.com/ プリクラ並みに盛れる神カメラ！ 盛
Illustratorでのデザイン作業に変化を与えた便利な機能・テクニックのまとめ
Illustratorも他のソフトウェアと同様にバージョンアップを繰り返し、より使いやすくより便利なものに進化し続けています。 デザインをIllustratorでする際に変化を与えた、ここ数年の間に学んだ便利な機能、新しいテクニックをSpoonGraphicsから紹介します。 Illustratorはクオリティの損失なしで拡大縮小が無限にできるベクターのアートワークを扱います。あなたがそのサイズを変える時、アートワークが太ったり痩せたりして困惑してしまうことはありませんか？ もしその線幅や効果を一緒に拡大縮小したいのであれば、環境設定パネルを確認してみてください。 設定方法 「環境設定 - 一般」の「線幅と効果も拡大・縮小」をチェック はさみツール
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
http://www.tarappism.com/entry/table-generator
デジタルイラストを本格的なタッチで描ける！質感や空気感やディテールの表現がすごいPhotoshopのブラシ素材 -Fenris31
Open Graph Config Tool