サイトの更新で、「〇〇」という単語を全部修正するみたいな作業が発生する場合があるのですがその際対象ページのURLを出したい場合の方法です。 DreamWeaverで検索してxmlとして出力する まずDreamWeaverでサイト全体を検索し...

twitterボタンを設置する際に、#wordpressなど、自動でハッシュタグを入れたい場合があります。 data-hashtags=”wordpress”　というようにして付けることができるのですが、 #バッグ　#bag のように、twitterボタンにハッシュタグを複数入れる方法を調べてみたところ、 カンマ区切りで複数入れることができました。 <a href="https://twitter.com/share" class="twitter-share-button" data-hashtags="ここにタグ１,ここにタグ２" data-count="none" data-via="Twitterアカウント名" data-lang="ja">ツイート</a> <script type="text/javascript" src="//platform.twitter.com/wid

Designing and coding a sponsors page is part of the developer's life (at least the lucky developer's life, if it is about a personal site of theirs). It, however, follows different rules than those for the other pages of the site. You have to find a way to fit a lot of information and organize it clearly, so that the emphasis is put on your sponsors, and not on other elements of your design. We ar

WEBマーケティングの業界に入って、強く感じることは、どの企業もSEOに関して明確な方針を持つことができていないということだ。 その一番の原因は、SEOに関する知識不足にある。 知識不足のままにSEOに取り組んでしまうと、効果のないことに莫大な時間を費やしてしまったり、SEO業者に丸投げをしてしまうことになる。 それで、結果が出ないだけであればまだ良いが、中には、手の打ちようがないぐらいにメチャクチャな状態になっている方もいる。そこで、本日は、SEO順位に影響を与える全６５項目のチェックリストをご紹介する。 これをもとに、あなたが行っているSEO施策を見直してみて欲しい。 SEOキーワードに関するチェックリスト■最重要 １．Titleタグでのキーワード使用：タイトル内でのキーワード使用は非常に重要だ。なぜなら、検索エンジンの表示結果には、Titleタグ内の文言が、最も優先的に表示されるから

SEOキーワードの選定と言うと、ほとんどの方が、漠然と月間の検索数のみを調べているのではないだろうか？ しかし、効率的にSEO対策を実施するためには、それだけでは足りない。 SEOで最速で最大の成果を出すためには、以下の５つのステップが必要だ。 効果的なSEOキーワードのリストアップ検索数リサーチライバルサイトの詳細のリサーチ対策するキーワードの順番検索エンジンにも読者にも高評価されるコンテンツアイデア逆に言うと、それさえ、しっかりとこなして、ある程度経験を積めば、狙い通りに検索エンジンを攻略できるようになる。本日は、そのために、『鉄板のSEOキーワード選定法~検索の上位表示に絶対必要な５ステップ~』をステップ・バイ・ステップでご紹介する。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PV

Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su

Facebookは新しい機能がいつのまにか追加されていることがよくあります。自分がどこにいるのか（またはいたのか）というロケーション情報の共有ができる「チェックイン」は、Status Updateや写真などに追加して投稿できるほか、特にモバイルアプリからお店などに「チェックイン」することで自分の友人たちに通知することができます。2012年5月時点のモバイルアプリでは「付近の情報」というメニューになっています。 すでにFacebookページを開設している飲食店は多いのですが、このチェックインの機能はFacebookページ（以前はファンページとも呼ばれていた）よりも後に整備され、モバイルアプリでも使われるようになったこともあり、既存のFacebookページと連携できていないケースがほとんどです。せっかくなので、このチェックイン情報を既存のFacebookページに追加できればよいのですが、現時点

壁紙・写真8953 webデザイン3925 デザイン3291 絵画・イラスト・アート2193 動物1745 3D1724 UI1291 photoshop1083 フリー1004 風景834 自然821 かわいい689 wordpress679 素材652 テーマ632 チュートリアル626 フォント617 幻想的548 動画530 お洒落524 建築物501 犬430 テンプレ400 イラスト397 psd396 猫384 ロゴ331 jquery297 ブラシ296 プレミアム285 プラグイン274 テクスチャ260 CSS249 ミリタリー221 タイポグラフィ217 名刺213 gif212 都市風景210 インテリア206 宇宙203 エフェクト200 SF188 ポスター186 ファンタジー186

欧州地域でのソーシャルプラグインに対する変更欧州地域でFacebook製品を使用しているユーザーに関しては、Cookie同意プロンプトが更新されたため、ソーシャルプラグインに何らかの影響が現れる可能性があります。欧州地域のユーザーは、1)Facebookアカウントにログインしている、2) 「アプリとウェブサイトのCookie管理」に同意している、のいずれかの条件を満たさない限り、「いいね！」と「コメント」のソーシャルプラグインのサポートを終了します。この二つの要件が満たされていれば、ユーザーは「いいね」や「コメント」ボタンなどのプラグインを見たり、操作したりすることができます。上記のいずれかの条件を満たさない場合、ユーザーはプラグインを見ることができません。 欧州地域には、以下の国が含まれます。 欧州連合 (EU): オーストリア、ベルギー、ブルガリア、クロアチア、キプロス共和国、チェコ共

This domain may be for sale!

ウェブサイト内には、ヘッダ・サイドバー・フッタなど全ページ共通のパーツがあることが多いでしょう。そのような共通部分を全てのページに記述するのは非効率的です。なぜなら、共通部分を更新したい場合には、全てのページを同時に更新しなければならないからです。ページ数が多ければ多いほど作業量も増え、更新漏れが発生しやすくなってしまうでしょう。 ■共通部分だけを独立したファイルに分けておいて、動的に合成できると便利 そのようなサイト内の共通部分は独立したファイルに分離しておき、ウェブサーバ側で動的に合成できれば、共通部分の管理や更新作業が楽になります。共通部分を更新したい場合には、その独立した1ファイルを修正するだけで全ページの表示が更新されるからです。 例えば、サイト内の全ページに共通する部分を下記のような3つのファイルに分離しておきます。これらの3ファイルを、上図のように各ページのHTMLに合成しま

HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);

[対象: 中〜上級] Googleは、フィーチャーフォン向けのモバイルサイトに対する推奨構成を公開しました。 Building Smartphone-Optimized Websites – Webmasters — Google Developers スマートフォン向けのモバイルサイトの推奨構成を1ヶ月前に公開しましたが、このなかには従来型の携帯電話であるフィーチャーフォン、日本で俗にいうガラケーについては触れていませんでした。 そこでフィーチャーフォン用の推奨要件をドキュメントに新たに追加した形になります。 モバイルサイトの構成に際してはレスポンシブ・ウェブデザインをGoogleは推奨しています。 しかしフィーチャーフォンはCSSメディアクエリをサポートしていません。 したがってGoogleがサポートする3つ構成のうちのレスポンシブ・ウェブデザイン以外の方法を採用する必要が出てきます。

このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「:before」「:after」疑似要素はIE7以下は非対応ですのでご注意ください。 今回のサンプルは別サーバにアップしていますのでご覧ください。 それでは今回8つのサンプルを紹介していきます。 1. 吹き出しのような見出し1 吹き出しの下の部分を:after擬似要素で作っています。三角形はボーダーで作っています。下の画像を見ると何となくイメージできるでしょうか。今回の場合は上の赤い部分のみ色を付

CSSでWebサイトのレイアウト組み＋装飾の基本プロセスCSSでレイアウトを組むのは、最初はすごく難しく感じるかもしれません。私も何度も挫折しかけました。。でもよく使うプロパティを理解し、少しずつ組み立てていくと自然と慣れてきますよ！今回はサンプルファイルも用意したので、ダウンロードしてコードをじっくり見てやってください。連載企画「実践で学ぶWebサイト制作ガイド」、CSSでラストスパートです！ 実践で学ぶ Web サイト制作ガイド：その 7目標：CSS でレイアウトが組める・基本的な装飾ができる必要なもの：Windows メモ帳 や、Mac OS Text Edit などの文章エディタツール。もちろん Adobe Dreamweaver などの Web 系オーサリングソフトがあるならそれで OK対象レベル：CSS の基礎知識がある・基本的な CSS が手打ちで書ける目次誰のため？何のため

By now, you've probably heard about Adobe's new CS5 software pack. Also, you've probably seen their product pages, where they present the new features of the suite. Apart from the great design, they've also implemented an interesting solution for showcasing the new features their products are capable of - using contextual slideout tips. Knowing the importance of HTML standards, we are making a set

携帯サイトを作る場合に、キャリアごとの仕様や、端末ごとの特徴を全て把握することはあまり現実的ではありません。仮に全てを把握したとしても、ひとつのファイルで全端末を完璧にカバーする携帯サイト用ウェブページを作ることは非常に困難な状況です。 各キャリアごとに最適化されたページを作るのもひとつの手ですが、少しでも無駄な作業を無くすために共通で使えるページを作ってみましょう。

HTML内に別ファイルの中身を合成できるSSIの使い方(2ページ目)SSI(Server Side Includes)という仕組みを使うと、ウェブサーバ側でHTMLソース内に別ファイルの中身を合成(挿入)できます。ウェブサイト内には、ヘッダ部分・サイドバー部分・フッタ部分など全ページ共通のパーツが存在することが多いでしょう。そのような共通部分を別ファイルに独立させておき、SSIで動的に合成すれば、共通部分の管理や更新作業が楽になります。 SSIを使えるようにする準備～共通部分をSSIで合成する方法 さて、それではSSIの具体的な使い方を順にご紹介いたします。まずはSSIを使用可能な状態に設定してから、サイト内の共通部分を独立したファイルに分離し、それらをSSIで合成させてみましょう。サイト内の共通部分をうまく分離しておくと、更新作業にかかる労力を減らし、効率良くウェブサイトを更新・管理でき

.htaccessとは？ .htaccessとは、Apache（アパッチ）と呼ばれるウェブサーバで使える設定ファイルのことです。中身はプレーンテキストなので、テキストエディタを使えば簡単に作成や編集ができます。多くのレンタルサーバなどでも、利用者が何らかの設定を記述する目的に利用されています。 ウェブサーバ上の任意のディレクトリに「.htaccess」というドット記号で始まる特殊なファイル名の設定ファイルを設置しておくと、ウェブサイトに対する様々な設定ができます。例えば、アクセス制限を施したり、IDとパスワードによるユーザー認証機能を用意したり、404や503などのエラー表示をカスタマイズしたり、条件に応じてリダイレクト（自動転送）したりする処理などがあります。 本記事では、この便利な設定ファイルである.htaccessファイルの作成方法や書き方の例、アップロード方法、エラーが出た場合の対

イケてるWebサイト制作会社をお探しの方へ イケサイに掲載されているようなウェブサイトを作りたい、スマートフォンサイトを作りたいという方は下記の見積もり依頼フォームからお問い合わせ下さい。 オススメのサイト ミツカル保険相談mitsukaru-hoken.com 全国の保険相談窓口・保険ショップを検索 保育園・幼稚園DBhoiku-db.info 全国の幼稚園と保育園のクチコミ情報サイト ブリーダー直販www.cats.to 優良ブリーダーやキャッテリーが育てた猫ちゃん

Home パターンやテクスチャ 700個＋の押さえておきたいフリーのシームレスパターン フリーで使える700個以上の継ぎ目が見えないシームレスな背景パターンを紹介します。事前に準備しておくことが難しい背景デザインですが、ここではフリー素材でポピュラーなシームレスパターンを数多く紹介しますので、まずはチェックしておきましょう。 背景は、ソリッドカラーやグラデーションの他にパターンを入れてボリューム感を演出したり、テーマに沿ったパターンやイメージを添えたりすることで、リッチなデザインに仕上げることができる大切な要素です。 PhotoshopやIllustratorで使う素材を多く紹介していますが、このようなアプリケーションが利用できないときでも、PNGやJPEGファイルが同梱されているものが多くありますので、ダウンロードファイルから都合のよいフォーマットを選びましょう。 紹介の素材は個人や

ご注意ください イザ！編集部の公式ツイッターアカウントを装ったなりすましアカウントが発見されています。DMが届いても開封したり、URLをクリックしたりしないようご注意ください。

米Googleは8月24日（現地時間）、米Facebookの「いいね！」に似たコンテンツ評価ボタン「Google +1」に、ソーシャルサービス「Google+」でコンテンツを共有するための機能を追加したと発表した。数日をかけて全Google+ユーザーが使えるようにするとしている。 +1ボタンは、Googleが3月に発表したソーシャル機能。Google検索の結果に表示されるほか、Webオーナーが自分のページに設置できる。ユーザーはこのボタンをクリックすることでコンテンツを評価でき、この評価はユーザーのソーシャルグループ（Gmailの連絡先やGoogle Reader、Google Buzzでフォローしているユーザーなど）で共有される。これまでは、Facebookのいいね！ボタンと同様にクリックしてもコメントを追加するウィンドウなどが表示されることはなかった。 新機能が有効になった後でこの+1

Upload your creations for people to see, favourite, and share.

春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE

必ず 利用規約 を一読の上ご活用下さい。 画像をクリックすれば当サイトで公開している文様・和柄・和風デザイン用のパターン背景素材のIllustrator9形式AIファイルまたはEPSファイルを無料でダウンロードできます。 ダウンロードした素材ファイルはサイズ・色等の変更は自由です。和柄・和風デザイン・DTP・POP背景にお使い下さい。 商用利用の場合は念のためご一報下さい。原則としては直接利益を得るものへの使用以外はご連絡後使用可能としております。 （例）商品デザインへの使用・販売⇒×（有償） 商品パッケージ・パンフレット⇒○（事後含み連絡必要） あくまで個人レベルの産物ですので作りが甘いですがご理解宜しくお願いします。 当サイトで必要な素材が見つからない場合は素材集等の購入をおすすめします。当サイト管理人が実際に購入した 素材集は使用感を含めてこちらで紹介 しています。 ではでは お好み

2022/10/03 up10/10＠ラビリント店【10/10（月・祝）】ぴなふぉあラストdayについて ★情報更新 2022/10/02 up【お知らせ】一部メニュー停止について 2022/09/30 up10/10＠ラビリント店【10/10（月・祝）】ぴなふぉあラストdayセレモニーチケット販売について 2022/09/24 up09/30＠ラビリント店【9/30(金)~10/1(土)】みゅうあこ『ビジネスcafe ~お休み前の内緒のお楽しみ会~』開催！ 2022/09/21 up09/28＠ラビリント店【9/28（水）】はぁと・みるる・すふれの合同BDイベント開催！ 2022/09/17 up10/10＠ラビリント店【10/10（月・祝）】ぴなふぉあラストdayご帰宅チケット販売について 2022/09/17 up09/20＠ラビリント店【9/20（火）】すふれオリカクデビューイベン

おかえりなさいませ、ご主人様・お嬢様❤️ 秋葉原・大阪のメイドカフェ／メイド喫茶あっとほぉーむカフェでは、400人のメイドが世界で唯一の体験をご主人様・お嬢様にお届けいたします💖

マイページピグアメブロ芸能人ブログ人気ブログAmeba新規登録(無料)この記事は削除されているか、 または未来記事設定（現日時以降の公開）された記事のため表示できません。楽天ポイントが ザクザクたまる 「タグを貼るだけ」で あなたのブログが収益源に！？ このブログの読者読者数: 8,980 人 読者になる テーマやったこと・行ったとこ・考えたこと ( 6 )買った・使ってる・持ってるもの ( 2 )仕事・備忘録 ( 1 )雑記 ( 3 )--- ( 0 )一覧を見る 最新の記事アメブロの運営に不具合報告したら即座に対応してくれた件YouTube動画のサムネイルを記事幅に合わせて自動調整するように貼り付けるレジェンドの撤退！？しかたがないとは言え本当に残念です・・・アメブロの「広告をはずすコース」(毎月1008円)をやめてみたアイスクリームのカロリーがどのくらいのエネルギーなのか気になったの

カバー写真で”いいね！”をお願いするのは違反 新しくなったFacebookページの魅力はなんといっても大きなカバー写真（ページ上部の大きな画像）です。 カバー写真を上手に活用することで、企業・ブランドのイメージを向上させることができますが、以下の行為は禁止されているので注意が必要です。 カバー写真に含んではいけないも文言（メッセージ） A. 価格や購買情報。例えば、”40%引き”や”当社のウェブサイトでダウンロードください”など B. コンタクト情報。例えば、”ウェブサイトのアドレス(URL)、eメールアドレス、郵便アドレスなど” C. “いいね！”や”シェア”といったFacebook機能に関する言及や、それらの機能を矢印などで指し示すこと D. アクションのお願い。例えば、”今すぐ入手”や”友達に伝えてください”など また、カバーで偽り、ごまかし、誤解を与える表現は謹んでください。また、

この記事のポイントは… 主に個人ブログやブログ形式のオウンドメディアを運営する皆さまを対象に、アイキャッチ画像の概要と設定方法を詳しく紹介する記事です。 アイキャッチ画像（サムネイル画像やOGP画像とも呼ばれます）とは、サイト内やSNSのタイムライン上に記事URLと共に流れる記事の顔となる画像のこと。 アイキャッチ画像を利用するために必要な知識、画像の仕様と非デザイナー向けの作成方法、アイキャッチ画像をHTMLのメタ要素OGP内で指定する方法を記事内で詳しく解説しています。 この記事は、2024年01月12日に更新しました！ ウェブ記事のアイキャッチとなるタイトルを載せた画像、ソーシャルメディア上で、良く見ませんか？まさにこの文章のすぐ上にある「徹底解説」と書かれた画像も、アイキャッチ画像のひとつです。 この記事は、主に個人ブログやブログ形式のオウンドメディアを運営する皆さまを対象に、アイ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。

初めまして！マークアップエンジニアのAkihisaです。 制作時にも役立ちますが運用で必須のhtmlの共通化のお話です。 数ページならともかく、中規模サイト～大規模サイトで必要不可欠なhtmlの共通化… ヘッダーやフッターなどでよくお目にかかると思います。 共通部分をベタ書きで行なっている場合、軽微な修正でも大変な修正作業と確認が必要となりとても不便で面倒です。 可能なら共通化出来る部分はなるべく共通化をしてサイト制作・運用をスマートに行いたいものです。 今回はその共通化の方法をいくつかご紹介致します。 JavaScript 共通化する部分をすべて外部JavaScriptに記述してしまう方法です。 この方法の良いところは、サーバ環境に依存しないのでどんなサーバでも使用出来ることです。 しかしその反面、ブラウザ環境に依存してしまうのが欠点です。 JavaScriptを使用する場合は、ユーザが

5.CSSは上に、JavaScriptは下に『まとめて』記述せよ CSSとJavaScrptの記述場所にも、高速化のためのルールがある。CSSは必ずhead要素の中の上部に、JavaScriptは下部にまとめて記述すること。下のグラフのとおり、まとめて書けば読み込みが速くなる。 ●悪い例：CSSの間にJavaScriptを挟んでいる <head> <link rel="stylesheet" type="text/css" href="stylesheet1.css" /> <script type="text/javascript" src="scriptfile1.js" /> <script type="text/javascript" src="scriptfile2.js" /> <link rel="stylesheet" type="text/css" href="style

HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない

スマートウォッチはさまざまなブランドから発売されており、とても注目を集めています。しかし、具体的にどのような機能があるのか分からない方もいるでしょう。また数多くの種類があり、どれを選ぶか迷う方も多いですよね。そこで今回は、スマートウォッチの基本的な機能や、おすすめのブランド・商品についてご紹介します。 ＃健康管理 多くのスマートウォッチには、歩数を計測する機能があります。その機能を使用すれば歩数やカロリーなどが計算できて、健康管理に役立つでしょう。 ＃通知機能 メールやSNS（Faceboook、Twitter、Instagramなど)の通知を受け取ることができます。会議中や食事中などでも気軽に確認できるでしょう。 ＃電子マネー決済 対応しているスマートウォッチであれば、さまざまな電子マネー決済が使用できます。財布を取り出さなくてもいいため非常に便利です。 ＃音楽再生 スマホをカバンやポケ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

サイトのトップのURLにアクセスしたとき、デバイスの種類を判別して、PC用のサイトとスマホ用サイトに切り替える方法です。 今回は、.htaccessファイルを使っての対応です。.htaccessファイルを使いますので、お使いのWEBサーバーがApacheを使用していることが前提です。 http://www.hogehoge.jp/ が共通のURLで、HPのトップへのアクセスがあったときに、スマートフォンからのアクセスの場合は、 http://www.hogehoge.jp/sp/ へリダイレクトする処理です。 まずは、.htaccessファイルの中身がこちらRewriteEngine On RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC] RewriteCond %{QUERY_STRIN

京アニ放火事件を受けて、メルカリに京アニ関連グッズ出品が急増しています。しかし中には高額すぎる出品があったり、そもそもメルカリで京アニグッズ …

どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキスト テキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキ

Safe Color Webセーフカラーとは、Red (赤色) Green (緑色) Blue (青色) をそれぞれ6段階 216色(6×6×6) に分けて定義している色の集合体です。Webセーフカラーで配色するメリットは、OSやコンピューターの性能に大きく左右されず、どの端末で閲覧しても、ほぼ同じ色を再現することができる点です。 216色の限られた範囲ですが、端末を選びたくない場合や、配色イメージを損なわずに表現したい場合などに利用してみてください。

Updated 2007.01.30 / Published 2007.01.30 従来の HTML では a要素の name属性にアンカー名を付与してウェブページ内の特定箇所をリンク先として参照できるようにする目的地アンカー（終点アンカー）が用いられてきましたが、XHTML では name属性は廃止され、旧来の目的地アンカーのテクニックは利用できません。本文書では HTML4 の規格から新たに登場した id属性を name属性に代わって指定することでアンカーを最適化させる手法を解説します。 アンカー内容を空にして使う旧来の手法について a要素に name属性を指定する目的地アンカー（終点アンカー）は、従来の HTML によく用いられる手法ですが、開始タグと終了タグの間、つまりアンカー内容を空にして使われていることがあります。これはアンカー内容を空にすることで、目的地アンカーを視覚的にわか

高品質な素材を揃えたAIクリエイティブスイートブランドに合った独自のビジュアルを探求し、創造しましょう。画像、動画、音声など、多彩なコンテンツを制作できます。世界中のクリエイティブチーム、マーケター、デザイナーから信頼されています。

初歩的なjQueryプラグインの設置方法 ほとんどのjQueryプラグインは、jQuery本体、プラグイン本体、実行コードの３つで形成されます。 初心者でもわかるように、初歩的な設置方法について説明していきたいと思います。 jQuery本体の設置 まず、jQuery本体を設置しないと動きません。ここでは ①jQueryをダウンロードしてフォルダに入れて使用する。（サーバにアップロード） ②GoogleやMicrosoftなどが配布しているjQueryファイルを読み込んで使用する。 の2つを説明します。 ダウンロードして使用する場合 jQuery本サイト(http://jquery.com/)の「Download(jQuery)」ボタンを押します。 フォルダでダウンロードされる訳では無くソースが表示されますので、ブラウザによって異なりますが右クリックして「名前をつけてページを保存」(Fire

Click here if your browser does not automatically redirect you...

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を