プロキシサーバーを使用してダウンロードする
プロキシサーバーを指定してダウンロードする個々のWebRequestで使用するプロキシを設定するWebRequest.ProxyプロパティにWebProxyオブジェクトを設定することにより、プロキシサーバーを指定できます。 プロキシサーバーに「localhost:8080」を指定する例を以下に示します。 'HttpWebRequestオブジェクトの作成 Dim webreq As System.Net.HttpWebRequest = _ CType(System.Net.WebRequest.Create("http://www.yahoo.com"), _ System.Net.HttpWebRequest) 'プロキシの設定 'プロキシサーバーに"localhost:8080"を指定 Dim proxy As New System.Net.WebProxy("http://local
Photoshopで特定の場所のRGBやWebカラーの色を1秒で知る方法
あなたはPhotoshopの特定の場所のRGBやWebカラー(6桁の16進数)で知りたい場合、どのような方法で調べますか？ 多くの人はスポイトツールで色を取得してカラーピッカーから色を知る人が多いようだ。 ちなみにスポイトツールのショートカットキーは「I」。 しかし、色を知るだけであればもっと簡単な方法がある。 それは情報パネルを使用した方法だ。 情報パネルの使い方 情報パネルはウィンドウ -> 情報(またはF8)で開くことができる。 情報パネルを開いたらパネルオプションで第1色情報をRGBカラー、第2色情報をWebカラーに設定。 するとマウスカーソルを特定の場所に置くだけでRGBやWebカラー(6桁の16進数)が表示される。 これで色情報がわかる、しかし… しかし、そもそもなぜ色情報を知りたいかというと、それはその色情報を別の箇所で使用したいからだ。 ドキュメントに、Illustrato
font-weight－スタイルシートリファレンス
font-weightプロパティは、フォントの太さを指定する際に使用します。 9段階の太さを指定することができますが、一般的なフォントでは9種類の太さが用意されていることはあまりなく、 フォントの太さとして実際に指定する値は｢bold｣のみで事足りることが多いようです。 ■値 数値で指定 100、200、300、400、500、600、700、800、900でフォントの太さを指定します。太さが9種類用意されているフォントはあまりないため、数値を上下させても太さが変化しないことがあります。標準の太さは400で、数値が小さくなるほど細く、大きくなるほど太くなります。 キーワードで指定 normal …… 標準の太さです。（数値で400を指定した場合と同じ） bold …… 一般的な太字の太さです。（数値で700を指定した場合と同じ） lighter …… 相対的に一段階細くします。 bolde
【CSS】Flexboxのプロパティ（justify-content、align-items、align-self、align-content）を紹介します
【CSS】Flexboxのプロパティ（justify-content、align-items、align-self、align-content）を紹介します こんにちは、WEBマーケティング部の杉尾です。 前回、前々回に引き続き、Flexboxのプロパティを紹介します。 前々回はコチラ ⇒【CSS】Flexboxのプロパティ（flex-direction、flex-wrap、flex-flow、order）を紹介します 前回はコチラ ⇒【CSS】Flexboxのプロパティ（flex-grow、flex-shrink、flex-basis、flex）を紹介します はじめに ※FlexboxはIE9以下に対応していません。 ※IE10への対応はこの記事では割愛します。 ※PC版safari(バージョン6.1以降)対応用にベンダープレフィックスを使用しています。 flexコンテナ、flexアイテ
Opacity や RBGa を使ってもテキストを透過せずに背景画像のみを透過することはできません - Qiita
できることだけじゃなくて、もっとできないことの共有はされるべきだと思うんですよ。 やりたい事に近いことをしてるサイトは山のように見つかるのにやりたい事自体の情報は見つからない。 結局かなりの時間を検索に費やした結果できない諦めて別の方法を探す、そんな経験ありませんか？ 「○○はできません」とはっきり書いてあるサイトが見つかればそこでGoogleさんとの検索の旅を終わらせられるですよ。だからみんなもっと「できないとわかったこと」の共有をしましょう！ 前置き終わり というわけで後はタイトル通りです。 「テキストは透過せずに背景色を透過する」には方法がありますが 「テキストは透過せずに背景画像を透過する」には現時点で背景画像自体を透過しておく必要があります。 何でできないかとか背景色のみの透過方法とかはリンク先をどうぞ。 参考 css - Opacity of background, but n
背景に画像などを入れたい！CSSで背景を指定する方法【初心者向け】
背景に画像などを入れたい！CSSで背景を指定する方法【初心者向け】 初心者向けにCSSで背景を指定・編集する書き方を紹介しています。背景に画像や動画を設置する方法も紹介しています。実際のサイトでもよく見るデザインなのでぜひ使えるようになっておくと良いでしょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
リンク(aタグ)をブロック要素(div)全体に効かせるCSS
スマートフォンの普及で、レスポンシブデザイン、スマホファーストが推奨されつつある中、今までどおりにテキストにリンク指定するだけでは、ユーザビリティを損ねてしまう場合があります。 例えばECサイトの検索結果一覧に表示される、画像とタイトル(テキスト)だけでなく、商品BOX(画像、タイトルが含まれる)全ての範囲にaタグ(リンク)を適用するCSSの書き方を記述します。 ※本文中にサンプルとして掲載しているBOXは全て、レスポンシブデザイン対応しているので、PCでご覧の方はブラウンザの幅を小さくしたり大きくしたりすることで、BOXにの伸縮を確認できます。 PR .link_box{ position:relative; width:30%; padding:5%; border:solid 1px #CCC; margin:0px auto 20px; } .link_box a{ positio
css3のflexboxを使う
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
css3のflexboxを使うとすごい簡単になるレイアウトを試してみた | スターフィールド株式会社
css3で登場したflexboxですが、そろそろ使える頃合いがくるんじゃなかろうかということでflexboxを使ったら簡単だったなぁと思うレイアウトを実際に試してみました。 flexboxについてのそもそも解説はいろんなブログにあるので、ここでは割愛させて頂きます。 どんなものか理解するためのサイトとしては以下をお薦めします。 Visual Guide to CSS3 Flexbox: Flexbox Playground | 簡単にいうと、cssの新しいレイアウト方法になります。これまでの方法と比べると、グッと簡単に様々なレイアウトができるようになります。 DEMOを作りましたのでそちらをご覧ください。 DEMO flexboxのサンプル ツーカラム よくあるツーカラムのコンテンツですね。 今までだとfloatを使って…という感じでしたが、 flexboxを使うとこんな感じになります。
CSS3のFlexboxを基本から理解して、使い方をマスターしよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、王です。デザイナーやってます。 今回は「Flexboxを基本から理解して、使い方をマスターしよう！」ということで、初耳の方でもざっとFlexboxで何ができるか分かるように短い動画を用意しました。 動画の中で使ってたデモをアップしたので、確認してみたい方は以下のリンクをどうぞ！ デモ 昨今では、当然ながらデジタルデバイスサイズの多様化でレスポンシブデザインとやらが流行っています。 同じサイトをさまざまなスクリーンサイズに応じたデザインをしなければならない上に、コーディングにも手間がかかります。制作側からしたら何かと厄介ですよね。 「なるべく手間をかけずに作りたい！」という世界中のデザイナーの声に応えて、「Twitter Bootstrap」をはじめとした数多くのフレームワークが徐々に脚光を浴びはじめて久しくなります。 ただ、これらはあくまで古い技術の組み合わせで、革新的な技術で
word-breakとword-wrapはややこしい
Updated 2015.01.13 / Published 2015.01.13 word-break:break-all;は一切の禁則処理を解除し、どの文字の間でも改行するため、単語の途中や括弧の直前・直後で折り返したり、句読点が行頭にきてしまうことなどがあることから折り返しの制御には好ましくないとされています。望ましい折り返しの制御をしてくれるword-wrap:break-word;(overflow-wrap:break-word;)の用法について紹介します。 折り返しを制御する2つのCSSプロパティ 幅の狭い領域で長い英単語や長いURLの途中で折り返しを制御できるCSSプロパティは、特にスマートフォンなどの小さなディスプレイサイズ向けへの対応を考慮してよく用いられるようになってきています。ただし、CSS3には折り返しを制御できるCSSプロパティが2つ存在し、とてもややこしいので
cssで制御する折り返しのまとめ ｜ スターフィールド株式会社
文章はほとんどのHPにあると思いますが、 その文章でちょっと悩ませるのが折り返しについてです。 紙とは違い完全に思い通りにはならないものなのですが、 cssでいろいろな設定をすることができます。 その主要なものが以下になります。 word-wrap normal 単語の途中で改行はせず、必要に応じて表示範囲を拡大。 break-word 必要に応じて単語の途中で改行 word-break normal 英語等は単語の途中では改行せず、単語で改行。日本語等は表示範囲に合わせて改行され、単語の途中で改行されることもある。 break-all 言語に関係なく表示範囲に合わせて改行。単語の途中で改行されることもある。 keep-all 言語に関係なく単語の途中では改行せず、単語で改行。 white-space normal ソース中の連続する半角スペース・タブ・改行を、1つの半角スペースとして表示
divタグの前後で改行が入ってしまう: ブロック要素とインライン要素 - Qiita
問題 [ 1 ]というカッコ囲みの表記を動的にしたいとき [ <div id="hoge"></div> ] などとして、$('div#hoge’)に値を入れて動的に出力したいときがあるが、 実際は などとなってしまう。 原因 divタグはブロック要素なので、改行が入る。 解決策 divタグの代わりにspanタグを使う spanタグはインライン要素なので改行が入らず、1行の中で扱うことができる。 divとspanの2つが存在することからこちらのほうが自然な書き方である。 CSSでインライン要素にしてしまう どーーーーしてもdivにする必要がある場合、 CSSでdisplay:inline;などと指定してやるとdivだけどインライン要素という設定ができる。(参考 2.参照のこと) 参考ページ < DIV > と < SPAN > html css divタグが改行されるのを改行させない Re
テキストの縦方向の中央揃えについて - Qiita
ボックス要素の中にテキストが入る場合、縦方向の中央に揃えたいときがあると思います。 その場合どのように配置しているでしょうか。 インライン要素の場合は「vertical-align: middle;」を使えば中央に揃えことができるのですが、 pタグのようなボックス要素の中にテキストを入れたい場合、 うまいこと配置できないことがあり、 今回は、縦方向の中央揃えについて調べてみました。
Photoshopで複数のレイヤーをWeb用に保存＆連番で自動書き出しする方法 | まめー
最近、ブログで画像を大量に扱うことが増えてきました。文章より画像のほうが伝わる場合があるからです。 しかし、画像が増えると、書き出しとリネームという単純作業の繰り返しが発生します。面白くない＆疲れる＆時間がかかるの面倒くさい連鎖が起りますね。 そこで、Photoshopの機能を使って試行錯誤した結果、自動でカンタンに実現する方法を見つけましたので紹介します！ 作業の目的 今回の作業では以下のことを実現させます。 ・扱うソフトはPhotoshopのみ ・複数（任意）のレイヤーを一括で書き出し ・書き出しはWeb用に保存で容量を軽くする ・自動的に連番でリネーム これらの作業を自動でカンタンに実現します。 ※ここでは、ファイル形式jpg、ファイルネームimg1234_001.jpg以降末尾を連番（img1234_002.jpg、img1234_003.jpg・・・）にします。もちろんファイル形
padding－スタイルシートリファレンス
スタイルシート部分は外部ファイル（sample.css）に記述。 p.sample1 {background-color: #f8dce0; padding: 10px;} p.sample2 {background-color: #f8dce0; margin: 30px; padding: 10px;} p.sample3 {background-color: #f8dce0; padding: 10px 20px;} p.sample4 {background-color: #f8dce0; padding: 10px 20px 30px;} p.sample5 {background-color: #f8dce0; padding: 10px 20px 30px 40px;} HTMLソース <html> <head> <link rel="stylesheet" href="sa
vertical-align－スタイルシートリファレンス
vertical-alignプロパティは、行のなかでのテキストや画像などの縦方向の揃え位置を指定する際に使用します。 vertical-alignプロパティを適用できるのは、インライン要素とテーブルセルです。ブロックレベル要素には適用できません。 ■値 baseline 適用した要素のベースラインを親要素のベースラインに揃える（初期値） top 上端揃え middle 中央揃え bottom 下端揃え text-top テキストの上端揃え（テーブルセルへの指定は無効） text-bottom テキストの下端揃え（テーブルセルへの指定は無効） super 上付き文字（テーブルセルへの指定は無効） sub 下付き文字（テーブルセルへの指定は無効） パーセント（%） その要素のline-heightプロパティの値に対する割合を%で指定（ベースラインが揃った状態を0として、正の値なら上、負の値なら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UWF 前田日明 ｖｓ 高田信彦
sexloading.com
displayとvisibilityの違い - Qiita
