iPhoneのSafariで新規タブを簡単に開く方法 | ライフハッカー・ジャパン
iOS：Safariでリンクを開くとき、新しいページが開くのを待つのがストレスでした。しかし、約1年の間iOSに隠されていた、3つ目のオプションがあることが判明したのです。しかもそのオプション、すこぶる便利なんです。 2本指でリンクをタップすると、新しいタブで開きます。 試しに、こちらのリンクを二本指でクリックしてみてください。 デフォルトではその新しいタブが開きますが、バックグラウンドで読み込ませる設定も可能です。「設定」「Safari」「リンクを開く」の順にタップし、「バックグラウンド」を選択するだけで設定完了です。 これで、スマホでおもしろそうなリンクを見つけたときは、2本指でリンクをタップして、そのまま記事を読み進めればOKです。別のタブでリンク先のページが読み込まれた状態で待っているので、気が向いたときにそちらを覗きにいけばいいのです。 Image: Kārlis Dambrān
iOS 11にしてからiPhoneの通信量が増えた!? いますぐ確認すべき4つの設定項目 | GetNavi web ゲットナビ
「以前とiPhoneの使い方は変えてないのに、なぜか通信量が増えてるんだけど……」。iOS 11にアップデートしてから、こんな悩みを持っている人が多いようです。実はその悩み、iOS 11から加わった設定項目に原因があるかもしれません。今回は、iOS 11の通信量を低減するポイントをご紹介します。 【その1】 「写真」のモバイルデータ通信をオフにするiOS 11では、写真をライブラリへアップロードする際に、モバイルデータ通信を使用する設定が加わりました。しかも、初期状態ではオンになってしまいます。これをオフに切り替えれば、ムダな通信量を低減できます。 ↑「設定」を開いて、「写真」をタップします ↑「モバイルデータ通信」をタップします ↑初期状態では「モバイルデータ通信」がオンになっているので、スイッチをタップしてオフに切り替えましょう 【その2】 「iTunes StoreとApp Stor
Macが起動しない時の症状の確認と復旧方法のフローチャート | データ復旧のパソコンサポートやまもと
Mac本体が起動しない時に、症状を見て「どこが原因なのか」「どうやって修復するか」「ハードディスクからデータは取り出せるか」を確認するためのフローチャートを作成しました。 Macが起動しない時の症状や対処法はWindowsとくらべてある程度パターン化されています。 以下のフローチャーの一番左には、「正常な時の起動の様子」、真ん中には「起動できない時のエラーなどの症状」、一番右には「対処法」を表示しています。 ※ 以下の画像をクリックすると拡大表示されます。 ※ 右のリンクからPDF版がダウンロードできます。PDF版ダウンロードのリンク ※クリックすると拡大表示されます1. 起動しない時の症状の説明①「ジャーン」の音がしない②ファンの回る大きな音がして画面に何も映らない③リンゴマークが出ない④画面に何も映らない⑤「ピーッ」といった電子音が鳴る⑥リンゴマークの下の歯車がグルグル回りっぱなしで先
これって使えたっけ？今だからこそ IE8 対応コーディングのポイントをおさらい | バシャログ。
こんにちは。Latinです。 今年は長めの夏休みが取れそうなので、旅行でも行こうと画策しております。 さて今回は、久々にコーディングネタです。 弊社の最近の案件では、対象ブラウザがIE8+という案件がほとんどになってきました。 「安心してください。IE10以上です。」 なんて言われたら嬉しい限りなんですが、まだまだ少ないのが実状です。 「悪夢のIE7対応」を考えなくて良くなっただけでもコーディングはだいぶ楽になりましたが、「IE8」は「IE8」でいろんなクセを持ってますよね。 今回はそんな今だからこそ、「IE8対応のポイント」をまとめてみます。 【IE8の仕様編】 HTML5に対応していない HTML5のサイトで「IE8対応」が必要になってくる場合、ポピュラーな方法としては二つあります。 html5shiv.js などの拡張ライブラリを IE9 以下のIEで読み込ませる HTML5要素自体
MacでCommand+Qの誤爆によるアプリ終了を防止
Mac ユーザーになってやがて3年経ちますが、Mac を使い始めて初期の頃から困ったのが、Command + Q を間違えて押してしまい、うっかり使用中のアプリケーションを終了してしまう誤爆。 アプリケーションによっては、Command + Q で警告が出ずにいきなり終了してしまうものもあるので、編集中のファイルを未保存で終了しちゃうと災難です。またブラウザ（Firefox, Chrome）だと、タブを閉じるショートカット Command + W のすぐ隣なので誤爆しやすい。 — 環境 — macOS Sierra または mac OS X El Capitan 以前 キーボードショートカットの設定で Command + Q 誤爆を防ぐ Mac で設定 – キーボード(Keyboard) – ショートカット(Shortcuts) – アプリケーション(App Shortcuts) からキー
Illustratorのアピアランスにおける効果の順番【基礎】 - saucer
以前、Twitterでアピアランスの基本について連続ツイートをしました。その後、フォロワーの方にまとめ（その1／その2）も作っていただき、多くの方に見ていただくことができました。で、その中でアピアランスで効果の順番がイマイチ分からないというような発言していましたが、最近になってようやく分かってきたので、基礎的な部分を共有したいと思います。少し長いかもしれませんが、アピアランスで効果の順番が分からないという方は、ぜひ参考にしてみてください。 解説実例を交えながら流れに沿って順番に見ていく方式にしました。少し複雑なので、1つずつ順を追っていくと理解しやすいと思います。 まずは、Illustratorのオブジェクトが、どのような流れで画面に表示されるかを確認しておきましょう。 最初は「線」や「塗り」など一切の装飾要素を持たないただのオブジェクト（パス）があります。「線」も「塗り」もなく、ただ軸と
なんとなくCSSを使っている人が，CSS中級者になるために （「崩れないレイアウト」のセオリー） - 主に言語とシステム開発に関して
CSSを「なんとなく」知っていて，「なんとなく」使っている， というケースがある。 そういう場合，思わぬところでレイアウトが崩れ， 要素の正確なポジショニングができず， 「なんとなく」ずっと悩み続けることになる。 その原因は，CSSの中級のノウハウが足りない，という点にある。 一発で正確なレイアウトができるようになろう。 そうなれば，CSS中級者だ。 以下は，CSS中級者になるためのノウハウ。 （１） 要素の分類 （１−１） インライン要素とブロック要素 （１−２） 置換インライン要素と非置換インライン要素 （２） 正確なポジショニング （２−１） positionのrelative/absoluteの使い方 （２−２） DOCTYPEスイッチによるボックスモデルの解釈方法の違い （２−３） 要素内の高さ位置と，要素の高さ （２−４） floatの崩れない使い方 （３） 正確なテーブルレイ
少しのコードで実装可能な20のCSS小技集
2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね！ 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox
Photoshopで簡単に湯気を描く方法！ | Material
Photoshopでお料理写真などを編集する時、温かさを使える為に湯気を描くことがよくあります。 湯気って気体だから無形で難しいんだよね。でも、逆に言えば薄く描けばなんとなくでいいんじゃなーい？ （写真提供：プロカメラマンの無料写真素材・著作権フリー画像素材のリンクスタイル） Photoshopで湯気を描く方法 - その1 湯気をつけたい画像の上に新しいレイヤーを作ります。（Name：湯気） 適当なサイズのブラシで湯気の元となる筋を描きます。 描画色は白、もしくは薄い灰色でOKです。 次に先ほど描いた白い湯気の筋を指先ツールでそれっぽく見えるように擦ります。 いい感じになるまで何度もやり直しましょう。 湯気レイヤーの塗りを30%位まで下げます。 怪しくならないようにね。センスです。 湯気に奥行きを出す為、新たに湯気レイヤー2を作り塗りのパーセンテージを変えたりして調整します。 以上。 笑っ
フォトショップ講座 アーカイブ / ウェブデザインライブラリー
フォトショップで水彩ブラシと新聞を使ったビンテージアートワークを作成する方法 (2015年9月18日) 水彩画と新聞の画像を使ったビンテージアートワークを作成する方法をご紹介します。
すげー便利！ドメイン別にスタイルシート（CSS）を当てる方法。
ドメイン別にスタイルシートを当てる方法。 iframe[src*="youtube.com"]{ width: 500px; height: auto; } iframe[src*="nicovideo.jp"]{ width: 320px; height: auto; } 例えば、YouTubeの外部プレイヤー（iframe）の横幅は500にしたいけど、ニコニコ動画の外部プレイヤーは320にしたいときは、上のように書くと上手く動作します。 a[href*="wayohoo.com"]{ color: red; } a[href*="goryugo.com"]{ color: blue; } ちなみに、aタグをドメイン別に指定する場合はこのようになります。(wayohoo.comは青色、goryugo.comは赤色とする場合) タグ名[属性名*="URL"]{ /* CSSの中身 */ }
Photoshopの「スナップショット」を使って効率の(・∀・)ｲｲ!!作業をしよう
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。最近は神速Photoshop[Webdesign編]を読んで、ますますPhotoshop愛が深まっております。井畑です。 今回はPhotoshopのヒストリー機能の1つ「スナップショット」について説明します。Photoshopを使っていて割と使うことが多い「ヒストリー」ですが、最近までこの「スナップショット」について知りませんでした。 使いこなせば結構便利なので是非チェックしてみてください!!それではご紹介します。どうぞ! その前にPhotoshopの「ヒストリー」について 知っている方も多いかもしれませんが、スナップショットの前に「ヒストリー」について簡単に説明します。 「ヒストリー」はその名の通りPhotoshopで行った作業を前の状態
[CSS]フォントのサイズ指定はpx？ em？ 既存の再検討とこれからのテクニック
フォントのサイズの単位に何を使ってますか？ px？ em？ それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており
50代でも分かったHTML5の基礎知識
おとそ気分で社内を暇そうにウロウロしていたら「HTML5の常識、わかっていますよね」と怖い怖い一回り年下の編集長から叱られてしまいました。この後、HTML5関係の仕事がくることは間違いがありません。 しかし、ワタクシは50代。困ったことに、この編集長の「わかる」とワタクシの「わかる」とは程度が違います。これは困りました。正月早々、首筋がすーっと寒くなってしまったので、優しいけど仕事に関しては編集長よりも厳しい二回り年下のデスクに相談。 「HTML 4と比較しながらHTML5の違いをまとめて記事にするところから、始めてみてはどうですか」と先手必勝のようなお題を与えてくれました。どこまでこのお題をこなせるのか。65歳定年になれば、あたりまえの日本企業の縮図のなかで、50歳を過ぎての「HTML5の基礎知識」をまとめてみました。 DOCTYPE宣言が超簡単に DOCTYPE宣言が超簡単になったのは
CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ
最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で
Illustratorで複数のオブジェクトをまとめて曲線でつなぐ方法 | 鈴木メモ
Illustratorでメタボールやアメーバみたいな物体を描きます。 ペンツールやスクリプトは使わない方法です。 自分で指定した正円サイズの曲線でオブジェクト間を一気にきれいにつなぎます。 重なったオブジェクト、離れた複数のオブジェクト、変わった形でもできます。 手順A：アピアランスで再編集可・cs4以上の人はこちらが楽 オブジェクトを複数選択して →パスファインダパネルの右上三角をクリック-複合シェイプにする →［効果-パスのオフセット］をアピアランスで２回続けてかける（プラス→マイナスの値のラウンドの順に。数値は+５したら→-５というように揃える） ※パスのオフセットの重ねがけについてはIllustratorでオブジェクトの角だけを丸くする：基本編に載せています。 ※元のオブジェクトを残しつつ曲線を追加したい場合は最初にコピーして増やしておいて下さい。 手順B：再編集NG・cs4より前
Illustratorでオブジェクトの角だけを丸くする：基本編 | 鈴木メモ
Illustratorで角を丸くする方法。 効果-スタイライズ-角を丸くするを使わずに、 オブジェクトの全体の形は保ちつつ、角だけを、 数値で指定して丸くする方法をもう少し詳しく。 （ハートのアレンジページにも載せています。） スタイライズ-角を丸くするは形が崩れる Illustratorの効果-スタイライズ-角を丸くするでは長方形などでは期待通りの丸みになるけれど、ちょっと変わった形になると、全体に形がめろめろしてしまってイメージと違ってしまう。 従来の丸くする方法 線幅ラウンドで太らせる方法もあるけれど、オブジェクトの全体が太ってしまう。 パスのオフセットも同様。でもこれは元のオブジェクトのサイズを保つには一度線幅分を小さくor大きくしてからもう一度線幅やオフセットすることで回避出来る。 パスのオフセットをアピアランスで重ねがけすると便利！ そこでCS4以降で便利なのが、 効果-パスの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MacBookを買ったら真っ先に変更する21個の環境設定
OS X Yosemiteをダウンロードしたら、まずはインストールディスクを作成するために「InstallESD.dmg」のコピーを！
XCode6 / iPhone6 / iOS8 デザイナーが知ってると 便利なTips
