スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
Useful CSS Text Effects
2014年8月22日 CSS モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック！基本的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 ↑私が10年以上利用している会計ソフト！ テキスト周りで使えるCSSの小技 目次 テキストを選択する時の色を変更 蛍光ペンで線を引いたような効果 長いテキストを「…」で省略する 番号リストの表現を変更 リンクの種類でアイコン変える 言語によってスタイルを変更 テキストリンクのエフェクト プリント時はURLを表示 長いURLを途中で折返す 途中で折り返さず、次の行に 先頭の文字を大きく 先頭を一文字分あける グラデーションテキスト ブラウザーは特記していなけれ
細かすぎて伝わらないアンチエイリアスの話
はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい：photoshopのアンチエイリアスについては、基本的には５種類 Photoshop上で文字を扱う際には、指定出来るアンチエイリアスは、 なし / シャープ / 鮮明 / 強く / 滑らかに の５種類です。 「なし」に関してはアンチエイリアスがかかっていないので、 文字のままのドットで表示されますが、 他の４つに関しては シャープ：文字が太い / くっきり 鮮明：文字が細い / くっきり 強く：文字が太い / なめらか 滑らかに：文字が細い / なめ
QuickTimeで実況動画や画面キャプチャ(音あり)を収録する方法。サウンドミキサーアプリ「LadioCast」+仮想サウンドデバイスを実現する「Soundflower」の使い方。[Mac] | MacWin Ver.1.0
QuickTimeで実況動画や画面キャプチャ(音あり)を収録する方法。サウンドミキサーアプリ「LadioCast」+仮想サウンドデバイスを実現する「Soundflower」の使い方。[Mac] あの動画をキャプチャしたい、Macの画面をキャプチャしたいといった場合はMacOSXに付属している動画プレーヤーQuickTimeを使えばいいのですが、QuickTimeだけだとMacから出る音が収録できません。 そこで必要になってくるのが、仮想サウンドデバイスを実現する「Soundflower（無料）」とサウンドミキサーアプリ「LadioCast（無料）」です。 「Soundflower」と「LadioCast」を使えば「音をモニタリング」しながらQuickTime Playerで画面と音を収録できます。 音付きの画面キャプチャ自体はQuickTime+Soundflowerだけでもできるのですが
日々の作業が超快適に！Macが超便利になる小技や設定47個まとめ | ゴリミー
Macを使っているだけで作業効率がグンと上がる！ただ、設定次第ではさらに便利になる可能性を秘めている！ これまで発見する度に都度紹介してきたMacを便利にする小技や便利Tips全47個をまとめてみた！中には知っているだけで日々の作業スピードが向上するものもあれば、最近困っていたことの解決方法になるものもあると思うので、参考にしてみるべし！ ユーティリティ系の小技や便利設定 Macでファイルの拡張子を常時表示する方法 OS X 10.8 Mountain Lionでスクロールバーを常に表示する方法 MacのデスクトップにMacintosh HDや外付けハードディスクのアイコンを表示する方法 MacのFinderで複数選択したファイルを含んだフォルダを一発で作る方法 「OS X Mountain Lion」のホットコーナーの誤動作を防止する方法 OS X Lionでトラックパッドやマウスのスク
Photoshopでの作業のパフォーマンスを向上させる最適な環境設定のまとめ
Photoshopでの作業がもたついたり、もっときびきび動作させたい、という時に、ちょっと見直しておきたいPhotoshopの設定項目を紹介します。 各設定は、ウェブページのレイアウトやUIの作成を想定したもので、必要に応じて調整してご利用ください。 CC2015にも対応した環境設定は、下記ページをご覧ください。 Photoshopの作業パフォーマンスを向上させる最適な環境設定のまとめ -CC2015対応 How To Optimize Photoshop For Better Performance 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外のブロガーから他ブログでの無断翻訳・転載の声を聞くのでご注意ください。 ヒストリーとキャッシュ グラフィックプロセッサー 仮想記憶ディスク メモリの使用状況 64ビットモード レイヤーパ
とんでもなく参考になりすぎるEvernote使用例 7 〜@takaiphone2010 の全ノートブック晒し＆Evernote運用術〜
OZPA表4をご覧のみなさま。はじめまして、今回寄稿させていただくことになりましたtaka（ @takaiphone2010 ）と申します。 iPhoneとEvernoteが大好きな岡山在住のサラリーマンです。 普段はCrossModeLifeというブログにてiPhoneやEvernote関連はもちろん、生活の中で役立った情報や気になったことなどをマイペースに書いております。 私はEvernoteを使い始めて約2年ほど経ちますが、今ではEvernoteは生活の一部となり、ノートブックやノート数もそれなりに増えました。また日々利用して行く中でいろいろな気付きもあり、試行錯誤しながら運用もしてきました。 今はそれなりに快適なEvernoteライフを送っておりますので、思い切ってOZPA表4に寄稿をお願いさせていただいたところ、快く承諾いただきましたので、私のノートブックと運用方法を晒して行きた
自動バックグラウンドアップデートを止める方法
一応、日本語情報が見つからなかったのでメモ。3.7から管理画面の「更新」ページから手動で実行しなくても、勝手にバージョンアップしてくれる自動バックグラウンドアップデート機能が実装されました。アップデートがチェックされるのは、コアファイル、テーマ、プラグイン、翻訳の４つです。テーマ、プラグイン、コアのメジャーバージョンは自動アップデートがデフォルトでオフになっていますので、コアのマイナーバージョンと翻訳が今のところ自動アップデートの対象です。 自動アップデートはwp-config.phpに以下追記で停止できます。 define( 'AUTOMATIC_UPDATER_DISABLED', true ); ただし、セキュリティを高めるために特別な理由がない限り止めない方がよいです。何となく怖いから止めておくというのはナンセンスな態度です。WordPress.orgからダウンロードしたテーマやプ
Mavericksのインストールメディアの作り方 - あれやこれや備忘録
※Yosemiteも以下の手順でインストールメディアを作成することが出来る。 クリーンインストール用にOS X Mavericksのインストール起動メディアを作成。作業の過程で上書きコピーが発生するし容量も約6GB程度なので8GBのUSBメモリが最適。 まず、Mac App StoreからOS X Mavericksをダウンロード（購入）したら（ダウンロード後に自動起動される）インストールをキャンセル。 アプリケーションフォルダ内のOS X Marvericks インストールを選択してコンテキストメニューから[パッケージの内容を表示]を実行。 SharedSupportフォルダ配下のInstallESD.dmgをダブルクリックしてマウントする。以前はこのInstallESD.dmgを復元することで起動メディアを作成することが出来たがMavericksでは以下の手順を実行する必要がある。 マ
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
![暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0f2efe6fe863ec659c721d85c8e843e5fc1831ea/height=288;version=1;width=512/https%3A%2F%2Fimage.nanapi.com%2Fr%2F2013%2F12%2F24%2F11%2F20131224115452_52b8f77cb2139.jpg)
作業効率あがった！Photoshopの使い方と小技まとめ
作成：2013/12/2 更新：2014/11/01 無料素材 > 画像補正するときに、どうすれば良かったのか思い出せない。またあの方法を探し出さないといけない。そんなこんなで、Photoshopの便利な小技や、写真に関する知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 画像補正 １．覚えておくと便利な小技 知っておきたい基本知識 ２．被写界深度（ひしゃかいしんど） ３．バンディング（トーンジャンプ） ４．白とび・黒つぶれ ５．ジャンプ率 ６．視覚度 ７．角版／切り抜き版の使い方 ８．画像フォーマット 使い方 ９．基本的な機能の使い方 画像補正 １．覚えておくと便利な小技 写真をPhotoshopで補正するときに役に立ちそうな小技をまとめました。異色なものもありますが、筆者が良くアクセスしてしまうもの一覧です。 ゴミを発見する／微細なロー
Evernoteを４年使って「本当に入れておいて良かったもの」１２選 - isuta（イスタ） -私の“好き”にウソをつかない。-
雨の日こそ楽しめる香水をゲットしない？梅雨にまつわる“雨”や“紫陽花”などの香りをまとめて紹介するよ！
知っておくと速い！CSS3に関する「便利」なまとめ
作成：2013/11/25 更新：2014/10/24 Webデザイン > 先週WordPressの自作テーマを作っていたときに、もっとCSSで効率化できないものかと、色々調べてたら結構使ってないものがありました。出来るだけ短縮できるところは短縮したいので、今回はCSSの中でもサイトを作る上で「知っておくと効率的」なものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 知っておきたいプロパティ １．カウント数を出力 ２．要素の前後に文字や画像 ３．カーニング ４．画像フィルタ ５．均等幅にレイアウト ６．アニメーション一覧 スマホサイト対策 ７．viewport ８．改行削除 ９．Webクリップアイコン １０．UIリセット／入力フィールド拡張 １１．横並び １２．ボタンサンプル １３．画像を使わない矢印 １４．自動改行 １５．はみ出しを隠す １
cssとは？使い方と学び方の基礎まとめ - プログラミング学習の窓口
プログラミングの基礎であるhtmlを勉強していると、必ず出てくる言葉がcss。 現代のwebサービスにおいて、htmlとcssはいわば兄弟のようなもので切っても切れない関係と言えるでしょう。 では、cssとはいったいどういうものなのでしょうか。 簡単に言うと、Webページの文字の色や大きさ、背景、配置といった見た目を設定する言語の一種です。 静的ページも動的ページも見た目の部分の多くはこのcssで制御されています。 もしcssを詳しく学ぶなら、独学もいいですがプログラミングスクールがおすすめです。費用は当然かかりますが、アドバイスがもらえることと、学習スケジュールが管理されるので、強制的に頑張れる仕組みが作れるのもメリットと言えるでしょう。 The post cssとは？使い方と学び方の基礎まとめ first appeared on プログラミング学習の窓口.
NASより使いやすいぞ！OS10.6.8以降が動くMacをホームサーバーに仕立てよう！
MacBook Pro Retina購入連動企画。 古いMacBook Pro 13（Mid2009）をiTunesが常時動いているホームサーバーに仕立てました！ ※現行のiTunes 11はOS10.6.8以降に対応です。 これは本当に便利ですよ。 そもそも、ホームサーバーって作るとなにが便利になるんでしょう？ 1. iTunesのホームシェアリングが便利！ 2. ファイルサーバーとして機能するから便利！ 3. USB接続の機器をネットワーク共有できるから便利！ 4. それでも電気代は抑えられるからすごい！ しかも、これらを追加投資ゼロ円で作ることができるわけです。 iTunesのホームシェアリングが便利！ これは特にAppleTVを利用しているご家庭ではすごい便利です。 ホームシェアリングを利用すると、同じAppleIDで連携した機器同士で音楽や映画の相互利用が可能になります。 例えば
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
カンプ用の写真のウォーターマークを「消しゴムツール（ブロック）」だけであっという間に消す方法 | 使える「デザインセミナー」
良いデザインをつくるにはまず良い『提案』をしなければなりません。 ところが、提案の段階では少ない時間で沢山のラフデザイン（プロトタイプ）を作成しなければならないのに、予算も受注も何も決まってないことが多いので、デザイナーは余計に大変です。 今日は、少ない予算や限られた時間を有効に活かすためのちょっとしたテクニックを公開します。やり方はとってもカンタン！(すでに購入済みの画像を使って説明します！)
iPhone 5sと一緒にどうぞ。iOS 7でバッテリーを節約する方法まとめ
iPhone 5sと一緒にどうぞ。iOS 7でバッテリーを節約する方法まとめ2013.09.30 12:10 せっていせってい。 iOS 7でのバッテリー節約方法をまとめました。iOS 7になってから新しい機能が増えていて、それにともなってバッテリーを消費しそうな項目が増加しています。 iPhone 5sはiPhone 5よりもバッテリー容量が約10%増えているようですが、それでもバッテリーは長持ちすることに越したことはありません。ぜひ有効活用してみてくださいー。 【関連記事】iOS 6のバッテリーを長持ちさせる方法 【関連記事】スマホの電池を守る正しい方法 【関連記事】待望のiPhone 5用バッテリーケース｢Juice Pack Helium for iPhone 5｣レビュー 位置情報サービス（システムサービス）をオフにする 設定→プライバシー→位置情報サービス→システムサービスにあ
iPhoneの着信音やアラームで「音」鳴らさず「バイブ」だけにする
よく知られている事なのかもしれませんがiPhoneでは、アラーム等の時に「バイブ」だけという設定が出来ません。 photo credit: twm1340 via photo pin cc ヘッドホン等で音を防いでいるときには良いのですが電車の中とかで音が鳴ってしまうという懸念でアラームとかが設定できないときがあって不便です。 そういうときには昔からあるテクニックになりますが、「音声の入っていない無音のファイル」を着信音にする事で対応が出来るようになります。 何を言っているか？かも知れませんがようはなっているけど音がないので何も聞こえないというカラクリです。 上のアイコンをクリックすると muon.m4r というファイルがダウンロードされますので適当な場所に保管してください。 保管したファイルを iTunes にドロップします。これでiTunesの着信音の箇所に導入されます。 同期の設定で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TOP 描き方から探す｜Illustratorハートの描き方