1. Subtle Patternsオススメ https://www.toptal.com/designers/subtlepatterns/ 一番よく利用してます。商用利用可の、シンプルで使いやすいシームレスの画像がたくさんあります。 2. Background Labs http://backgroundlabs.com/ 色・タグから検索できます。花柄やイラストがはいった、カラフルで派手なパターンの画像やイラストが多いです。 3. pattern cooler https://www.patterncooler.com/ 選んだデザインの柄の大きさや色をカスタマイズできます。派手派手なデザインがほとんどなので使いどころは難しかもしれません。 4. TextureKing https://www.textureking.com/ テクスチャ画像をお探しのときはこちら。木目・コンクリート
Google のウェブ検索結果でウェブページのスクリーンショットに使われている data URI scheme。 data:[<mediatype>][;base64],<data> 形式のデータ (data URI scheme) を生成してウェブページに埋め込むことで HTTP リクエストを減らせるメリットがある。ただ、バイナリデータより3割ほどデータサイズが増える。 ファイルサイズが小さいアイコンを直接埋め込んだり、ブラウザが PC より対応しているスマートフォンでも使われ出している。ということで、画像のバイナリデータを Base64 にエンコードするツールをつくった。出力形式も HTML の img、CSS、JavaScript、生データに対応。 ツールの提供は終了しました。 data URI scheme がサポートしている HTML タグは object (images onl
商用・非商用を問わず無料で利用できるWebフォント、「Google web fonts」の実装方法をさっくりメモっておきたいと思います。 Google Web Fonts Google web fontsとは Webページ閲覧時、通常ではパソコンにインストールされているフォントしかブラウザで表示することが出来ませんが、「Webフォント」を使用すると任意のフォントを表示することが出来ます。 Googleの提供するGoogle Web Fontsはアカウント登録の必要も無く、実装が非常に簡単なそれの一つです。商用・非商用ともに無償で利用が可能と言うのもポイント:) ちなみに当サイトでも日付の表示とサイドバー・フッターの見出しにGoogle web fontsの「Coda」を使用しています。 Google web fontsの実装方法 実装の手順は3ステップ。 1.使いたいフォントを選択する 2
jQuery Core & Migrate - Git Builds UNSTABLE, NOT FOR PRODUCTION jQuery git build: script: uncompressed, minified, slim, slim minified module: uncompressed, minified, slim, slim minified jQuery 3.x git build: uncompressed, minified, slim, slim minified jQuery Migrate git build: uncompressed, minified jQuery Core - All 3.x Versions jQuery Core 3.7.1: uncompressed, minified, slim, slim minified jQuer
スクロールで自由自在なアニメーションを実現できるjQueryプラグインSUPERSCROLLORAMAとその使い方を紹介します。 公式サイト: SUPERSCROLLORAMA 自作デモ: DEMO SUPERSCROLLORAMAでは、TweenMax(アニメーションのためのプラグイン)と連携することで、スクロールによる自由なアニメーションを実現します。 使用する際には、TweenMaxによるアニメーションの作成方法とSUPERSCROLLORAMAのスクロールによるアニメーションの設定方法を覚えなければなりません。しかし、TweenMaxはCSS3プロパティのアニメーションなどにも幅広く対応しており、SUPERSCROLLORAMA以外のアニメーションを作る場合においても非常に便利なプラグインです。覚えておいて損はないです。 今回使用するプラグイン一式は公式サイトよりダウンロードできま
だいぶイマサラ感はありますが、やっぱパララックスサイトはかっこ良いですしまだ需要もあるはずなので、簡単にイケてるパララックスサイトが作れるjQueryプラグインのまとめをさせてください。 イマサラですがまとめておきたいのです。 では早速いきます。 プログラミングやWordPressを習得するのに一番近道な方法とは? おすすめパララックスjQueryプラグイン18選 ① Nikebetterworld Parallax Effect サイトURL http://ianlunn.co.uk/articles/recreate-nikebetterworld-parallax/ デモページ http://ianlunn.co.uk/plugins/jquery-parallax/ 使い方参考ページ parallax.jsをいじってパララックスのデモ作ってみた。 | キリンブログ ナイキのパララッ
At SEO Paradise, we're passionate about propelling your online presence to new heights. With a team of seasoned SEO experts, we're dedicated to delivering results-driven strategies tailored to your unique needs. Our commitment to transparency, ethical practices, and staying at the forefront of industry trends sets us apart. Join us on your journey to digital success, and let's achieve your SEO goa
Excel 2021, 2019, 2016, 2013 Microsoft 365 PowerPoint 2021, 2019, 2016, 2013 Microsoft 365
<!-- OGP --> <meta property="og:type" content="blog"> <?php if (is_single()){//単一記事ページの場合 if(have_posts()): while(have_posts()): the_post(); echo '<meta property="og:description" content="'.mb_substr(get_the_excerpt(), 0, 100).'">';echo "\n";//抜粋を表示 endwhile; endif; echo '<meta property="og:title" content="'; the_title(); echo '">';echo "\n";//単一記事タイトルを表示 echo '<meta property="og:url" content="';
エクセル2010基本講座の機能別メニュー Excel2010でExcel2007と比べての新機能については、機能が拡張されたものについてはを付けています。 他にも多少の変更がありますが、その辺は各ページ中に書いていこうと思っています。 Excel2010の起動と終了 topへ Excel2010の起動と終了 Excelの起動方法 スタートボタンからExcelを起動する デスクトップのショートカットアイコンからExcelを起動する デスクトップにショートカットアイコンを作成するには? Excelの終了方法 ファイルメニューから終了する タイトルバーの[閉じる]ボタンで終了する Windowsショートカットキー [Alt]+[F4]で終了する ブック(ファイル)の終了 Excel2010が強制終了するケースの対策(新元号対応パッチ) 標準のフォントやフォントサイズを変更したい 標準のフォン
いつもエクセル関数塾で学ばせていただいております。 今回、複数の条件にあったセル数を数えたいと思うのですが、私の今の知識ではどうしてもできなくて、ご相談に伺いました。クラスごとの合格者の人数を求めたいとき、複数条件にあうセルの数を求めることはできるでしょうか? わしが、エクセル関数塾塾長!関 数之進(せきかずのしん)である! おぉ、関数塾を活用してくれてうれしいぞ!さて、複数条件じゃと?表を見せてごらん。これだったら「DCOUNTA関数」を使って、複数条件にあうセル数を一発で求められるぞ。その技を極意書を使って説明しよう!
「パララックス」をはじめとする「スクロールエフェクト」の魅力とは タグ Javascript Webサイト制作 「パララックス」はWebデザインのトレンドとして2012年頃から流行り始め、現在はこの手法を利用したサイトをよく見かけるようになりました。そろそろブームが過ぎるのでは?という意見も聞こえますが、パララックス効果を代表とするスクロールエフェクトはアイディア次第でまだまだWeb利用者たちを魅了する可能性をたくさん秘めているのです。 パララックスとは? パララックス(parallax)、直訳すると「視差」という意味です。もともと写真用語で、光学式ビューファインダーを使う際、レンズとの位置関係のズレにより、ファインダー視野と実際に撮影される画面にズレが生じる現象を指す言葉です。Webデザインにおけるパララックスは、スクロールといった動作に応じて、複数のレイヤー(層)にある視覚要素を異なる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く