あらゆるマルチメディアファイルを相互変換するフリーソフト「SUPER C」 - GIGAZINE
使い方は簡単、変換したいファイルをドラッグ＆ドロップして、コンテナ形式（iPod用とかPSP用とかAVIファイル用とかが用意されている）を選び、ビデオ形式とオーディオ形式を選ぶだけ。 変換できるビデオ形式は3gp/3g2、asf、avi(DivX・H263・H263+・H264・XviD・MPEG4・MSmpeg4など)、dat、fli/flc/flv(Flash)、mkv、mpg(MPEG1・MPEG2)、mov(H263・H263+・H264・MPEG4など)、mp4(H263・H263+・H264・MPEG4)、ogg、qt、rm/ram/rmvb（RealPlayer）、str(PlayStation)、swf(Flash)、ts(HDTV)、viv、vob、wmv。おまけでGIFアニメーション形式も可能。 また、変換できるオーディオ形式はac3、amr、mp2、mp3、mp4、m
WindowsとIEの各バージョンで動作確認をしたければこれが役立ちそう Microsoftが検証用の仮想マシンを無料配布しています
先日、Microsoftが公式にWindows7のインストールメディアをダウンロード配布していることを話題にしました。 Windows7のインストールメディア(ISO)がマイクロソフトから公式ダウンロードできるようになってます | Tipstour プロダクトキーが必要とはいえ、インストールメディアごとダウンロード可能にしているとは、MSもなかなか大胆なことをするようになりましたね。 いい感じです。 別件で調べものをしていたら、また面白いものを見つけました。 どうやらMSはWindowsとInternet Explorerでの動作検証用に、色んなバージョン・色んなプラットフォームの仮想マシンを公式に配布しているようです。 これは色々使えそう！
jQuery とっても簡単、ページ内リンクでスムーズスクロール
ページ内リンクでスムーズにスクロール移動させる方法の紹介です。 とても簡単に実装できます。 スムーズスクロール？というかたは、↓の DEMO をご覧になって、どこかリンク部分（下線がある文字）をクリッックしてください。ページ内でリンクが貼ってある場所へスムーズにスクロールするはずです。 ＊味も素っ気もない DEMO ですが、余計な装飾をすると、ソース説明や理解に余計なものがはいるのであえてそうしています。 ▶ DEMO INDEX 手順１：jQueryの記述 手順２：HTMLの記述 WordPressの場合 サンプルソース 補足 位置調整 ページ間でのスムーススクロール 手順１：jQueryの記述 まず、 <head>〜</head> の間に以下のソースを記述してください。 <!-- jQuery.jsの読み込み --> <script type="text/javascript" src
要素の表示位置を取得／設定するには？（offset）
offsetメソッドを使って、要素の「ドキュメント上の相対位置」を取得／設定する基本的な方法を説明する。 ← 前回 連載 INDEX 次回 → 要素のドキュメント上の表示位置を取得／設定するには、offsetメソッドを利用します（ただし、不可視の要素に対しては動作しません）。なお、類似のメソッドにpositionメソッドがありますが、これは現在の要素の親要素からの相対位置を取得するためのもので、機能が異なります（次回のTIPSで詳しく説明します）。 要素の表示位置を取得する まずは、位置情報を取得する方法からです。以下は、指定された要素（＝<div id="child">要素）の位置情報を表示するサンプルです。
jQueryのresize()でリサイズされたら処理
ブラウザの幅や高さが変更されたら検知して処理してくれる便利なメソッドがresize()です。 常に画面の中央にタイトルを表示させたい場合に使いました。 ただ$(window)以外の要素には使えないので注意しましょう。
JavaScriptのすぐ使える7つのユーティリティ関数 - Qiita
久々に自ブログからの転載。 私が自作アプリケーション内のJavaScriptで使っているもので、すぐに使えて、わざわざ外部ライブラリを読み込むまでもないユーティリティ関数がいくつかあるので、それらを紹介してみようかと。 オリジナルのソースでは、いくつかはjQueryの.ready()イベントのハンドラー内に定義しているのだが、特にjQueryに完全依存するようなスクリプトでもないので、素のJavaScriptだけでも動作するように修正するのはそこまで難しくはないと思う。まぁ、記述的に簡潔になるのでjQueryありきのままで掲載していく。 1. 自己のURLのGETパラメータを連想配列（オブジェクト）に格納する /** * Return as an object by parsing the query string of the current URL */ $.QueryString =
位置を固定したメニューを作るjQueryプラグイン「stickUp」
WEBサイトのトレンドである縦長ページにおいてメニューを上部に固定することが多くなっています。 これにより、現状どこを見ているのか、またどこまでページが続くのかなど明示できユーザーにとって優しくなります。 stickUp - a free jQuery Pluginにより簡単に導入できます。 sponsors 導入方法 下記のようなメニューがあったとします。 <div class="navbar"> <ul class="navbar-nav"> <li class="menuItem active"><a href="#home">Home</a></li> <li class="menuItem"><a href="#features">導入方法</a></li> <li class="menuItem"><a href="#news">サンプル</a></li> </ul> </di
position:fixedが効かない事件簿 - Qiita
初めに よし、ヘッダーを画面上に固定してやろ（＾ω＾） って時に え、ヘッダーの上に文字が来るんですけど( ‘д‘⊂彡☆))Д´) ﾊﾟｰﾝ とか スクロールして、動的におしゃれに上部メニューを表示させたいのにスクロール中に表示されない( ‘д‘⊂彡☆))Д´) ﾊﾟｰﾝ とかそんな事件の対処法をテンションに任せて書いていこうと思います。 事件１「z-index」 概要 ヘッダーにposition:fixedを指定してtop:0,left:0で画面上部に固定しているのに なんで他の要素が上に来ているの！？という事件。 DEMO DEMO キャプチャ code html <body> <div class="div_elm"> hoge </div> <div class="fixed_elm"> hoge </div> <div class="div_elm"> hoge </div> <
特殊な機能を持つ オンラインストレージ
米国愛国者法を気にするなら、アメリカを拠点としないオンラインストレージサービス。最近のトレンド。海外 ASUS CloudMe Degoo DriveOnWeb e-nautia ftopia HiDrive Icedrive Koofr Mail.Ru MEGA pCloud Swisscom Sync.com Yandex.Disk国内 Yahoo!ボックス InfiniCLOUDASUS は、台湾。CloudMe と Degoo は、スウェーデン。DriveOnWeb は、ドイツ。データセンターは、カールスルーエとシュトゥッテンゼー。Mail.ru は、ロシア連邦。データセンターは、ヨーロッパ。e-nautia は、フランス、ストラスブール。WEBサーバー、データセンターは、EU(欧州連合)各所。ftopia は、フランス、パリ。HiDrive は、ドイツのベルリン。WEBサーバー、
容量無制限の無料オンラインストレージ firestorage
firestorage.jp は個人、ビジネスを問わずご利用頂ける無料オンラインストレージです。 リモートワーク・テレワークでファイルを共有し送信・ファイル保存・データを送るのに便利、すぐにアップロード可能です。
大容量！無料ファイル転送サービス8つ比較｜メールでファイルが送れない時に便利！
公開日：2015年9月20日最終更新日：2020年1月14日 : ソフト・アプリ・ツール 仕事で写真データや容量の大きいデータを相手に送る時、みなさんはどうしています？メールだと大体3M〜10M程度が上限なので、別の方法でないと一度に大きいファイルは送れません。 そんな時に大活躍するのが、今回紹介する『ファイル転送サービス』です。現在では、たくさんのサービスを無料で使うことができるので本当に便利です。web制作をしていると画像の他に、ai、psdなどの重いデータの送付も必要なのでこのサービスは、普段の仕事に欠かせません。 この記事では、無料で使用できるファイル転送サービスを比較してみます。容量の違いや、会員登録の有無、セキュリティ、サイトの使いやすさ、メール通知など、各サービスの違いを知っておくと便利に使い分けることができますよ。ファイルが大きくてメールが送れない！な人必見です！ http
ズルいデザインテクニック2013 + セミフラット version
[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/k…
同じ声のアニメキャラを検索できるサービス『WhoVoice』作ってみた | KonifarPod
同じ声のアニメキャラを検索できるWhoVoiceというサービスを作りました。その過程で色々考えることもあったのでまとめておきます。 発端は・・・ なんで作ったかというと理由は色々あるんですが、嫁とアニメ見てる時に頻繁に発生するやりとりが発端です。 〜 深夜アニメを見ながら 〜 俺「なんかこの声聞いたことある」 嫁「え？誰？」 俺「ほら、あの人。サイコパスに出てた、一番かっこいいキャラの人」 嫁「名前は？」 俺「出てこない・・・。黒髪で、常守監視官と一番仲いい人」 嫁「えー。。。」 俺「（Wikiで調べる）あ！狡噛さんです！」 嫁「あー！」 俺「（Wikiを見ながら）SAOのキバオウも同じ声なのか！」 嫁「キバオウって誰だっけ？」 俺「（Googleで調べる）これこれ」 嫁「あー！へぇ！シュタゲのダルも同じだよねぇ」 俺「！！すごい！声優さんすごい！」 こんな感じのやりとりがよく発生するんで
CSSでinputフォーカス時の影やborderを消す | KonifarPod
CSSでinput要素の影やborderを消したり、新しい装飾をつけたりするやり方がわからずちょっと時間をかけてしまったので備忘として記載しておきます。CSSに慣れてる人だったら簡単なんでしょうけどね。。。 [Original] [Custom] このようにするには、borderやbox-shadowをいくら書いてもダメです！必要なのはoutlineプロパティです！ input[type="text"]:focus { outline: 0; border-color: orange; } outlineとは、アウトラインのスタイル・太さ・色を指定するプロパティです。borderと何が違うの？ってところなんですが、outlineはborderのすぐ外側に描画されるみたいです。で、inputのデフォルトCSSにはoutlineが設定されているため、いくらborderを上書きしようとしても意味
これからはcssはSassで書こう。 - Qiita
Sassってなんだろう。 ・Sass「Syntactically Awesome StyleSheet」 Syntactically ＝ 構文的に Awesome ＝ イケてる StyleSheet ＝ スタイルシート とどのつまり、すごいCSSということでしょうか。ロゴもかっこいい。 詳しく調べてみた ・CSSを拡張したメタ言語 メタ言語とは「ある言語について何らかの記述をするための言語」のこと。 つまりSassの場合は「CSSに対して機能を拡張した言語」ということになります。 CSSをより効率的に書けるようにした言語ということになります。 ・Sass はプログラムっぽく CSS を書く プログラムっぽく書くことでコーディング効率やソースコードの保守性が上がる。 Sassは、関数や変数の処理を行うために「プリプロセッサー」と呼ばれたりもするみたいです。 Sassには書き方が2種類ある！
Word 2003 または Word 2007 でメイリオ フォントを使用した場合に行間が大きく空く
すべての Microsoft 製品 Microsoft 365 Office Windows Surface Xbox セール サポート ソフトウェア Windows アプリ OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Azure Microsoft Dynamics 365 Microsoft 365 Microsoft Industry データ プラットフォーム Power Platform 法人向けを購入する Developer & IT .NET Visual Studi
Word でメイリオフォントを使うと、行間が広くなるのを直す方法 | エンジョイ！マガジン
Wordの日本語フォント「メイリオ」を使って原稿を書くと、行間がとっても広くなるという現象に困っていませんか？ でもコレ、意外と簡単に直せるんです！ その方法を紹介します。視認性の高い「メイリオ」が好きな人はぜひ試してみてください。 Microsoftの日本語フォント「メイリオ」は、Windows Vistaから採用されている標準フォント。 これまでのゴシックフォントに比べると視認性が高く、画面上で見ても印刷しても明瞭で読みやすいと評判のフォントだ。「メイリオ」という名前は「明瞭」から付けられているのだとか。 そんなメイリオを使って、Microsoft Wordで原稿を書くと、行間がミョーに広くなっちゃう。このフォントは気に入っているんだけど、行間を設定するのが面倒で、使っていないんだよね～。 そこで、重い腰を上げて行間を適切に設定する方法をインターネットで調べてみたら、けっこう簡単だった
outline－スタイルシートリファレンス
outlineプロパティは、アウトラインのスタイル・太さ・色をまとめて指定する際に使用します。 スタイル・太さ・色のうち、指定する値を任意の順序でスペースで区切って記述します。 borderプロパティとは異なり、outlineプロパティには上下左右の概念はありません。 アウトラインをつける（縁取りをする）対象が丸い場合には、アウトラインも丸くなります。 ■アウトラインスタイルの値 none アウトラインは表示されず、太さも0になります。これが初期値です。 solid 1本線で表示されます。 double 2本線で表示されます。 groove 立体的に窪んだ線で表示されます。 ridge 立体的に隆起した線で表示されます。 inset 上と左のアウトラインが暗く、下と右のアウトラインが明るく表示され、アウトラインで囲まれた領域全体が立体的に窪んだように表示されます。上下左右の一部だけに指定し
outline - CSS: カスケーディングスタイルシート | MDN
CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック
outlineプロパティで作った枠線は角丸にすることができない - dskd
公開日2015-11-30タグAdvent CalendarCSS追記（2021 年 10 月 5 日、2023 年 1 月 3 日、2023 年 3 月 28 日） 最近のアップデートでモダンブラウザ全てで「outline プロパティで作った枠線も角丸にできる」ようになった。 Mozilla Firefox v88（2021 年 4 月 19 日リリース） Google Chrome v94（2021 年 9 月 21 日リリース | commit） Microsoft Edge v94（2021 年 9 月 21 日リリース） Safari v16.4（2023 年 3 月 27 日リリース） なお、IE11 は対応しないまま役目を終えている。 時間がかかったが Safari が対応したのはめでたい。これで outline を丸めるために box-shadow で代用するテクニックはも
2017年版個人的ベスト｜CSSフォント指定WIN、MACでキレイに表示（ゴシック、明朝）
ホーム > Webマーケティング > ホームページ制作関連 > 2017年版個人的ベスト｜CSSフォント指定WIN、MACでキレイに表示（ゴシック、明朝） 公開日：2017年3月24日最終更新日：2019年4月14日 : ホームページ制作関連 WEB制作者として、頭を悩ます問題あるあるとして、フォント指定（文字）があります。 まったく同じホームページを見ていても、フォントが違うだけで見づらく感じることもあれば、高品質な印象にすることもできます。 Web上の情報伝達は、文字、デザインなど色や写真などを含めた全体でユーザーに伝えますが、その中でもまず始めに必要となるものが文字情報です。 どのような記述でフォントを指定すれば、WIN、MAC、スマホ、各種ブラウザで文字をキレイに表示させることができるのか、2017年現在の個人的なベストを考えてみたいと思います。
阿部寛のサイトを高速化する - Qiita
ちまたで阿部寛のサイトが早いと話題になってます。 dev.toと阿部寛のホームページどっちが速いですか？ dev.toと阿部寛のホームページについてちゃんと計測させてくれ 阿部寛のサイトはベストを尽くしてるのか？ それを調べるために、阿部寛のサイトを高速化させてみたいと思います。 目指すべきスピード 最速はローカルのファイルへのアクセスだと思うのでこれを目指したいと思います。 file:///C:/abe_hiroshi/index.html ChromeのDeveloper Toolでレンダリング完了が「173ms」でした。 まぁここまでは無理だな… 阿部寛のサイトはどんなもん？ 速度はwebpagetest.orgで測ってみます。 レンダリング完了時間は「359ms」です。はえーな S3でホスティングしてみる サーバーを立てるほどでもないので、S3でWebホスティングしてそこにhtml
イマドキWebフロントエンド環境とReactを触りながらサンプルを10本書いてみた
はじめに Webフロントエンドの知識がjQueryで知識が止まっていたので、モダンなWebフロントエンドに触れてみた。そのメモ。 良かった点 「今はこうなっているのかー」と分かった。今後はナウい記事を読んでもビビらないと思う。 Reactのすごさ 触ってみて下の記事のいうことが理解できた。何がすごいの？と聞かれたら下の記事を掻い摘んで説明したい。 Reactを使うとなぜjQueryが要らなくなるのか 触ってみたもの ES6 Yarn Webpack Babel Sass/SCSS React とりあえずエディタ開いてHTMLを書くぞというタイプの人間だったので、フロントエンド開発にまずはコマンドラインを打って環境を構築する点が新鮮。自動化できるところはツールで共通化してラクできるところはラクをする、というのは分かった。Reactは使うか分からないが、Webpack/Babel/SCSSは絶
ウェブアプリをソースごとパクる業者に対する対策 - Qiita
こんにちは。みなさんもウェブアプリをリリースしたあとに同業者にソースごとパクられたことってありますよね。難読化しても難読化されたまま同業者のサーバで動くので困ったものです。そこで、私がとった解析しずらい対策をまとめてみたいと思います。 前提 多機能な画面をJavaScriptでゴリゴリ作ったのにもかかわらず、HTMLやCSS、JavaScriptファイル一式を自社サーバにまるごとコピーして、ライセンス表記だけ書き換えて使うような業者を罠にはめるということを想定しています。 当然通信をリバースエンジニアリングする人もいるので、自社サーバでは防げないという前提です。 HTMLにはauthorメタタグ よくあるMETAタグで権利者を明記します。これは権利の主張もそうですが、JavaScript自体に権利者が認定した権利者でなければ無限ループを起こすという処理のためにも使用します。逆に、権利者が我
WordPressの自動挿入されるpタグを削除する方法
WordPressにはpタグを自動挿入してくれる機能（auto paragraph）というものがあります この自動で記事を整形してくれるやっかいな機能があるため、たまに意図しないような出来上がりとなっていることもあったりします。
『ガンダムバーサス』“イージスガンダム”と“ジム・スナイパーII（WD隊仕様）”が12月12日に配信決定
バンダイナムコエンターテインメントは、PS4用ソフト『GUNDAM VERSUS（ガンダムバーサス）』において、追加プレイアブルモビルスーツ“イージスガンダム”と“ジム・スナイパーII（ホワイト・ディンゴ隊仕様）”の配信を決定しました。また、“アトラスガンダム”と“ゼイドラ”を配信を開始しました。 本作は、『機動戦士ガンダム VS.』シリーズの最新作であり、アーケードからの移植ではなく家庭用に特化した展開が行われているチームバトルアクションゲームです。シリーズ伝統の2on2チームバトルだけでなく、3on3や味方全員で巨大CPUボスと戦う協力対戦など、PS4向けに新しい遊びが盛り込まれています。 “イージスガンダム”は『機動戦士ガンダムSEED』より、“ジム・スナイパーII（ホワイト・ディンゴ隊仕様）”は『機動戦士ガンダム外伝 コロニーの落ちた地で…』より参戦するモビルスーツです。 イージス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
finefinefine.jp
CSS: Chromeのfocusの枠線を消す - kade
AWS クラウド無料利用枠 | AWS
Amazon CloudFront（グローバルなコンテンツ配信ネットワーク）| AWS