Download FFmpeg builds for Windows or macOS, available as LGPL or GPL.
dl要素で明確なラベルを与え、シンプルながらスタイリッシュなナビゲーションを実装するスタイルシートをZURBから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <dl> <dt>On This Page:</dt> <dd><a href="">Final Wireframes</a></dd> <dd><a href="">Updated Wireframes</a></dd> <dd><a href="">Initial Wireframes</a></dd> <dd><a href="">Sketches</a></dd> </dl> </textarea>
対象:Windows 10/Windows 11、Windows Server 2016/Windows Server 2019/Windows Server 2022 レジストリをコマンドラインで操作したい! Windows OSでは、「レジストリ」に設定されている値などに基づいて、システム各部が動作するようになっている。Windows OSの設定を変える場合、通常は標準装備の設定ツールやコマンドなどで設定すると、それが最終的にレジストリに反映されることで、Windows OSの挙動が変わる。そのため、レジストリを直接操作する必要はないことが多い。 しかし、中にはレジストリを直接操作しなければならない設定項目もある。 レジストリを操作するためには、一般的にはグラフィカルユーザーインタフェース(GUI)ベースの「レジストリエディター(regedit.exe)」を使うことが多い。しかし何度も
Thank you for being patient. We are doing some work on the site and will be back shortly.
<path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
お掃除上手な人を見ていると手際の良さや創意工夫に満ち溢れたお掃除方法で、見る見るうちに綺麗になっていくのにびっくりしたことはないだろうか? 私なんかはどちらかというと苦手なタイプなので、高いお洗剤を買って試してみたりするのだが、いかんせん何かが間違っているようで綺麗になるどころかドツボにはまってしまうことが多い。 海外サイトで、簡単な方法で比較的きれいになる20のお掃除ライフハックが紹介されていた。使えそうなアイディアもあるので見ていこう。 1. グリルは玉ねぎできれいになる この画像を大きなサイズで見る 半分に切った白たまねぎをフォークにさして、そのままグリルをこすってみよう。それだけでグリルはかなりきれいになるはずだ。しかも次回の調理の際はほんのりたまねぎの香りまでついてくるので肉を焼くときの風味づけになる。魚はちょっとアレかもしれないが。 2. ミキサー(ブレンダ―)は洗剤を入れて
ダイナミックに切り替わるページナビゲーション 一見するとシンプルなデザインのサイト「HUMAAN」。その魅力は、細部まで作り込まれたインタラクションにある。中でも目を引くのが、フルスクリーンで展開されるダイナミックな変形アニメーションだ。何気なく下部のメニューをクリックすると、ページ全体が大きく回転しながら切り替わる。その動きが非常に気持ちよく、コンテンツをうまく魅せる素敵な仕掛けだ。 この3D回転は、連載第1回「CSS Transitionsを使った3Dロールオーバーのアイデア」で紹介した3D変形と同じ仕組みで実装されている。今回は、3D回転によるダイナミックなコンテンツ切り替えについて、第1回の記事をヒントに再現してみよう。 STEP 1:3Dの構造を考える 最初に、ページ全体を回転させるため、ウィンドウと同じ大きさの2つの面(div要素)を用意し、transformプロパティで変形さ
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
業務効率化に役立つVBA/マクロのさまざまなTipsをコード例を交えて紹介していきます。今回は、罫線を表すBordersオブジェクトのLineStyle(種類)、Width(太さ)、ColorIndex(線色)プロパティ、文字を表すCharacterオブジェクトのFont.ColorIndexプロパティなどの使い方を解説。 Excelで見やすい資料を作るために Excelを使う上で、セルにデータを入力して表を作り、ヘッダー部分にタイトルを付けて資料を作ることは、業務上よくあるだろう。そんなときは、表の枠線(以下、「罫線」)の色や種類、太さなどを変えたり、タイトルの色を変えたりして装飾を施すことで、見やすい資料にすることができる。 見やすい資料を作るのは業務上必要なことだが、毎回マウス操作で装飾を施すのは、労力が掛かるだろう。こういった作業もマクロにして使い回すことができれば、業務の効率化が
スクロールによって立体的に浮かび上がるサムネイル サムネイルに視点をフォーカスさせる仕掛けが目を引く、動画のポートフォリオサイト「MANUEL RUEDA」。ページ中央にあるサムネイルには奥行きが設定されており、スクロールによって手前に起き上がってくる動きが斬新だ。サイドナビにもスクロールに合わせたギミックが用意されており、コンテンツを何度も行き来してしまうおもしろさがある。 今回は、このサイトをヒントに、CSS3の3D表現とjQueryを使ったスクロールアニメーションを制作する。 STEP 1:スクロール値を取得する スクロール値を基にCSS3のプロパティを変化させるため、スクロール値を正しく取得することから始めよう。 スクロール値は jQueryのscrollメソッドを使って取得する。以下のようにして現在のスクロール値を取得できる。 ■ソースコード(HTML) <p id="posy"
2番目にホバーすると、2番目が広くなります 実装のヒントになったのは「Outdated Browser」のメインUIで、このflexboxを使ったUIだけでなく他にも面白い仕掛けが施されています。 Outdated Browser 実装はこんな感じです。 HTML HTMLは非常にシンプルで、各カラムはリスト要素で実装しています。 <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> CSS CSSも非常にシンプル、「display: flex;」で各カラムを設定し、通常時に「flex: 1;」、ホバー時に「flex: 3;」になるようにします。 ※flexboxのブラウザのサポート状況 下記のコードは、各カラムにカラーを設定するだけでそのままコピペで使えます。 body { colo
リコッタパンケーキが大人気の、パンケーキブームの火付け役“bills”。「世界一の朝食をつくる男」と称され、トム・クルーズやキャメロン・ディアス、レオナルド・ディカプリオなどハリウッドセレブも通うシドニーの人気レストラン“bills”のレストランターであるビル・グレンジャー氏に朝ごはんの楽しみ方、大人気朝食レシピを教えていただきましたよ♪ 彼の味を求めて長蛇の列!ビル・グレンジャー氏に聞きました 著書のレシピ本がオーストラリア国内だけで100万部を超え、世界的大ベストセラーを記録し、世界30カ国以上で料理番組のテレビシリーズが人気を博す、ビル直伝のシンプルな朝食レシピを、あなたの朝のレパートリーに加えてみてくださいね。 ふんわり優しいおいしさが自慢の「リコッタパンケーキ」 材料(6~8人分/約15枚分) ・卵・・・4個 ・牛乳・・・190cc ・リコッタチーズ・・・335cc ・小麦粉・・
フェイスブックのWeb履歴使った広告、オプトアウトはこの手順で2014.06.14 09:009,121 福田ミホ フェイスブックがユーザーのWeb閲覧履歴をターゲティング広告に使うことを表明しました。つまりフェイスブックは、広告主の利益のために我々がどんなWebサイトを見たかって情報を使うんです。 Web閲覧履歴の中には、他人にあまり知られたくないようなもの、「見たくて見たんじゃない」と自分自身言い訳したくなるようなものがあるはずです。だからそのデータを企業の広告に使われるのってなんか気持ち悪くない?って方、以下にオプトアウト方法をまとめます。 ただし事前に理解しておくべきなのは、この手順ではフェイスブックの持つ我々の個人情報自体を消したり、広告表示を止めたりはできないってことです。このオプトアウトで可能になるのは、フェイスブックによるWeb閲覧履歴の使い方を制限することだけであって、彼
無限スクロールとは、ページの下部までスクロールすると自動的に新しい要素が追加される機能のこと。TwitterなどのSNSのタイムラインを初めとして様々なウェブサイトで使われているが、いくつかの問題点も指摘されている。 無限スクロールのよく知られた問題点と、それに対する解決方法をまとめた。 別のページに移動してから戻ると継ぎ足しがリセットされる リンクがクリックされたときは常に新しいウィンドウを開くようにしたり、 Lightboxのようなモーダルな擬似ウィンドウをページ内に開いたりすることで、ページの遷移そのものを抑制するという方法がある。 また、次の項目で紹介する「History APIでURLを書き換える」という方法を使えば、読み進んだ位置は復元される。 permalinkが取れない 同じページに次々と新しい内容が継ぎ足されていくので、いま自分が見ているページのURLが分からないという問
濱野さんの「入門Git」を初めて読んだ時、いきなり 第二章から Git の構造の説明を始めてしまう構成に「Git<の使い方>入門」じゃなくて「Git<の作り方>入門」でしたかーっ(さすがメンテナですね)、、と思ったことを覚えています。 入門Git 作者: 濱野純(Junio C Hamano)出版社/メーカー: 秀和システム発売日: 2009/09/24メディア: 単行本購入: 31人 クリック: 736回この商品を含むブログ (155件) を見る それは結構楽しい体験で、それまで全く思っても見なかった「Git作ってみたいな」という うずうずとした衝動がわたしに芽生えるきっかけでした。それ程に Git の設計はシンプルで 手に終えそうで、それでいて「うまくいく仕組み」が備わっている、興味深いものだったのです。まさにハックと呼ぶにふさわしいそれは、VCS全般に抱いていた「しっかり綿密に作りこ
1年くらいchefを使ってサーバ構築をしていたのですが、最近ansibleに乗り換えたので紹介記事を書いてみます 1. サーバ側に何もインストールする必要がない chefは管理対象ノードにchef-clientをインストールする必要がありますが、ansibleはPython 2.4が入っていて、sshでログインできればOKです。 chefもパッケージや,knife bootstrapコマンド等があるので始めやすいですが、何もする必要がないansibleの方が敷居が低いのかなと思ってます。 例えばsshでログインできれば、以下のコマンドを打てば10.0.10.1~10.0.10.3サーバの情報をとってくれます(カーネルバージョン,CPU,メモリ,ディスクサイズ,ディストリビューション等)。 この機能はchefで使われているohai相当のことをしてくれます。 echo 10.0.10.1 >
今日は、キャンペーン用のトラッキングパラメータ(utm_sourceとかutm_mediumとか)付きの汚いURLをスッキリさせるのに、HTML5のHistory APIで提供されているreplaceStateを使う、美しい方法を紹介します。 キャンペーンの効果測定を適切に行い、さらに、ソーシャルを通じた拡散の効果を高め、ユーザーにも優しい、良い仕組みを作るために、サイトを管理するWeb担当者さんと、集客を増やすマーケ担当者さんが、力を合わせる仕組みです。 マーケ側が効果測定したいというニーズは当然。それに対してWeb担当側は、そのニーズを満たしつつも、ユーザーに対しても良い形で、かつオウンドメディアの効果を最大化できる美しい実装をしていけるのがいいですよね。 以前に、「長くて汚いutm_*パラメータ付きURLをキレイにするGoogle Analytics用の少しマニアックなスクリプト」と
今年の夏こそ海外旅行に行きたいと思っている人も多いのではないでしょうか? 航空券のことを考えれば、今から準備を始めても早すぎることはありません。海外旅行に自信がなくても心配しないでください。私はこれまで世界20カ国43都市を旅してきましたが、旅慣れするのに特別な努力は必要ありません。しっかり準備をすれば誰でもベテラン旅行者のように旅を楽しめるようになります。 旅行前に旅慣れる「プレ旅」のススメ せっかく海外旅行をするなら、効率的に旅を楽しみたいですよね。巷には旅行に役立つ情報があふれていますが、どんなコツも実践して初めて身に付くものです。「旅慣れしたければ旅に出ろ」と言う人もいますが、もっと簡単に旅に慣れるためには、国内のゲストハウスに宿泊して海外旅行を疑似体験するのがオススメです。本番の海外旅行を先取りする旅なので、ここでは「プレ旅」と呼ぶことにします。 知らない人のために説明しておくと
軽快でなめらかなカルーセルパネル 毎週アップロードされる充実した動画コンテンツを、カルーセルパネルやボックスレイアウトで賑やかかつコンパクトにまとめている「Universiteit van Nederland」。このサイトのカルーセルパネルは、マウスカーソルの位置に応じて軽快でなめらかに動く。 STEP 1:基本構造を用意する 今回作成するカルーセルは、横長のコンテンツをマウスの座標に応じて左右に移動させることで、スクロールの動きを演出している。 通常のボックススクロールでは、overflow: scroll; でスクロールバーを表示させ、スクロールバーの操作によってコンテンツを移動させる。今回のカルーセルは、スクロールバーの代わりにマウス座標を利用するため、overflow: hidden;で表示ボックス(.holder)からはみ出す部分を非表示化。内部(.inner)に横長のコンテンツ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く