可変グリッドレイアウトのjQueryプラグイン書いたよ | Xlune::Blogを利用しようと思ってみてるところ。要望として「refreshで動かさないセルが欲しい」とあったので、ちょっと修正 動かさないセル(div)にclassとしてvgfixedをつけるjquery.vgrid.0.1.6.jsの340... 続きを読む

• d:id:muddydixon
• コンピュータ・IT

デモページ ページ中央の「Demo and how to use」をクリックします。 操作は、左上の「prev, next」、右下の「ナビゲーション」、キーボードの「矢印キー」です。 Reverse Buro Ascensorの使い方 外部ファイル 「jquery.js」と「scrollTo.js」、そして当スクリ... 続きを読む

• coliss.com
• コンピュータ・IT

水彩タッチの背景の作り方をはじめ、写真画像を水彩タッチにしたり、水彩タッチのマスクをしたり、ウェブのレイアウトやエレメントに水彩タッチを取り入れるチュートリアルをnoupeから紹介します。 Beautiful Water [...] 続きを読む

• coliss.com
• コンピュータ・IT

こいつは凄い！フルスクリーン縦型画像ギャラリー「jQuery Gallery Slider Plugin」 ｜ ｜ ｜ ｜ ｜ ｜ 画像ギャラリーと言うとなんとなくLightBoxに代表されるような見せ方が思い浮かびます。 でもそんなものに飽ききった皆さんに朗報です。 jQuery Gallery Sl... 続きを読む

• www.skuare.net
• コンピュータ・IT

とてもシンプルで素敵なjQueryスライダー「Blueberry」を使ってみました。レスポンシブ対応なので、スマートフォンで閲覧した時にもサイズが調整されます。マークアップもとてもシンプルに記述できるのでいい感じです。オプションもスピードやインターバル、自... 続きを読む

• bl6.jp
• コンピュータ・IT

WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き） webdesignrecipes.com WordPressでブログじゃないWebサイトを作成するときのTipsです。WordPressを使った、コーポレートサイトのサンプルも作りました。WordPressでのサイト構築のやり... 続きを読む

• w3q.jp
• コンピュータ・IT

本日Adobe CS6の体験版がリリースされました！ ということで、Flash Pro CS6の目玉でもあるHTML5への書き出しがどういうものになったのかをざっと見てみます。 無償で提供されるFlash Professional CS6用のExtension「Adobe Flash Professional Toolkit for Cre... 続きを読む

• mushikago.com
• コンピュータ・IT

Webサービス , グーグル , 企業 Google Drive関連記事のまとめ！ 2012.04.26 18:10 [0] [0] Tweet Check いつ使えるようになるのか分かんないんですけどね。 昨日発表された、Google Drive。16TBまで拡張可能な容量は非常に魅力的ですよね。そんなGoogle Drive... 続きを読む

• www.gizmodo.jp
• コンピュータ・IT

* Le délai de livraison estimé est calculé en fonction du délai d'expédition spécifié par le vendeur, du service de livraison sélectionné et du mode de paiement choisi. Les vendeurs ne sont pas responsables des délais de livraison. Les délais... 続きを読む

• cgi.ebay.fr
• 社会

Windows・Mac・Android搭載スマートフォン・タブレットに加えて今後iPhone＆iPadにも対応し、リアルタイムに編集可能で、16TBまで容量を増やせるオンラインストレージが「Google Drive」です。データをGoogle Driveに保存すれば、いろいろな端末からアクセス可... 続きを読む

• gigazine.net
• コンピュータ・IT

サイト内検索のデータをWordpressで構築したサイトで収集する方法です。 プロファイル編集画面で、 「サイト内検索レポートを有効にする 」にチェックを入れて、「クエリ パラメータにs」といれる。 これだけで完了。 ちなみにGoogleカスタム検索の場合は「q」... 続きを読む

• www.uneidou.com
• コンピュータ・IT

Home　>　 ダウンロード　>　ダウンロード -PSD　>　facebookファンページとタイムラインの新デザイン制作に対応した、無料PSDファイル タイトルで言い切ってしまっている感がありますが、。 新しく変更されたfacebookのファンページ、タイムラインページのモッ... 続きを読む

• photoshopvip.net
• コンピュータ・IT

Flashのエンジニアとして著名なGrant Skinner氏が開発している、「CreateJS」の公式サイトがオープンしました。 http://www.createjs.com/ CreateJSはHTML5を介してリッチなインタラクティブコンテンツの制作をサポートする、JavaScriptライブラリとツールのス... 続きを読む

• clockmaker.jp
• コンピュータ・IT

こんにちはFacebook大好き@sayobsです。今日は改めてフェイスブックのOGPの大切さを説明したいと思います。 OGPとは? OGPというのはThe Open Graoh Protocolの略でフェイスブックを始めmixiやGoogle＋等のSNSとウェブページを連携させるための情報をコンピュー... 続きを読む

• www.lastday.jp
• コンピュータ・IT

白を中心としたシンプルで美しいデザインのウェブサイトをまとめました。日本語サイト中心なので、サイト制作の参考にしやすいかと思います。 Francfranc フランフラン コーキーズクッキー オンラインショップ recomincaリコミンカ 代官山 蔦屋書店 momochi soa... 続きを読む

• toshiiy.blog22.fc2.com
• コンピュータ・IT

WordPress の投稿の全てのデータを取得する方法を紹介します。この記事では投稿の全てのデータの取得についてで、添付ファイル（画像ファイルなど）などの投稿に関連するデータまでは取り出しません。 $post の中に全てがある 投稿の著者 ID が欲しいとか、投稿... 続きを読む

• weble.org
• コンピュータ・IT

スマートフォンサイトとPCサイトの振り分けを考える上で、 ひとつの選択肢となる「レスポンシブWebデザイン」。 スマートフォンサイトの最適化とは違い、CSS3のメディアクエリ機能を使って、デバイスのサイズごとにCSSの読み込みを変更することによって、1ソー... 続きを読む

• www.html5-memo.com
• コンピュータ・IT

A dynamic layout plugin for jQuery The flip-side of CSS floats ← View docs and demos 続きを読む

• masonry.desandro.com
• コンピュータ・IT

jQuery Masonryってのは、grid-a-liciousみたいにdivをタイルみたいに並べるやつ。 htmlのhead内で次の2ファイルを読み込んで <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery.masonry.js"></... 続きを読む

• blog.sakurachiro.com
• コンピュータ・IT

実装 「BE なんとか」のメッセージは、「BE」だけ固定で、「なんとか」はMedia Queriesと擬似要素を使用して配置しています。 HTML h2要素をdiv要素で内包したシンプルな実装です。 <div class="row"> <h2>Be <span></span></h2> </div> 空のspan要素はCSSでコ... 続きを読む

• coliss.com
• コンピュータ・IT

テーマ左上から、base、sunny、le-frog、ui-darkness 対応ブラウザは、下記の通りです。 iPadも対応というのはいいですね。 Chrome/Chromium Safari Firefox IE Opera iPad impress.jsからの移行 jmpress.jsは「impress.js」のjQuery版で、impress.jsの特徴全て... 続きを読む

• coliss.com
• コンピュータ・IT

jQuery plugin which slides a webpage over to reveal an additional interaction pane by Scott Robbin Download PageSlide Now Follow @srobbin Tweet If you've ever used the mobile version of Facebook, or Path, then you've probably seen something a... 続きを読む

• srobbin.com
• コンピュータ・IT

ちょっとメモ。The Boxは、Sprite3D.jsを使ったデモサイトです。 jsとCSS Transformを使用しているようです。 The Box | Demo Studio | Mozilla Developer Network ref. http://techwave.jp/archives/51735953.html 続きを読む

• blog.creamu.com
• コンピュータ・IT

ちょっとメモ。Flashで外部ファイルを読み込んでいる際、更新性のあるものはキャッシュに対するケアをしておかないと、ユーザが古い情報を読んでしまいます。 URLRequest時に、以下のようにファイル名の後にパラメータを付けます。 new URLRequest("test.txt?" ... 続きを読む

• blog.creamu.com
• コンピュータ・IT

スタート ガイドAPI の概要利用者収益化可能なアプリケーションの作成デベロッパー キーの登録YouTube Data APIクライアント ライブラリとサンプル コード（v2.0）ダウンロード、サンプル コード、チュートリアルJava ガイドJSON/JavaScript ガイド.NET ガイドP... 続きを読む

• developers.google.com
• コンピュータ・IT

続きを読む

• clockmaker.jp
• コンピュータ・IT

デモ 実装 デモ デモはCSS3アニメーション、擬似要素を使用しているため、Firefox, Chrome, Safariでご覧ください。 Demo 4 最初にぼんやりと大きなツールチップが表示され、縮小とともにはっきりとツールチップを表示します。 実装 HTML ツールチップはリスト... 続きを読む

• coliss.com
• コンピュータ・IT

CREATORISH web creator's weblog & portfolio & clip. Chiba, Japan 続きを読む

• creatorish.com
• コンピュータ・IT

以前にここで「jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法」と題して、 jQueryでの画像切替ビューアーを紹介しましたが、 これを応用して、自動で画像エリアが切り替わる シンプルな画像スライドショーを作ってみたのでご紹介。 まずは動作... 続きを読む

• black-flag.net
• コンピュータ・IT

Parallax has never been easier. Add some simple data attributes to your markup, run $.stellar(). That's all you need to get started. Scroll right to see Stellar.js in action. Precisely align elements and backgrounds. All elements and backgrou... 続きを読む

• markdalgleish.com
• コンピュータ・IT

JavaScriptで効果を与えたとき、別ページに飛んだあとブラウザの戻るボタンで、その効果が残っている時の対処法です。 例えば、画像にマウスオーバー処理を与えます。その画像をクリックし、別ページに飛んだあとブラウザの戻るボタンで戻るとマウスオーバー時... 続きを読む

• www.webbibo.com
• コンピュータ・IT

ホームページ作成会社の綺麗なWEBデザインリンク集!Official Website 株式会社ブリッジコーポレーション 京都・大阪でのホームページ制作、システム開発は、ブリッジコーポレーション。インターネットビジネスを総合的にサポートいたします。 続きを読む

• www.web-package.net
• コンピュータ・IT

WEB Facebook スマートフォンアプリのデザインリンク集。デザイナー目線で、WEB Facebook スマートフォンアプリのデザインをピックアップして紹介します。DesignDesignDesignでは、WEB業界の発展と、WEB業界の全ての方へ向けて、WEBデザインの現場でも役立つ、W... 続きを読む

• designdesigndesign.net
• コンピュータ・IT

続きを読む

• site.fuco.jp
• コンピュータ・IT

2011年5月21日 ロールオーバー時の画像とは別に、カレント時の画像も設定できるロールオーバーjQueryプラグインを作りました。 あらすじ ナビゲーション用の画像は3種類用意されるケースがよくあると思います。通常時の画像、ロールオーバー時の画像、もうひと... 続きを読む

• blog.daichifive.com
• コンピュータ・IT

サイトの背景で動画を流して、お洒落に演出するならコレ。 jQueryを使用して、YouTubeの動画をサイトの背景でフルスクリーンで流すことができます。 ということで、サンプル作ってみました。こんな感じになります。→　サンプルページ まずは、「jquery-tubular... 続きを読む

• pannyatto.firebird.jp
• コンピュータ・IT

demo 1：幅1920pxで表示 デスクトップ用の画像（hdsize-wide-512x512.png）を表示 syzeの使い方 上記のdemo 1を例に実装方法を紹介します。 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="syze.min.js"></script> JavaScript demo1... 続きを読む

• coliss.com
• コンピュータ・IT

■編集元：iPhone板より「神アプリを列挙するスレ★37」 2 iPhone774G :2012/01/10(火) 16:43:50.93 ID:f0ASN2lv0 暫定神アプリ一覧 【2ch】 BB2C http://itunes.apple.com/jp/app/bb2c/id298820042?mt=8 Balloo! http://itunes.apple.com/jp/app/balloo!/id292... 続きを読む

• alfalfalfa.com
• コンピュータ・IT

ウェブサイトやブログの運営でよく使いそうな便利な.htaccessの設定を紹介します。 こういうまとめは定期的にあがってきますが、やっぱり必要なのでシェアします。 下記は各ポイントを意訳したものです。 URLからwwwを削除 hotlinkingの防止 feedをfeedbunnerに... 続きを読む

• coliss.com
• コンピュータ・IT

2011年、当サイトでブックマークが多かったエントリーBest 20+αの紹介です。 今年は、HTML5、CSS3、スマートフォン、の3つが目立ったように思います。来年もこの流れは変わらない感じですかね。 コリス 当サイ [...] 続きを読む

• coliss.com
• コンピュータ・IT

Advertise here with BSA What a great year 2011 has been for the Photoshop community. With so many new tutorials being published daily it has never been easier to learn a new creative techniques that will help reduce your learning curve substa... 続きを読む

• speckyboy.com
• コンピュータ・IT

>>081007：追記1　:nth-child について追記しました。 >>081007：追記2　:lt について追記しました。 今までのバックナンバーリストを一覧でダダダーと並べてるページがあって、（このサイトで言うと全エントリのアーカイブページみたいなページ）リストの件数... 続きを読む

• redline.hippy.jp
• コンピュータ・IT

2012年の豊富に今年こそは英語をマスターする、と考えている人はかなりいるのではと思いますが、日本でも最近は格安で利用できるネットを介した英語学習サービスなどが次々に登場し、後はあなたのやる気だけといった状況になってきました。もちろん海外でも状況... 続きを読む

• www.seojapan.com
• 科学・学問

2011/10/03 純正オーディオでiPod・iPhone ゴルフ４の純正オーディオにiPod・iPhoneをつないでみる ゴルフ４に純正装着されているSONYのMDデッキ（AUX端子なし）に、iPod・iPhoneを接続する。 １. 電源 ハンドル下のターミナルから、エーモン 電源ソケット 1穴... 続きを読む

• vwnikki.blogspot.com
• コンピュータ・IT

Free psd for websites 続きを読む

• www.1000psd.com
• コンピュータ・IT

A free light weight jQuery plugin that enables you to display related information with the hovered label, link, or any html element of your choice. What is so cool about this plugin! Smoothly fades the name into a hovered card (in place). Use... 続きを読む

• designwithpc.com
• コンピュータ・IT

HTML5、使ってますか？ このサイトも未なのですが、これからHTML5を使い始めるぞっとなる10の理由を紹介します。 下記は各ポイントを意訳したものです。 10. アクセシビリティ 9. ビデオとオーディオのサポート 8. Doctype 7. よりクリアなコード 6. ストレージ... 続きを読む

• coliss.com
• コンピュータ・IT

アラート、コンファームだけでなく、AJAXコンテンツ、画像、動画など表示するモーダルウインドウを実装するスクリプトを紹介します。 Simple Modalの特徴 Simple Modalのデモ Simple Modalの実装 Simple Modalのダウンロード Simple Modalの特徴 モーダルウイン... 続きを読む

• coliss.com
• コンピュータ・IT

先月、リリースされたばかりのjQuery 1.7.1に対応したチートシートを紹介します。 即ダウンロード、即保存ものですね。 jQuery 1.7.1は1.7のバグフィックス版で、リリース情報は下記をご覧ください。 jQuery 1.7.1 Released jQuery 1.7 Released jQuery 1.7のAP... 続きを読む

• coliss.com
• コンピュータ・IT

var roxik = (function() { var polySize = 1.3, polyCenter = 1 / 3; var canvas, ctx, loading, logo, linkbtn, fpstxt, fpsN, mcursor, evGetter; var stageW, stageH, stageCx, stageCy; var cam, camx, camy, camz; var oldTime, startTime, totalFrame; v... 続きを読む

• roxik.com
• コンピュータ・IT

Wordpress plugin, jQuery plugin, interaction design pattern, greasemonkey scriptThe Interaction Design Pattern Infinite scroll has been called autopagerize, unpaginate, endless pages. But essentially it is pre-fetching content from a subseque... 続きを読む

• www.infinite-scroll.com
• コンピュータ・IT

札幌でホームページ制作をする社会人ハムの勉強ブログ。 JavaScriptやjQuery、XHTMLやCSS、その他思ったことなどについてなどを気ままに書きます。jQueryのpluginなども公開中。 jQuery plugin 自作plugin JavaScript (X)HTML CSS SEO 日記 プロフ Webコン そう... 続きを読む

• h2ham.seesaa.net
• コンピュータ・IT

「思いついた演出をすぐに実装したい」 「頭の中ではできているのに、コーディングするのが面倒」 と、感じることはありませんか？ Flashコンテンツを作る上で欠かせないトゥイーンライブラリ。TweenerやBeTweenAS3など、使ったことのある方も多いと思います。... 続きを読む

• package.a24.cat
• コンピュータ・IT

小窓屋HOMEお問い合わせ jquery.crossFader.js (jQueryプラグイン) デモページ パターン1パターン2パターン3パターン4パターン5 HTML（画像にリンクを設定しない場合） <div id="fader1" class="crossfader"> <img src="img1.jpg" class="active" /> <img src="... 続きを読む

• lab.komadoya.com
• コンピュータ・IT

今日は CSS Nite in Ginza, Vol.31に行ってきます。テーマは「CSSレイアウト：IE 6対応のかんどころ／小林 信次（まぼろし）」ということで、以前「CSS Nite ビギナーズに参加した感想とか要望とか」で書いた「CSS Nite への要望っぽいこと」が実現した感じで、... 続きを読む

• www.tinybeans.net
• コンピュータ・IT

A jQuery plugin that allows the position of a background image to be animated. If you find this plugin useful please vote for it on the jQuery site. The current version is 1.0.0 and is available under the GPL and MIT licences. For more detail... 続きを読む

• keith-wood.name
• コンピュータ・IT

仕事での Web制作、クライアントワークで使っている jQueryのプラグインをまとめてみました。ちょっと変わった？レイアウトを組むときに重宝しています。色んな jQueryプラグインがありますが、クライアントワークで使っているので、ライセンスはMIT、GPLのもの... 続きを読む

• webdesignrecipes.com
• コンピュータ・IT

National Geographic is currently holding its annual photo contest, with the deadline for submissions coming up on November 30. For the past nine weeks, the society has been gathering and presenting galleries of submissions, encouraging reader... 続きを読む

• www.theatlantic.com
• コンピュータ・IT

β版 iOSとOS Xの新機能「ARC」「Blocks」「Grand Central Dispatch」の解説本。Appleのリファレンスの和訳や解説にとどまらず、その実装を元に深く理解するための一冊。 β版について 本書のステータスは現在β版であり、現在、著者やレビュアの方々により修正が... 続きを読む

• tatsu-zine.com
• コンピュータ・IT

続きを読む

• clockmaker.jp
• コンピュータ・IT

To view this page ensure that Adobe Flash Player version 10.3.0 or greater is installed. 続きを読む

• blog.r3c7.net
• コンピュータ・IT

前回のページの大きさを取得する。と同様に、スクロールした距離を測るものが jQueryのLightBoxプラグインの中に含まれている関数であります。 function ___getPageScroll() { var xScroll, yScroll; if (self.pageYOffset) { yScroll = self.pageYOffset; xScr... 続きを読む

• andante.in
• コンピュータ・IT

説明 iPhoneではタッチイベントを利用することができます。タッチした情報はevent.touches配列に入っています。最大5つまでなので配列の参照番号は0〜4までになります。例えばevent.touches[0]とすると、最初にタッチされた情報を取得することができます。座標... 続きを読む

• www.openspc2.org
• コンピュータ・IT

As a designer if you think of the term “Free Fonts” you’ll probably imagine all kinds of garish decorative fonts worthy for use in nothing more than Microsoft Word, but there’s actually a range of high quality fonts by professional design... 続きを読む

• www.blog.spoongraphics...
• コンピュータ・IT

ディスプレイ（ブラウザ）のサイズ、画面いっぱいに背景画像を拡大表示するCSSやjQuery プラグインをいくつか試してみたのでレビューをまとめてみました。CSSだけでフルスクリーンで背景表示ができるものや、jQueryのプラグインを使ったものなどいくつかご紹介... 続きを読む

• webdesignrecipes.com
• コンピュータ・IT

某日Twitterにて、"img要素じゃなくて背景を入れ替えるプラグインを探している"と言う旨のタイムラインが流れていたので、実験的に書いてみたスクリプトのプラグイン版。 その時書いたスクリプトはプラグインですら無くて、凄く使いにくいモノだったので、より... 続きを読む

• rewish.org
• コンピュータ・IT

CSSの視覚整形モデルについてのまとめです。CSSでレイアウトするときに必須な配置についてのレポートです。フロート、相対配置、絶対配置、z-indexなどはもちろん、通常フローや包含ブロックなど、基本的な部分をまとめてみました。最近改めて CSS の基本、要素... 続きを読む

• webdesignrecipes.com
• コンピュータ・IT

jQueryで実現するレスポンシブレイアウトプラグイン集「25 jQuery Plugins to help with Responsive Layouts」 様々な端末がリリースされている昨今、それぞれの端末に併せてレイアウトを組んでいくというのは非常に面倒で非効率的です。そこで最近は端末のWide... 続きを読む

• design-develop.net
• コンピュータ・IT

単体で使ってもいいし、それを使って更に面白いものを作りだすのにも役立つjQueryの定番系プラグインを紹介します。 いつもリリースされたばかりのプラグインを紹介しているので、たまには定番系で汎用的なものを。 jQuery [...] 続きを読む

• coliss.com
• コンピュータ・IT

iPhoneにscrollTopは無い。 代わりに、pageYOffsetがある。 一番下まで来た場合に何か処理をさせたい場合、scrollTopが無いiPhoneはpageYOffsetを使用するしかない。 ただ、pageYOffsetだけでは不十分。 pageYOffsetは現在の画面の一番上の縦位置が全体のどの位... 続きを読む

• shitappaprogramer.sees...
• コンピュータ・IT

jsMorphの実装 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="js/jsMorph_min.js" type="text/javascript"></script> JavaScript jsMorphの基本書式です。 var myMorph = jsMorph( Object obj, // HTML element, Array of elements ... 続きを読む

• coliss.com
• コンピュータ・IT

スクロールをすると、多重に重なった背景画像がバラバラの速度で動くサイトを見たことがありませんか？ここでは、jQueryを使って簡単にこの”パララックス効果”を実装する方法をご紹介します。ページの全体やキービジュアル画像等で、折り重なったレイヤーの画... 続きを読む

• www.benjamin-web.com
• コンピュータ・IT

Advertise here with BSA The most popular topic of discussion at the moment is undoubtedly responsive layouts in web design. Without going discussing too much what you will already know, a responsive layout allows you to offer a specific and o... 続きを読む

• speckyboy.com
• コンピュータ・IT

enchant.js HTML5 / JavaScript Based Game Engine MIT or GPL dual license Reference Index 開発の基本 逆引きリファレンス 注意事項 enchant.js の基本的なテンプレート 基本(描画) Scene を作る/消すには 画像を出すには 文字を出すには 音をならすには 基... 続きを読む

• enchantjs.com
• コンピュータ・IT

Zespół działający przy Energetycznym Centrum Kultury - Miejski Klub im. Jana Kiepury w Sosnowcu. Wszystko o zespole na naszej stronie. 続きを読む

• w3q.jp
• コンピュータ・IT

Earlier this year we were asked to create a website for a Swiss TV documentary about the famous “Langstrasse” in Zurich and its inhabitants. We came up with the idea of giving the user the ability to move through the street and see interest... 続きを読む

• www.netmagazine.com
• コンピュータ・IT

１ページで魅せるポートフォリオサイト風の動きのなかで 最近よく見かけるパララックス効果を採用したデザイン。 今回は縦にスクロールする際に、 スクロールの速度をレイヤーごとに調整して 視覚的に速い部分と遅い部分が起こるようなチュートリアルがありまし... 続きを読む

• vanidesign.blog.fc2.com
• コンピュータ・IT

Amazing freebies every week in your e-mail, don't miss the next ones with our newsletter, Sign up now. Mail: Once in a while, something new shows up that has the power to shake the world and stimulate all people to keep moving instead of stay... 続きを読む

• www.webdesignshock.com
• コンピュータ・IT

This is a simple example of Scroll Follow. Scroll down to see what happens. Back to Scroll Follow home. 続きを読む

• kitchen.net-perspectiv...
• コンピュータ・IT

普段の仕事で「あ、これはブログに書き留めておこう」と思ったことの半分以上は、仕事の忙しさを理由になかなか書くことが出来なくて、それだけにこうして休日の夜中でもちょっとでも時間に空きがあればブログを書けることがどんなに嬉しいか。 妻の高校の頃の... 続きを読む

• utweb.jp
• コンピュータ・IT

これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画... 続きを読む

• www.html5-memo.com
• コンピュータ・IT

HTML Entity Character Lookup ? Left Logic Using HTML entities is the right way to ensure all the characters on your page are validated. HTMLエンティティ文字を検索「HTML Entity Character Lookup」。 入力ボックスに文字列を入力するとHTMLエンティ... 続きを読む

• phpspot.org
• コンピュータ・IT

Lovelog+* | WordPress テーマ WordPressとXOOPS、Mediawikiのテーマを配布。プラグインの解説や日本語版の配布、テンプレートタグによるカスタマイズ方法を紹介。 カテゴリー別にCSSを効かせる方法 WordPressのカスタマイズのノウハウが溜まってきたので、メモ... 続きを読む

• lovelog.eternal-tears.com
• コンピュータ・IT

よりパフォーマンスの良い WordPress サイトを構築したいならば .htaccess ファイルを修正しましょう。 Webサーバに apache 2系を使用しているサイト用に、私が書いた .htaccess ファイルを元に解説します。 基本方針は mod_deflate が使える場合は、有功にして... 続きを読む

• dogmap.jp
• コンピュータ・IT

When selecting a media from your WordPress Media Library, by default the Link URL selected, is the File URL. Now this may not be ideal if all the images you upload are not going to link to the file, and instead are just images to upload. Link... 続きを読む

• blog.aizatto.com
• コンピュータ・IT

Facebookの「いいね」ボタンをブログに設定する方法を紹介します。 Facebookの「Like Button」のページにアクセスします。 そして、ページにある次のフォームを使ってカスタマイズします。 以下、それぞれの設定項目について説明します。なお、このページでのカ... 続きを読む

• www.koikikukan.com
• コンピュータ・IT

またお世話になります。 PHPで投稿記事を出力する際、<?php the_content(); ?>で出力出来ると思いますが、文書と画像を分けてこの様な記述で別の場所に出力する方法はありませんか？ 例えば文書のみを<?php the_document(); ?>、画像のみを<? php the_image(); ... 続きを読む

• ja.forums.wordpress.org
• コンピュータ・IT

以前、とある案件で WordPress を導入したとき、投稿の添付画像を表示する機能を導入しました。 ヒーヒー言いながら作ったことを思い出しますね……。 で、今回また別の案件で使うことになったので、その部分だけエントリーとして残しておきます。 せっかくの資... 続きを読む

• blog.btmup.com
• コンピュータ・IT

WordPress では get_children で添付画像を取得して関数「wp_get_attachment_image」や「wp_get_attachment_image_src」を使って表示することができることを、[052] 添付画像をサムネイルで表示するでご紹介しました。今回は画像を登録した際に記入できる「説明... 続きを読む

• experiment.street-squa...
• コンピュータ・IT

今までのサイトをFacebookページに見せかけて運用する方法 facebookSNS 2011.10.06 TB:0 この方法を使うと、Facebookページと自サイトに分散させてしまっていた「いいね！」や他の機能を統合して運用することができます。 自分のサイトとFacebookページどちらも... 続きを読む

• de-lab.com
• コンピュータ・IT

先日、仕事でwebサイトに「いいね」ボタンを設置したので、 せっかくだからOGPってみたメモ。 まずはいいねボタン ・Facebook Like Button http://developers.facebook.com/docs/reference/plugins/like ここに必要な項目を入力すればいいねボタンのコピペ用コ... 続きを読む

• www.misclog.com
• コンピュータ・IT

Blog > SNS > facebook > facebookのいいね！などのリンクでウォールに表示される画像を指定する方法（OGP：Open Graph protocol） facebookのいいね！やコメントなどで、ウォールに表示された画像が、表示させたいものと違うことってよくありませんか？ せっか... 続きを読む

• sub.kyamamu.com
• コンピュータ・IT

Webやっと Facebook の OGP の設定の有無で何が変わるのかを理解できたのでメモ．まず，Facebook の個々のページには（それ以外のページもいろいろありますが）「ウォール」と言うページと「ニュースフィード」と言うページがあるようです．言葉が正確かどうか... 続きを読む

• d:id:tt_clown
• コンピュータ・IT

WordPress プラグインを使わなくても上図のようなページ送り機能を実装できるとの事なのでやりました。 とっても参考：Yuriko.Net » WP-PageNavi を使わずにナビゲーション表示 前提として今回使用するWordPressのバージョンは3.1.2ページネーションはカテゴリ... 続きを読む

• d:id:appakumaturi
• コンピュータ・IT

豊富なプラグインで手軽に気軽に カスタマイズする事が出来るのも WordPressの魅力ですが、ソース が汚くなったり、重くなったり、など メリットだけでもなかったりします。 また、実現したいけどいいプラグインがないなんて事も有ると思います。そこで、プラグ... 続きを読む

• kachibito.net
• コンピュータ・IT

複数ページをいっぺんに飛べるナビゲーションを実現するプラグインとして WP-PageNavi は人気があります。しかし、このプラグインは、WordPress のバージョンに応じて使用するバージョンが異なっていて、ちょっと使いにくい面があります。 実は、WordPress の標... 続きを読む

• www.yuriko.net
• コンピュータ・IT

facebookApps.jp[フェイスブックアップス ジャパン]はfacebookを活用したプロモーション、アプリ開発、関連ウェブ制作に関する記事を掲載するオンラインメディアです。facebookアプリ開発、iPhoneアプリ開発、Androidアプリ開発を承っております。Popular Posts... 続きを読む

• facebookapps.jp
• コンピュータ・IT

以前　[Cording] Divなどで囲ったボックス内すべてをリンク先として指定したい！ という記事を書いたのですが、Javascriptを使用することと、IEが未対応なことで仕事では使いにくいテクニックだったんですが、 見つけてしまいました！CSSだけで実装できるテクニ... 続きを読む

• blog.bgs-works.com
• コンピュータ・IT

WordPressを使ってWebサイトを作る際、自分のサイトならさほど気にならない管理画面も、クライアントに納品するのであれば少し手を加えて使いやすくしておきたいところ。少しデザインを変えるだけ、機能を追加・削除するだけで「オリジナル感」がでますよね。今... 続きを読む

• www.webcreatorbox.com
• コンピュータ・IT

WordPress 3.1がリリースされ、ログイン中にはサイトに管理バーが表示されるようになりました。 この機能が不要な場合は、管理画面のプロフィール設定から表示・非表示を切り替えられます。 毎回この設定を変更するのは面倒 ユーザーが1人の場合などは一回設定... 続きを読む

• www.understandard.net
• コンピュータ・IT