Internet is full of freebies for web designers and developers. Today, we will be covering 42 free UI Kits and templates. All of them are editable in PSD format and mostly covering all of the basic UI elements such as textfield, checkboxes, radio buttons, buttons, drop down menu and some other cover extensive list of elements. Well, you might say, "They're gorgeous! But what can I do with it?". The
Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表示しなおしてくれます。 背景を黒にするとよりオシャレな感じです。 関連エントリ 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」
Working on DIY projects is a great bonding activity you can do with your kids. This hobby can be fun for the whole family, allowing your kids to fully explore their creative potential, and... Audrey Smith enjoys seeing flowers everywhere around her, and she’ll help you see them too. The digital designer behind the viral project Paint the World is using the power of Photoshop to transform mundane..
10 Life-Saving PHP Snippets | Web Builder Zone 便利そうな10個のPHPコードスニペット。 種類はまとまりがありませんが、便利そうな10個のPHPコードスニペットがまとまっています。 ・文字列のハイライト ・FeedBurnerの購読者数 ・複数CSSファイルの圧縮出力 ・誕生日から年齢計算 そんなの自分でやる、って言う物も含まれていますが、学習用やちょっとした実装に覚えておいても便利かもしれません。 関連エントリ OAuth対応のPHPでTwitterに投稿するスニペット 使える21のPHPコードスニペット パスワード生成や年齢計算等、PHPの便利なスニペット集
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 先日お知らせしたとおり、MTOS 5.1でカスタムフィールドのような機能を実現する「AnotherCustomFields」というプラグインをリリースします。 1.AnotherCustomFieldsプラグインの概要 AnotherCustomFieldsプラグインは、MTOS 5.1xでカスタムフィールドのようなことができるプラグインです。 フィールド追加の定義をconfig.yamlファイルで書く必要がありますが、その点を除けばMovable Type標準のカスタムフィールドとほぼ同様の動作をします。 また、以前に出していた書籍「MTOS活用テクニック」と比べると、プラグ
In the world of internet, you can always find what you need as someone has already created something that fulfill your requirements. On top, if your required element is available for free then who would want to waste time designing something that ultimately churns out to be almost identical to what that has already present in the World Wide Web? Keeping this in mind, designers develop free downloa
TOP > plugin , WebDesign , WordPress > wordpressで利用できるフリーフォームプラグイン集「20 Free Contact Form Plugins for WordPress」 プログラマーにはシンプルなフォームプログラム。ただ、デザイナーにとっては自ら組み上げるというのは少しハードルがあると思います。今日紹介するのはwordpressでフォームを簡単に実装できるフリーフォームプラグインを集めたエントリー「20 Free Contact Form Plugins for WordPress」です。 Contact Coldform シンプルなプラグインから、非常に高機能なプラグインまで様々なプラグインが紹介されています。今日はその中から幾つか気になったプラグインをピックアップして紹介したいと思います。 詳しくは以下 Contact Fo
エレメントをウェーブ状のアニメーションでフェードイン・フェードアウトさせるjQueryのプラグインを紹介します。 スクリプトは1.7kで超軽量です。 WaveAnimate jQuery Plugin デモ [ad#ad-2] WaveAnimateのデモ デモでは3通りのアニメーションがあり、上キャプチャのものは端のエレメントから順番にフェードします。 エレメント(右端の赤)を除外し、アコーディオンのようなアニメーションを適用することもできます。 赤いエレメントを除外したデモ WaveAnimateの実装 デモを例に、実装方法を紹介します。 HTML デモではdiv要素で実装したボックスを配置しているだけです。 <div id="demo1"> <div id="el1a" class="fademe"> </div> <div id="el2a" class="fademe"
小さいサイズのスマートフォンから大きいサイズのデスクトップまで考慮した、StaticとFluidのいいとこ取りをしたスタイルシートのレイアウトを紹介します。 Rubber Layouts – Combining Static and Fluid Layouts [ad#ad-2] Rubber Layoutsのデモ Rubber Layoutsの特徴 Rubber Layoutsの実装 Rubber Layoutsのデモ デモはメインコンテンツとサイドバーのシンプルな2カラムのレイアウトで、ブラウザのサイズを変更することで、StaticとFluidの固定と可変をどのように取り入れているか確認できます。 デモページ:幅480pxでの表示 ヘッダ・コンテンツ・サイドバーすべてを同じ幅に変更。 Rubber Layoutsの特徴 多くのウェブページで可変であるFluid Layoutが使用されて
これはなかなか便利かも、と思っていつかの日 のために備忘録。HTML5製の動画に、字幕や デザインの変更が可能なツールチップ的なもの を埋め込めるライブラリ、BubblesJSです。応用 すればニコニコ動画のような動画コンテンツも 実装出来るんじゃないですかね?試してない ので分かりませんけど。 以前も字幕・・というかキューを入れられるライブラリ・Cuepoint JSをご紹介しました。こちらはかなり手軽に使えて良さそうでしたが、一応選択肢は欲しいところですよね。jQueryやmootoolsなど、特になにかのjsに依存することの無いライブラリです。 こんな感じでツールチップが上から落ちてきて下に流れていったり残ったままだったり。ツールチップはクリックで消すことが出来ます。普通にテキストなのでドラッグも出来ます。 デザインも思いのままです。テキストなのでドラッグも可能。 字幕っぽいのも こ
珍しいなぁと思ったのでメモがてらご紹介です。 HTML5のCanvasを使用してパターン背景を 生成出来る、というWebサービス。線を描いて 数枚重ね、パターンのような背景を作成する ことが出来ます。まだ実用段階とは行きません けど。 簡単にHTML5製の背景を作成出来るジェネレーターです。Canvasは非プログラマーにとっては若干ハードルが高い印象ですので、この手のジェネレーターで使い方を覚えていくのもいいかもしれません。 こんな感じ。線の太さ、角度などを調整し、複数の線の連続を重ねてパターンを生成します。 使い方はこんな感じ。直感で分かるんじゃないですかね。 使い方 まず、patternizer.jsというスクリプトを読み込みます。 <script src="js/patternizer.js"></script> で、マークアップ <canvas id="bgCanvas"></ca
ブログとして使っている場合はあんまり使う機会 がないかもですけど、他の用途でWPを使ってい ると、記事内に他の記事のアイキャッチや抜粋 などを貼りたいときが結構あったりします。そう いったものをショートコードで一括で挿入できる ようにする、というのが今日のTips。 まぁ、WordPress自体はブログエンジンで基本的に用途はブログなのであんまり需要は無さそうですけどw様々なシーンで応用できるTipsなので覚えておくと地味に役に立ちます。 functions.phpに以下を追加します function add_other_post($params = array()) { extract(shortcode_atts(array( 'slug' => '' ), $params)); $html = ''; if ($slug == '') return $html; $queries =
Facebookのウォール投稿方法が変更されました。ということで変更点についてまとめてみました。この記事は2011年9月4日現在の内容です。 1.投稿フォーム 変更前は次のようなフォーム画面だったと思います。 変更後は次のようなフォーム画面になり、「リンク」「動画」のアイコンがなくなりました。 2.追加機能 変更直後に投稿しようとすると、次のような画面が表示されます。それにしたがって追加機能をざっくり説明します。 一緒にいる人のタグ付けが行えます。 アイコンをクリックすると「誰と一緒にいる?」という欄が表示されるので、一緒にいる人の名前を入力します。もう一度クリックすると非表示になります。 位置情報の追加が行えます。 アイコンをクリックすると「今どこにいる?」という欄が表示されるので、場所を入力します。もう一度クリックすると非表示になります。 投稿時・投稿後のプライバシー設定が行えます。説
Movable Typeのカテゴリリストにダミーの親カテゴリを表示するカスタマイズを紹介します。 1.カスタマイズのイメージ まず、次のようなカテゴリ構成を想定します。 アメリカ └ ニューヨーク カナダ └ バンクーバー 日本 └ 東京 中国 └ 北京 韓国 └ ソウル このカテゴリ構成について、親カテゴリのみを次のように「北米」「アジア」などの地域名でグルーピング表示するように変更します。 北米 ├ アメリカ └ カナダ アジア ├ 日本 ├ 中国 └ 韓国 「アメリカ」「日本」などの親カテゴリのURLは変更しません。つまり「北米」「アジア」はカテゴリとして追加するのではなく、元のカテゴリをまとめるためだけに付与するタイトルです。 2.カスタマイズ 各親カテゴリの説明欄に、グルーピングしたい地域名を設定します。念のため子カテゴリの説明欄には何も設定しないでください。 「カナダ」の場合
7月下旬くらいから徐々に進めてきた作業ですが概ね形になりました。 このチューニング作業で当ブログの表示を約2倍に高速化することができました! ∩(≧ο≦)∩ 高速化と行っても得意分野の動的コンテンツ(プログラムやDBのチューニング)ではなく静的コンテンツのチューニングです。チューニングの観点は文末の二冊の参考書を読むと理解が深まると思いますが、大きく分類するとサーバのチューニングとコンテンツのチューニングに分けられます。そして個人運営のサーバではちょっとチューニングの余地がなさそうな項目は除外すると次のような項目がチューニングポイントとなります。 コンテンツの構成によるチューニング HTTP リクエストを減らす → CSS スプライト導入、JavaScript/CSS ファイルを1つに統合 スタイルシートのロードを head 内に記述 可能な限りスクリプトのロードを /body タグ直前に
SEO対策を行っていて、いきなり対策しているウェブページが上位に表示されなくなる場合がありますが、こうゆう場合はどうすればよいのか? 1.慌てず順位を確認してみる。 ウェブページを対策して、ある日突然いきなり上位に表示されなくなると、「不安でどうしよう?」っていう気持ちになりますが、まずは慌てずに順位を再確認してみましょう。検索エンジンでの順位チェックツールで有名な「GRC」などを使用している場合は、正確に順位を取得できていないことも考えれるので、しばらくは様子を見ていきましょう。また順位が元に戻るということも考えられます。せっかくしっかりと作り上げたページが表示されなくなると、心配になるとは思いますが、辛抱強く評価を待ってみることも大事です。 2.ぺナルティであるかどうかをする。 しばらく様子を見ても、検索エンジンで表示されない場合は、まず、ぺナルティの可能性のあるウェブページタイトルタ
Googleアナリティクスのマルチチャネルから、SEOをおこなうコンテンツを考える方法 2011年8月29日にGoogleより発表されたように Google アナリティクスにマルチチャネルという間接効果を計測できる機能が実装されました。 アナリティクス 日本版 公式ブログ: マルチチャネル : 隠されていたコンバージョン経路の封印がついに やっと使用できるようになった機能なので アシスト効果はどのようなものか、Googleアナリティクスにて調べてみました。 なお、アシスト効果(アトリビューション)がどのようなものかを調べる際は 以下のblogなどを参照させていただきました。 「アトリビューション分析」連載 その1:アトリビューションとは? – リアルアクセス解析 アシストからアトリビューションへ(1) / 検索エンジンマーケティング考 マルチチャネル Google Analytics |
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く