最近のWebサイトで見かける便利な機能や面白い仕掛けのコンテンツ、気持ちいいアニメーションを伴ったインタラクションやエフェクトを実装できるCSS、スクリプトやjQueryのプラグインを紹介します。
最近のWebサイトで見かける便利な機能や面白い仕掛けのコンテンツ、気持ちいいアニメーションを伴ったインタラクションやエフェクトを実装できるCSS、スクリプトやjQueryのプラグインを紹介します。
メインの碁盤状が暖色と寒色にしたもの、右のバーが彩度 ColdWarmのインストール ColdWarmの使い方 ColdWarmのインストール ColdWarmはPhotoshop CS5, 6用の機能拡張で、下記ページからファイルをダウンロードします。 ColdWarm 「Free Download」から、CS5, CS6を選択してクリックしてください。 ダウンロードした「ColdWarm_CS6_1_3_2.zxp」をダブルクリックすると、Adobe Extension Managerが自動で開くので、説明を読み、インストールします。 インストールが完了したら、Photoshopを再起動し、ツールバーの[ウインドウ]-[エクステンション]から「ColdWarm」を選択すると起動します。 PhotoshopでColdWarmを起動 ColdWarmの使い方 使い方は簡単でカラーを選択する
Coolorus 2 Color Wheel Coolorus is a color wheel plugin for Adobe® Photoshop®, inspired by Corel® Painter® color picker. Coolorus is the right choice for creative people willing to improve their painting workflow. It saves time, and helps you choose better colors thanks to Color Schemes, Gamut Lock and the power of triangle HSV representation. Coolorus 2.5 is compatible with Adobe® Photoshop® CC 2
Coda2が発売された事によってVer.1時代の記事「Codaを入れたらまず行っている設定 | 1bit::memo」にアクセスがあるようです。嬉しい限りですね。せっかくなので、Coda2バージョンの設定を書いてみたいと思います。(内容は随時更新していきます。ご了承ください。) 1.Coda2のダウンロード パニック – Coda 2またはMacAppStoreから購入 2.Zencodingを入れる プラグインは「Downloads – zen-coding」から「Zen Coding for Coda」の最新版をダウンロードする。 ダウンロード・解凍して出来た「TEA for Coda.codaplugin」をダブルクリックまたはアイコンへドラッグ&ドロップしてインストールする。 3.Coda2にWordpressのシンタックスモードを入れる プラグインは「WordPress Synt
どうも@kuroji1987です。 ある日いつものように@isloopさんが運営する和洋風◎を閲覧していると、上の方にサムネイル付きで新着記事のリンクを設置しているのを発見いたしました! これカッコイイですよね! カッコイイと思ったのです。思ったら真似したくなるのがクロジクオリティ。 ただし僕はスーパー素人なのでGoogle先生を頼ることにしました。「WordPress 新着記事 表示」みたいなのでググったら、以下の記事を発見。 wordpressでトップページを固定ページに設定して新着記事も表示する | DAICHIFIVE blog このDAICHIFIVE blogさんで紹介されているphpを自己流で改造して、下のようなものを作りました。これをsingle.phpのメインの上に貼り付けております。 <div id="thumbnailheader"> <?php query_pos
TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQuery.Bottomプラグイン」を紹介します。 1.サンプル jQuery.Bottomプラグインにはデモページが用意されていますが、いまいちなのでサンプルページを作りました。 jQuery.Bottomプラグインサンプル ページの一番下までスクロールすると自動的にコンテンツを表示します。 なお、最初に表示した状態でコンテンツがすべて表示されてしまっているとそもそも動作しないので注意してください。 2.プラグインの機能 jQuery.Bottomプラグインは「bottom」イベントを登録するためのものです。このイベントを利用してページの一番下までスクロールすれば、bottomイベントが発生します。 3.プラグインのダウンロード githubのjQue
気が向いたのでメモ。背景に配置した 画像をフルスクリーンで表示して、更 にスライドショー化できるjQueryのプ ラグインとか。さほど数は無いですけ ど・・・使う可能性があるかもなので 備忘録的にまとめておきます。 タイトル考えるの結構面倒くさいので適当になってきました。語彙が中学生レベルですが気にしないで下さい。 さて、フルスクリーンにした背景をスライドに出来るjQueryいろいろです。ほぼ択一っちゃ択一なんですけど・・・ちょっと出来上がりすぎていじりにくいので他もチェックしたい、という事で調べたものを羅列しておきます。触ったこと無いのもあるのでその程度の記事という事で。 Supersized 定番の高機能プラグインです。IE6では動作しません。スマートフォンでも大丈夫っぽい。多数のオプションも用意されており、FlickrAPIにも対応してるくさいです。ライセンスはMIT/GPLのデュア
Install Download isotope.pkgd.js un-minified, or isotope.pkgd.min.js minified CDN Link directly to unpkg. <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script> <!-- or --> <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script> Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --save
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは? そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目:導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体(JavaScriptファイル)は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
Description Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on. Docs and support You can find docs, FAQ and more detailed information about Contact Form 7 on contactform7.com. When you cannot find the answer to your question on the F
Description Generate XML and HTML sitemaps for your website with ease using the XML Sitemap Generator for Google. This plugin enables you to improve your SEO rankings by creating page, image, news, video, HTML, and RSS sitemaps. It also supports custom post types and taxonomies, allowing you to ensure that all of your content is being indexed by search engines. With a user-friendly interface, you
This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. Description Usage Open wp-content/themes/<YOUR THEME NAME>/index.php You may place it in archive.php, single.php, post.php or page.php also. Find: <?php while (have_posts()) : the_post(); ?> Add
This plugin has been closed as of March 31, 2023 and is not available for download. This closure is permanent. Reason: Author Request. Yes, I know it’s old as hell. Yes, I know it’s no longer supported. Yes, I know there’s another Yoast plugin out there that includes this one as part of the package. I know, I know. However, this was the only plugin out of all the many that I tried that gave me bot
千手観音の如き機能と噂のSEO系 WordPressプラグイン、HeadSpace2 を導入してみました。確かに高機能です。 WPでSEOするならコレ1本使いこなせ ればheadを弄る事もあんまりない気が します。HeadSpace2の機能はそれだけ では有りませんが、いいプラグインだと 思うのでご紹介です。 ほぼ全ての機能をご紹介しています。 インストール 1・ダウンロードして解凍 2・wp-content/plugins内に解凍したファイルをコピー&アップロード 3・プラグインを有効化 4・各種設定 5・Done 設定 設定にHeadSpaceが現れます。HeadSpaceのメニューは ・ページセッティング ・ページモジュール ・サイトモジュール ・オプション ・インポート があります。分かる範囲で以下にご紹介します。 ページセッティング セッティングは図のような画面で個別に設定可能で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く