『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP](https://cdn-ak-scissors.b.st-hatena.com/image/square/c4370944039d615d383bea86c19dac988b1a5d59/height=288;version=1;width=512/https%3A%2F%2Ff1zxujx2.user.webaccel.jp%2Fwp-content%2Fuploads%2F2014%2F03%2Finkplugin_top.jpg)
作成:2014/04/7 更新:2014/11/01 Web制作 > あの企業サイトで使われている効果やテクニックをまた探さないといけない、そもそもどういったキーワードで探したらいいのか分からない。そんなこんなで、今回は奇抜なものではなく、「企業サイトで見たことある!」というような、コーポレートサイトに使えそうな定番のプラグインや作り方をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スライドショー 1.カルーセル(横) 2.フェードアウト 3.画像と文字をスライド 4.文字が遅れて移動する効果 5.異なるタイミングを設定できる ナビゲーション・メニュー 6.多階層 ドロップダウンメニュー 7.多階層 効果つき 8.スマホではドロップダウン 9.スマホではセレクトメニューに 10.Amazon風 メガドロップダウンメニュー 11.横スライド 1
jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト/リンク関連、その他、日本語未解説のjQueryプラグインを分類して紹介しています。 初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP
jQueryの便利で実用的なイメージスライダーやレスポンシブ対応のプラグインをタグやカテゴリで見やすくまとめました。
2010年4月10日 画面サイズにフィットして伸縮する背景画像を、スライドショウするjQueryプラグインの紹介。 フルFlashサイトなどで見かける、画面サイズに合わせて画面いっぱいに画像が表示されるアレ。それにスライドショウ機能が付いたjQueryプラグインを、自分のサイトで使ってみました。 動作サンプル www.daichifive.com 自分のサイトで使ってみました。なんか、いいカンジでしょ?ちなみに、使用している写真は、足成さんでダウンロードしました。 追記 上記で紹介している僕のサイトのソースコードをまるまる流用する人が増えています。分からないからといって、CSSファイルやデザインまで全部パクるのはやめましょう。head内のアクセス解析用コードまでそのまま使う人が多いのもホント焦る。僕のGoogleAnalyticsの結果に知らないタイトルのページがたくさん入ってきてます。
使用方法1―全ての要素の高さを揃える 指定した複数の要素の高さを、その中の最大の高さに揃えます。 各要素の幅が同じであれば、各要素のサイズ(高さ・幅)は全て同じになり、タイル状に要素が並びます。 各要素に対してheightを指定する必要はありません。 javascriptサンプル tile-sample1というclass属性を持つ要素の高さを、その中の最大の高さで揃えるには、以下のように記述します。 1 $(function(){ 2 $(".tile-sample1").tile(); 3 }); 実行結果 使用方法2―同じ行にある要素の高さを揃える タイルの列数を指定して、同じ行に並ぶ要素の中で最大の高さに揃えます。 javascriptサンプル tile-sample2というclass属性を持つ要素が横に4つ並んでいるとき、横に並んだ要素の高さを各行毎に揃えるには、その列数(=4)を
綺麗なイメージギャラリーを簡単に設置できるColorBoxの使い方の紹介です。とても人気のあるjQueryのプラグインなのでご存知の方も多いかと思います。画像をクリックするとポップアップ表示されるので、じっくりと見ることができます。パリエーションも色々あるので自分のサイトに合うようにカスタマイズしてみてもおもしろいですね。以下、使い方です。 [ads_center] ダウンロードしたフォルダの中にはexample1〜example5というフォルダがありますが、それぞれのバリエーションが異なるのでその中にある自分の使いたいCSSファイルとimagesフォルダをサーバーにアップロードします。 colorboxの中にはjquery.colorbox-min.jsとjquery.colorbox.jsが入っていますのでどちらか好きな方をアップロードします。ちなみにminの方が軽いです。 あとは<h
lightbox系のjavascriptライブラリは数多くありますが、いくつか試したろころjQueryのプラグイン「colorbox」が使い易かったので備忘録も兼ねて紹介します。 「colorbox」の使い方 今回のサンプル まずはcolorbox公式サイトよりダウンロードして解凍します。解凍すると下のようなフォルダが出来上がります。(※バージョン1.3.16の場合) colorboxフォルダからjquery.colorbox-min.jsまたはjquery.colorbox.jsを取り出します。jquery.colorbox-min.jsはコードが読みにくい変わりに容量が軽いです。 example1~5フォルダは用意されているスキンサンプルです。利用したいスキンのフォルダから colorbox.cssファイルとimagesフォルダを取り出します。 htmlのhead内でcolorbo
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
この投稿は 12年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 最近続いているWordPressエントリーの続きです。ところでみなさん、HTMLタグは好きですか? 僕はというと、特に好きとかはなくて、「セマンティックWebを実現するために大事だとは思うけど、書きたくはない」という感じです。 さて、WordPressにはTinyMCEというWYSIWYGエディタがついています。これはWordPressの中の人ではなくMoxiecodeというスウェーデンの人が作ったオープンソースのソフトですね。 今回はいかにタグ打ちをせずに済ませるかという点にしぼってご説明します。たぶんリンク集みたいになると思いますが、カスタマイズの方法は大体下記の通りです。 TinyMCEでの見映え自分のブログと統一する(初級) TinyMCEに元からあるボタンを追加す
昨日の記事 | 管理画面をかわいくするプラグインで悩んでいることまとめでいろいろ悩んでましたが、現状をば。 かわいいに特化しようかと 考え始めるといろんな機能がほしくなってしまいますが、見栄えを変えることに特化して、できるだけシンプルにわかりやすくしようと思いました。 メニューの位置、ロゴ、背景画像、色味 メニューの位置は、左サイドバーを残すか、最低限のものをヘッダーに表示するかの二択に。 ロゴは管理画面用とログイン画面用のアップローダをそれぞれ用意する(参考にする記事 | 自作WordPressプラグインやテーマ内でメディアアップローダーを使用する)。デフォルトではわぷーに活躍してもらいます。 背景画像はとりあえず二種類用意して、後々ユーザが自分でアップロードもできるようにする。 色味は暖色系と寒色系を用意する。のちのち足す。 cssに自信がない かわいく、って言っておいてなんですが、ち
分かりにくいタイトルですが・・・ プラグインのテストドライブを可能 にするWordPressのプラグイン。 テーマと違い、有効化しなければ プラグインは動作確認が出来ません が、このプラグインを使えば可能に なります。 有効化していない、というか、指定したIPアドレスやユーザーのみが動作確認を出来るようにする、というものっぽいですね。良く調べて無いので分かりませんけど・・ 大抵の動作確認はローカル環境で事足りるかもしれませんが一応メモ。 停止中のプラグインを指定したIPアドレスのみ動作確認することができます。ユーザー(admin等)の指定も可能です。 使い方 使い方は簡単で、テストしたいプラグインにチェックを付けて保存すればいいだけ。プラグイン→停止中のリストにテストドライブ中のプラグインがこのように表示されます。使用中のリストには表示されません。 別のIPアドレスの人だとこんな表示に変わ
地震の災害の最中ですし、僕も東京住まい でそれなりの被害がありますが、関東以外 の方は普通にお仕事をされてると思います。 地震の情報は多数存在しますし、僕が変に 介入しすぎても混乱を招きかねないので 本日より通常更新に戻ります。が、停電を 含め、地震の弊害次第では更新が止まる かも知れ無いことをご了承下さい。 さて、今日はちょっと便利そうなWordPressのプラグインがあったのでシェア。有りそうでなかったプラグインです。 WordPressは、画像をアップロードし、その画像を投稿に含める際にサイズを選べるんですが、そのサイズがデフォルトでは限られています。このサイズの種類を増やせるプラグインがAdditional image sizesです。 上記のように、デフォルトの4つのサイズ以外に3つ増えています。試してはいませんが、いくらでも増やせそうですよ。 設定 プラグインを有効化すると、「
このブログでNo,1のアクセス数を誇っている『絶対にインストールしたいWordPressプラグイン30個!』の記事ですが、今でも凄いアクセスを頂いています。 そして、そのアクセスを見るたびに思うのです。申し訳ない…と。 ブログを移転したり色々やっていたので正確な日にちは判らないですが、あの記事を書いたのはもう一年以上前だった気がします。今ではもう使ってないプラグインやもっと良いものが沢山あるんです。 というわけで、2011年にもなったことですし2011年版のオススメWordPressプラグインを一挙にご紹介したいと思います!その数も増えて何と30個から45個へグレードアップ!記事もなるべく読みやすくしたつもりです。 どれもこれもWordPressユーザーならかなりオススメのものですので参考にして頂ければ幸いです! それでは、少し長いので「続きから」どうぞ~! WordPress
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. WordPress is one the most popular tool
最近Opera最強伝説の記事などOpera関連のネタ記事が増えてきてますね。 当ブログのほうでも、Operaを使い続けて6年、私が愛用しているOperaのまとめでネタについて触れました。 ブラウザシェアでも、Operaの潜在多数(謎)がとてもすごいみたいで、Operaユーザーを徐々に増やしていこうと思います。 今回はOperaの使い方だけではなく、Operaの知っておくと便利な基本機能について紹介します。 最近乗り換えた人の参考になればいいな。 以下に、よく宣伝するときに紹介するなーと感じた20個の小技をまとめますね。他にもおすすめな使い方があれば教えて下さい。 目次:Operaで覚えておくと便利な小技20個 + α あんまり真似ると怒られそうだから、ちょっと内容をOperaらしくお届けします。 ブックマーク/Speed Dialの同期設定 起動時の初回ページをカスタマイズ タブを固定する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く