「各メーカーに訊いて知ってしまった防塵防滴カメラの本当の実力」からの続きです。 ※当記事は2017年12月に公開したものを加筆修正したものになります。 どこのメーカーの防塵防滴仕様のカメラを使っても内部結露が発生することは各メーカーに質問をして分かりました。 そして電子基板が腐食する可能性があることも分かりました(質問をしたすべてのメーカーが言及してくれたわけではないですが)。 大抵の人が防塵防滴=雪や霧雨に強いと思っています。 私もそう思っています。 ただし条件が付きます。
![Time Storm](https://cdn-ak-scissors.b.st-hatena.com/image/square/d5050e653e56f81ab8e8dcc3839516a8a77edf7d/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fdrasworld.com%2Fwp-content%2Fuploads%2F2017%2F10%2FXF1655-DA1685.jpg%3Ffit%3D780%252C586%26ssl%3D1)
Adobeライトルームクラシックをインストールしてるけど全く使ってないからこれから覚えたい。 なんとなく使ってるけどちゃんと教えて欲しい。 そんなご相談をよく受けるのですが、口頭で説明するよりも実際にどこをいじるのか見た方がわかりやすいので、つるたまがいつも使ってる項目を簡単にご紹介いたします。 まずはここだけ覚えよう!ライトルームクラシックの明るさ補正 ライトルームクラシックを起動した後、主にいじる項目は ・明るさ ・コントラスト ・シャドウ&ハイライト この他に、 ・黒レベル&白レベルの補正 ・明瞭度 メーカー純正のアプリにはない項目が出て着たりして、くじける人はいきなりここでつまづいてしまうようです。 なので、まずは明るさコントラストの調整をしたら、黒レベル・白レベルの調整をしてからハイライト&シャドウを好みで仕上げましょう。 写真の再現性を最大限に活かす黒レベル&白レベル 黒レベル
フォームをCSSでスタイルするのは難しいと思われていました。しかし、input要素とそれに関連する要素をスタイルするためのあまり知られていないセレクタがあります。いくつかは比較的新しいセレクタですが、昔から存在するセレクタもあります。 フォームの見た目だけでなく、機能も強化するCSSの便利なセレクタとその使い方を紹介します。 Advanced CSS-Only Form Styling by Jonathan Harrell 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 フォームにスタイルを適用したデモ :placeholder-shown :required :optional :disabled :read-only :valid :invalid :in-range/:out-of-range :checked フォーム
『Soldi』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは「フォント」です。 「フォントの選び方でデザイナーの実力が分かる」というのは、私が最初にデザインを教わった先輩の言葉でした。 世の中にはどんどんクオリティが高く、美しいフォントが登場しています。 広告・パッケージではやはり有償フォントが目立
Web制作の「時短」に役立つChromeデベロッパーツールの活用法を紹介する本連載。第3回は、「Elements」パネル、「Sources」パネルでサイトを検証する方法を解説します。 他人のコードを効率よく調べたい! ディレクターやデザイナーから、「このサイトみたいなデザインにしたいんだよね」と言われることってよくありますよね。また、海外のかっこいいサイトを見ていると、使われているインタラクションを真似したいと思うこともあります。 そこで、Chromeデベロッパーツールを使って、他のサイトのCSSやJavaScriptを効率的に調査する方法を解説します。 1.背景画像を100%表示しているCSSの実装方法を調べる 背景画像の比率を変えずに高さと幅をフィットさせるデザインのページを例に、Chromeデベロッパーツールの「Elements」パネルで実装を調べていきます。Elementsパネルは
ノートパソコン対応の充電器の決定版HYPER JUICE。100W PD給電対応USB-Cモバイルバッテリー
カメラを買ったものの、どこへ行っていいかわからない!という方むけの記事です。 比較的撮影しやすい10ヶ所をオススメの撮影条件や撮影方法と一緒にまとめてみました! 東京は街全体がテーマパークのようなもので、撮影地に向かう途中でも街並や駅など、わりとどこでも撮影を楽しむことができます。 ぜひこの記事が参考になればと思います。 1、十間橋からの東京スカイツリー(東京都墨田区・押上駅) 押上駅から徒歩10分程度です。 読み方は「じゅっけんばし」「じっけんばし」など様々です。 川の流れも比較的な場所ですので、東京スカイツリーの反射も綺麗に出ます。 オススメの撮影条件は午前中の順光・夕焼けと東京スカイツリーのシルエット・ライトアップです。いずれも晴れて空気の澄んだ日が良いかと思います。 また十間橋よりもう少しスカイツリー側に西十間橋というところがあるのですが、そこからは東京スカイツリーが近すぎて標準画
目次: 1、これぞ大正義 三分割構図 2、当たった時の破壊力がものすごい 日の丸構図 3、平面的な写真を撮ってみよう 4、単発花火 5、スターマイン 6、フィナーレ 7、彩色千輪 8、まずは定番 滝をサラサラと白く流す 9、シャッター速度を速くして迫力ある滝を撮る 10、街は雨が降っていると意外と面白い 11、森は雨が降っていると神秘感が増す 12、雨の日だからこそ行きたい場所を紹介 13、森は霧が出ていると映画のような雰囲気になる 14、霧が出ている時はボーナスステージです 15、朝焼け・夕焼けを撮ってみよう 16、これがいわゆる爆焼けです 17、太陽が出てくる前と沈み切った後も楽しめる 18、できれば平日に撮りにいこう 19、四日市ポートビル(三重県四日市市)は休日にいこう 20、冬のよく晴れた日は夜景日和です 21、上から撮ることだけでなく下から撮るのも面白い! 22、車の光跡を撮っ
シドニーを拠点に活躍しているプロのファッションカメラマン: Julia Trotti氏のトーンカーブのコレクションが無料でダウンロードできるので、紹介します。 まずは、トーンカーブファイルの利用方法を。 ダウンロードとインストールは簡単です。 各ページの左「download」からファイルをダウンロードし解凍、拡張子「.acv」がトーンカーブファイルです。 Photoshopのアプリケーションフォルダ内の「Presets/Curves」内にトーンカーブファイルを移動。これで準備は完了です。 トーンカーブを利用するのも簡単です。 Photoshopで画像を開きます。 メニューバーから「レイヤー: 新規調整レイヤー: トーンカーブ」を選択します。 トーンカーブのパネルの「プリセット」からトーンカーブを選択します。 ※ファイルがプリセットに無い場合 トーンカーブのパネルの右上のアイコンをクリックし
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
日本語で「CSS設計」を検索すると、記事やつぶやきなどでセレクタの命名規則に関する話題が多いです。 CSSを設計する上で、命名規則は重要な要素でしょう。 簡単なセレクタ名だと他のスタイルと重複する可能性もあります。他のスタイルと重複しないようにセレクタの子孫数を増やしてしまうと、今度はスタイルの取り回しが悪くなります。 またデザインをコンポーネントに分ける粒度について紹介されていますが、命名規則の分け方のように紹介されているよう感じます。 論理的に構造をわけて命名していくため、覚えやすく、伝えやすさもあわさって、現在の「CSS設計 = 命名規則」のような構図ができあがったと感じています。 CSS設計は命名規則だけか 命名規則はCSS設計において、重要な要素です。 しかしCSSは命名規則させ気を付ければ良い、というものではありません。 私は、すでにあるサイトの一部のコンテンツの作成やすでに用
自宅で物撮りする機会が増えそうだったので、100均の材料を使って撮影ボックスを自作しました。 全部でかかった費用は700円程度。貧乏主婦としてはありがたい値段で作成することができました。 作り方も簡単で費用もそこまでかからないので試す価値アリ!ですよ。また実際に撮った写真も紹介していますので参考にしてください。 この材料は全て100均のキャンドゥで購入しました。 本来フリーマルチパネルは収納ラックを作るための材料らしいのですが、パネル部分のほどよい透け感が撮影ボックスにピッタリだと思い購入しました。 フリーマルチパネルとは別売りで連結ジョイントも購入しました。これで簡単に箱形を作ることができます。 作り方フリーマルチパネルを連結ジョイントを使って箱形にしていきます。上部は連結ジョイントを使うと出っ張ってしまい紙を垂らすことができなくなるので、連結ジョイントは使わず結束バンドで軽く留めること
ウェブページのレイアウトを作る手段には、CSSのGrid Layoutグリッド・レイアウト、Flexboxフレックス・ボックス、floatフロートなどがあります。 CSSのGrid Layoutはウェブページのレイアウト構築に役立ちます。従来floatやFlexboxでつくっていたようなレイアウトは、Grid Layoutで置き換えられるでしょう。しかし、すべてをGrid Layoutで置き換えるのが良いとはいえません。 float、Flexbox、Grid Layoutには、それぞれ特徴があるためです。特徴を使い分けていくことで、保守性の高いコーディングができるでしょう。本記事では、float、Flexbox、Grid Layoutの特徴と使い分け方をサンプルを通して紹介します。 Grid Layoutの基本については前回の記事『CSS Grid Layout入門』を参照ください。 この
色調補正が楽になるかも! sRGBの素材を、色を破綻させずに自由自在に補正するPhotoshopの「秘技」 ってほどでもないんですけどね。 え?なんの話?つまりどういうこと? こういうこと。 色かぶりした画像を例にします。分かりやすく、トーンカーブ他の自動補正ツール(グレースポイト)を使って色かぶりを補正してみましょう。 適当な所をクリックすると…… こうなります。 えらいことです。トーンカーブがめちゃくちゃになっている所にもご注目。 これは、元画像がsRGBの狭い色域しかないのに、無理矢理大幅な補正をしようとした結果です。自動補正でなくても、相当苦労するはず。 でも、「秘技」を使うと……… さっきより全然きれいで補正のベースにできそう!トーンカーブもおとなしい曲線! これならなんとかなりそうですね。 やりかた 簡単です。 Photoshop「編集」メニューから、「プロファイル変換」を選択
5日にリリースされたChrome 59で、ブラウザと共にアップデートされたデベロッパーツールの新機能を紹介します。 What's New In DevTools (Chrome 59) Chrome 59 - What's New in DevTools -YouTube ページの軽量化: 未使用のCSSとJavaScriptを見つける フルサイズのスクリーンショットをキャプチャ リソースのロードをブロック 非同期コードの検証 コマンドメニューの統一 ページの軽量化: 未使用のCSSとJavaScriptを見つける 新機能の一つ目は「Coverage tab」。ページで使用されていないCSSとJavaScriptを見つけることができます。 command + shift + P で、「Show Coverage」を入力して選択。 ※「cov」まで入力すれば、上位に表示されます。 Show
Chrome DevToolsを使いこなそう! Web開発に必須なブラウザ開発ツールによるデバッグの基本 開発者ツール(DevTools)とは、ブラウザに搭載されているデバッグツールです。多岐にわたる技術の集合体であるWebページやWebアプリケーション、いわゆるフロントエンドの開発において、なくてはならないツールです。 皆さん、どうもこんにちは。今回で3度目のエンジニアHubの登場となる大竹智也です。春の季節もそろそろ終わりを迎え、新生活を迎えた人たちも新たな環境に慣れてくる時期だと思いますが、元気にお過しでしょうか。 前回までエディタの話ばかりしてきましたが、今回はエディタから離れてWebブラウザ(以下、ブラウザ)の話をしたいと思います。ただ、ブラウザの話といっても、エンジニアHubは開発者向けの媒体なので、ブラウザに搭載されている開発者ツール(Developer Tools)のお話を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く