IK MULTIMEDIA ( アイケーマルチメディア ) >iLoud Micro Monitor コンパクト・リファレンス・モニター｜サウンドハウス
IK MULTIMEDIAのiLoud Micro Monitorは、コンパクトな筐体で、プロ仕様のサウンドクオリティを実現するスタジオリファレンス・モニターです。ご自宅はもちろん、出先でも本格的なサウンドを求めるユーザーにおすすめです。 ■モニタースピーカー、 ■パワード(バイアンプ)、 ■3" ■2way ■50w ■ステレオペア1.7kg ■Bluetooth接続対応 ■製品紹介: 反射音、スピーカー間の時間補正を制御する先進の56ビットDSP処理に加え、バイアンプ仕様の超高効率のクラスDパワーアンプ（50W RMS）を搭載し、リニアな周波数特性、色づけのないクリアなサウンド、余裕のあるヘッドルームなどスタジオリファレンスモニターに求められる要件を狭いデスクトップでも設置可能な世界最小クラスのスピーカーで実現しました。 このアクティブタイプのスタジオリファレンスモニター、iLoud
【JSモジュール化】ファイル分割してわかりやすいプログラムを書こう！
ファイル分割の方法いろいろ 長いプログラムコードって基本的に見たくないですよね。 昔の自分が勢いで書いた1000行超えのソースコードを、数ヶ月後に読まなければいけなくなった時、あなたはどうしますか。 「読みたくねえええええ！」と心の中では大声でムンクの雄叫びが響き渡ることでしょう。 一度に読むソースコードの量は少ないに越したことはありません。 となると、ファイルを役割ごとに分割して、1ファイルあたりのコード行数を減らそうと考えるのは自然な発想でしょう。 コードを分割するときにまず思い浮かぶ方法は「長いソースコードを上から区切ってファイル分割する」という方法です。 長いソースコードから、「データを保管している部分」や「関数をまとめている部分」などでファイルを分割して、呼び出し元のhtmlファイルから分割後のファイルを指定して呼び出していきます。 例えばこんな画像のように！ この方法はJava
リモートワークが絶望的に捗る生産性最高なデスク環境をDIYなしで作った話｜柿元 崇利 / U-NEXT
MacBook Proにケーブルを1本差し込むだけで完ぺきなワークスペースができあがる、というコンセプトで執筆した以前の記事は、想像を大きく越えて広く読まれました。著者冥利に尽きます。有り難し。 その後、大いなる変化が人類を襲いました。私も例外ではなく、オフィス通勤からリモートワークとなり打ち合わせの大半はオンラインへ移行。適応すべくデスク環境も基本理念は残したまま更新してきました。 試行錯誤の果てに満足度の高い環境へアップデートできたので、再びnoteにまとめて公開したいと思います。 前提条件ケーブルのない世界で生きたいと思って来ました。ので、今回もスッキリさせるために工夫してます。 一般的な賃貸マンション暮らしかつDIYはできない性分です。すべて既製品で成り立たせています。（机の裏にちょっとだけ穴は開けました。） そしてケーブルは2本になった。キャラブレ😭 生産性最高な環境って？ 4
【jQuery】アコーディオン実装サンプル10選 | 125naroom / デザインするところ（会社）です。
<div class="accordion_one"> <div class="accordion_header">アコーディオン、シンプル版 <div class="i_box"><i class="one_i"></i></div> </div> <div class="accordion_inner"> <div class="box_one"> <p class="txt_a_ac">アコーディオンの中身です。</p> </div> </div> </div> $(function(){ //.accordion_oneの中の.accordion_headerがクリックされたら $('.s_01 .accordion_one .accordion_header').click(function(){ //クリックされた.accordion_oneの中の.accordion_head
スライダープラグイン「Slick」便利なオプション&動きサンプル集 - Qiita
Slickの便利なオプションと動きサンプルを分かりやすくまとめています。 オプションやサンプルは今後もどんどん追加していきます。 1. よく使うオプション 数多く用意されているSlickのオプションの中でも、知っておくと便利な定番オプション。 1-1. 表示に関するオプション 項目 デフォルト 仕様
slickで中央の画像の左右に余白をつけたい
JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。 HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。
ブログ記事のタイトルの決め方6選！文字数とSEOを意識【初心者向け】
ブログのタイトルはとても大事です。 タイトル次第でSEO対策になるのか？記事が読まれるのか？クリックされるのか？など左右をされるものです。 昔は私もそこまで意識していませんでしたが、今はかなり意識をして書いています。 理由は「アクセスを伸ばす」「有益な情報を届けるため」です。 この記事ではタイトルの付け方について書いています。 記事のタイトルに迷ったらぜひ参考にしてください。 ブログ記事のタイトルはものすごく大事です。 このタイトルでSEOに影響がでます。 もちろんすべではないですが、Googleが順位を決める時の1つの要素として考えられるものです。 ブログでアクセスを集めているひと、稼いでいる人は必ずといってよいほどここができています。 タイトルで記事の良し悪しも関係をしてきますので、正しいタイトルの付け方を知っておきましょう。 ブログ記事のタイトルは中身の要約【何が書いてあるのか？】ブ
merci
並び替えデフォルト人気順新着順安い順高い順価格帯All¥ 2,500 - ¥ 2,550¥ 2,550 - ¥ 2,600¥ 2,600 - ¥ 2,650¥ 2,650 - ¥ 2,700¥ 2,700 - ¥ 2,750¥ 2,750 - ¥ 2,800¥ 2,800 - ¥ 2,850¥ 2,850 - ¥ 2,900¥ 2,900+カラーAsh 1Beige 1blue 5burgundy 3charcoal 3dark-brown 2gold 1gray-x-black 5green 5indigo 1Light Gray 1light-blue 2Marine Blue 1Natural 1olive-drab 1Pastel Beige 1Pastel Blue 1Pastel Emerald 1Pastel Gray 1Pastel Green 1Pastel Orange
ただのワイヤーフレームと一歩差をつける！作成するときの10のコツ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webディレクターのなべちゃんです！ 今回はWebサイト制作では欠かせない、サイトの骨格である「ワイヤーフレーム」の作り方について、紹介していきたいと思います。 LIGではデザイナーがワイヤーフレームを作成することが多いのですが、今回は先輩ディレクターでありデザイナーでもあるほそさんにフィードバックをいただきながら作成していきました。 お客様にとって内容がわかりやすいのはもちろん、デザイナーにとってもデザインしやすいという観点でのフィードバックが、目から鱗の内容だったので、今回学びのアウトプットとしてまとめていきたいと思います！ そもそもワイヤーフレームとは 冒頭でチラッと書きましたが、サイトの骨格・情報の設計図のようなものです。 Webサイトを作成するときに、いざデザインをするとなると、この情報は必要なかった、この情報は入れてほしい、表示順を変えてほしいと出戻りが起こってしま
2024年、現在の環境に適したリセットCSSのまとめ
CSSにおけるブラウザによる互換性の問題はWeb制作でモダンブラウザをターゲットにした場合、以前に比べるとはるかに少なくなりました。昔から使用している無理なリセットCSSやすべてをリセットする必要は全くありません。 IE11のサポート終了から2年が経ち、現在はモダンブラウザの時代です。Chromeをはじめ、chromiumベースのEdge、Safari、Firefoxはエバーグリーンブラウザ（最新版に自動アップデートするブラウザ）と呼ばれています。 現在の制作環境に合わせて制作された新しいリセットCSSの中から特に注目すべきリセットCSSを紹介します。CSSのテクニックや知見も満載です！ リセットCSSとは リセットCSSの使い方・書く順番 どのリセットCSSが適しているかの選び方・カスタマイズ方法 A (more) Modern CSS Reset -モダンブラウザに最適化された新しいリ
「font-sizeの指定はpxとremどちらを使うべきか？」問題に対する回答
こんにちは。TAK(@tak_dcxi)です。 今回は SNS で頻繁に話題になる「font-size の指定はpxとremどちらを使うべきか？」問題について。 自分が観測している限りだと、 font-size の指定は px と rem どちらを使うべきか？ Web デザイナーはコーディングの知識があったほうがいいか？ jQuery はオワコンなのか？ 実装者はピクセルパーフェクトに拘らないとダメか？ h1 タグはどこに使うべきか？ あたりは四半期に一度は話題になっている感覚がありますね。 おそらくこの記事を読んでいる方や、もしくはタイムラインにこの記事の Twitter カードなんかが流れてきてウンザリしている方も多いことでしょう。僕も正直「またこの話題か…」という感想ですが、頻繁に話題になるということはそれだけ意見が割れているということなので、自分なりの見解をまとめるためにもこの記事
2021年、CSSのクロスブラウザ対応の現状、SafariやFirefoxで起こる不具合の対応方法
2021年、CSSのクロスブラウザ対応の現状を紹介します。 Flexboxをはじめ、さまざまなCSSの魅力的な機能が主要ブラウザでサポートされ、CSSを書くことよりもデバッグして修正することの方が多いと嘆いたデベロッパーも減ってきたと思います。 しかし、いまだに修正が必要なCSSの問題点もあります。IEがなくなっても、SafariやFirefoxで起こる不具合の対応方法なども解説します。 The State of CSS Cross-Browser Development by Ahmad Shadeed 先日、MicrosoftからIE11サポート終了のお知らせがあり、ユーザーが世界規模のWordPressもIE11のサポートを終了します。これらの情報でIE11のサポート終了の流れは一気に加速しますね。 参考: Internet Explorer 11 デスクトップアプリは 2022年6
サクッとグリッドCSSを理解して、クライアントワークに使う
こんにちは。イッティのデザイナーのHです。IEを非対応の場合はCSSグリッドを積極的に使うことができます。 CSSグリッドは難しくはありません。グリッドの基本と、３つほどのプロパティを覚えれば使いこなすことができます。このページを読み終える頃にはCSSグリッドを使いこなす事ができているでしょう。 グリッドCSSは、グリッドの分割方法と新しい単位frを覚えることで、グリッドCSSを使いこなすことができます。 グリッドの指定方法がいくつかありますが、まずは基本的な指定方法を習得しましょう。 複雑なレイアウトも可能ですが、運用の効率化も考慮してシンプルなグリッドレイアウトにすることも重要になります。 まずはグリッド線の理解 まずはグリッド線の理解から。 Y軸は「row」 X軸は「column」 です。 グリッドを指定するプロパティ グリッドを指定するプロパティや、値の記述方法はいくつか用意されて
CSS GridをIE11、EDGEに対応させるために注意する点
IEでもCSS Gridを適用させる時に注意するポイントです。 IE11からCSS Gridに対応しています。 そのため、案件の定義が「IE11以上」であればCSS Gridでコーディングすることもできます。 CSS Gridの基本はこちらの記事を参照ください 「Gridでコーディングするのか？」「Flex Boxでコーディングするのか？」迷うところです。 実際にコーディングしてみると、下記のようなレイアウトの場合は「Flex Box」によるコーディングが最適かと思いました。 トップページや、ランディングページなどに多いレイアウトで、縦のグリッド線が多くなる場合です。 CSS Gridの恩恵を受けることができるレイアウトは下記のような場合です。 レスポンシブレイアウトにした場合、ピンク色のコンテンツが2段目になるレイアウトです。 Flexboxでもコーディングできますが、構造が分かりやすい
ベンダープレフィックスは何のためにつけるの？使い方を紹介
このように、プロパティを記述する前に対応ブラウザごとのベンダープレフィックスをつけます。 ベンダープレフィックスの注意点 ベンダープレフィックスなしのプロパティも記述する 新しいプロパティを使用する際は、ベンダープレフィックスをつけないプロパティも併用して記述しておく必要があります。これは、仕様が変更されたり、機能が廃止されたり、新しい機能が追加されるなどの可能性があるためです。 機能が普及したらベンダープレフィックスを外す 草案段階であった機能が勧告候補になった際には、ベンダープレフィックスを外すことが推奨されています。ベンダープレフィックスがなくても動作するようになった機能には、併用して記述していたベンダープレフィックスなしのプロパティだけを残すようにしましょう。 ベンダープレフィックスの自動化 テキストエディタの拡張機能 テキストエディタの拡張機能を使えば、自動でベンダープレフィック
新しいCSSリセットはシンプルで軽量！CSSの新しい機能を使用したCSSリセット -The New CSS Reset
CSSの新しい機能は主要ブラウザでのサポートが進んでいます。例えば、1年くらい前にサポートされはじめたセレクタの詳細度を0にする:where()も、現在では主要ブラウザのすべてでサポートされています。 CSSの新しい機能を使用した、シンプルで軽量なCSSのリセットを紹介します。 :where()や:not()、allプロパティやunset値やrevert値など、見慣れないCSSがあるかもしれませんが、IE11を除くすべてのブラウザでサポートされています。 The New CSS Reset The New CSS Reset -GitHub The New CSS Resetの特徴 The New CSS Resetは何をリセットするのか？ The New CSS Resetの中身 2021年、モダンブラウザに適したCSSリセットのまとめ The New CSS Resetの特徴 この新し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
スマホの時だけjsを無効にしたり有効にしたりしたい。
メモ：WordPressのページネーションをカスタマイズ方法の一例 | ARAKAZE NOTE
イラレ・フォトショで部分的にグラデーションを適用するやり方！ | デザイン研究所