See related links to what you are looking for.
http://ja.messageleaf.jp/
See related links to what you are looking for.
CompassでCSSスプライト
CompassでCSSスプライト Sassの拡張機能であるCompassを利用するとCSS Spriteが簡単に利用できるのでやり方をメモ書きレベルで書いておきます(SassもCompassも詳しくないのでおかしいところはツッコミを入れてください)。 まずはCompassで監視している画象ディレクトリ内(config.rbのimages_dirで設定しているディレクトリ)に任意のディレクトリを作成して、 CSSスプライトで利用する元画像を入れておきます。 今回は画象ディレクトリは「img」CSSスプライト用のディレクトリは「sprite」とし、元画像は以下の画象です。 a.png b.png c.png 次にscss内で@importでCSSスプライト用のディレクトリとファイルを指定します。 @import "sprite/*.png"; これをコンパイルするとimgディレクトリに「spr
パララックスサイトの作り方の初歩
最近パララックス（視差効果）を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かもしれません。 パララックス効果のjQueryプラグインまとめ あと動作はこの記事時点でのFirefoxの最新版でしか確認はしていません。 スクロール量を取得する まずはスクロールすると動くので、スクロール量を取得します。ちなみにjQueryを使ってます。 $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("スクロール量：" + y);//表示用 }); }); サンプルペー
デザインどや！？｜海外カジノ オンラインのWEB作成
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
PhotoshopでのWeb制作効率を向上させる「JSX」とは
ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最
ごま基地 ｜ 広告 ✕ デザイン ✕ ブログの秘密基地
この記事は、無理しない働き方をテーマに「人事評価を無難にスルーする方法」について解説しています。「人事評価がいつも憂鬱…」「執着もないけど無難にやってほしい」「自己評価の仕方がわからない・・」こんな方におすすめです。 READ MORE
Facebookの突然の一撃で、ソーシャルメディアプランナーは全滅か!!｜More Access! More Fun
Facebook初めてのマーケター向けカンファレンス「fMC」が、日本時間3月1日3時から開催されました。 3/1のFacebookの突然の発表で、昨日とその前の私のブログは一瞬で陳腐化しました。 笑える〜。たぶん昨晩はソーシャルメディアで食ってる方達は寝られなかったと思います。明日からどうするんだ、みたいな・・・。 Facebookページはアメリカ時間の3/31を持ってすべてタイムライン形式に切り替わります。はい。たった１ヶ月の余裕しかありません。 いずれ仕様変更されるなら、まずは自分の会社のFacebookページでやってやれ。えいやっと、わたくし、タイムライン形式に変更しました。危険きわまりない(笑)感じでしたが、これでFacebookとしての方向性を明確に知ることができました。 わたし思うに・・・企業ページも、個人ページと同じようにひとつの人格を持たせ、コミニュケーションのツールとし
【Sass】新規でサイトを作るのに使えそうなの一式。Ver 1
シリーズっぽくやってたSassを覚えようですが、今回は今までご紹介したSassに関する知識が有れば、直ぐにでも使えそうな一式をご用意しました。 まぁ、HTMLとかは過去の新規でサイトを作るのに使えそうなの一式。とそんなに変わってないので、SCSSファイルだけ有れば良いと思いますがHTMLとかあった方が確認もそのまま出来るので良いかなーと。 【Sass】新規でサイトを作るのに使えそうなの一式。Ver 1をDL（zip：約50kb） 実際のページを見る ページを見ても、あんまり意味が無いっすね。えぇ。 いつもの新規セットに比べると、ボク自身がSassはまだ全然使いこなせて無いですし、開発中と言うかベータな感じが否めないので、コレをベースにSassを色々試したりするのに良いかなと思います。 なので、一つの参考までにって感じでしょうか。 んでは、続きにて中身の説明なんぞをしていきます。 中身のご説
WordPressをプラグインに頼らず多言語化する方法 | Stocker.jp / diary
現在、WordPressを使ってギャラリーサイトを構築しているのですが、その過程でプラグインに頼らず多言語化（日本語と英語の自動切替）の方法がわかったのでここにまとめておきます。 なぜプラグインに頼らないかというと、プラグインを使用していた場合WordPress本体がバージョンアップしたときにプラグインがうまく動かなくなる可能性があるからです。 ちょっとした箇所ならともかく、サイト全体がうまく表示されないなどということはあってはならないので、今回はWordPressの基本的な機能を使い、自力で多言語化する方法をご紹介します。 多言語化の目的 今回は、WordPressを使いギャラリーサイト（たくさんの写真素材を無料配布するサイト）を構築中です。 文章中心のブログだと多言語化しようにも翻訳など大変ですが、写真素材が中心のサイトの場合ナビゲーションなどのインターフェースさえ多言語化されていれば
RootMusic - BandPages on Facebook
Finally Facebook has real bandpages!Sign in — one click and you’re in. Using Facebook Connect, there’s no registration, frustration or pesky form fields. Add the details — with the RootMusic Editor, your info and photos are automatically pulled from your existing Facebook account, giving you a jump-start. Show it off to all your fans. Now they can look at upcoming shows, view photos from
ワイシャツの襟汚れを真っ白にする裏技。 | 生活・身近な話題 | 発言小町
これまで、オフシーズン仕舞っていて襟汚れがひどくなった夫のワイシャツは襟汚れ専用洗剤を使用したり、漂白やブラシで部分洗いしても落ちなくて生地自体は痛んでいないのに処分していました。 ネットで見つけた裏技を使ったらびっくり！頑固なえり汚れが真っ白、新品のようになりました。 試しに、食べこぼしのシミ（漂白剤原液つけてもでも落ちなかった）も真っ白に！ ●酸素系漂白剤と重曹（どちらもドラッグストア等で売っています）を同量ぬるま湯に溶かし、アイロンのスチームをめいっぱい当てるだけです。 酸素系漂白剤と重層は完全にとけないまま（粉が残っている状態）でしたが そのまま襟汚れに塗りつけました。 スチームを念入りに当てていると、みるみる汚れが落ちていくのが分かります。 この方法で、全ての襟汚れが真っ白になりとても感動しました。 同じお悩みの方も多いだろうと思い、投稿いたしました。 是非お試しください。
WordPressでイベントカレンダー | wpxtreme
get_calendar を利用する get_calendar() は以前は 取得／出力を選択できましたが WordPress 2.9.1 では有無を言わさず出力するようになっています。 wp-includes/general-template.php 956行目〜 get_calendar()（抜粋） : ob_start(); : $output = ob_get_contents(); ob_end_clean(); echo $output; : なんで仕様変えちゃうんだよこれじゃ手が出せねぇじゃねぇかよですね。でも安心してください。WordPress が自由気ままに生きても所詮は PHP という世界の中です。PHP が「んじゃぁこうすりゃじゃん」というさらに自由な設計なので echo されててもオソルルに足りません。 自由過ぎるゆえに PHP なんてメタメタやんけかもですが、エレ
よくあるカスタマイズコード functions.php 多め
WordPress のテーマを自作するときに、よく使っているコードのまとめです。主に functions.php に書いている基本的なコードばかりです。私は仕事で Webサイトを作っているので、後半はクライアントさん向けの Webサイト用コードです。 私、Evernote を使ってるんですけど、WordPress をカスタマイズするコード … たくさんクリップしてあって、ちょっとごちゃごちゃしてきたので整理しました … X( その中から一般的に使えるコードだけまとめてみました。個人的によく使うコードなど、一カ所にまとめておきたいなーと思ったのでメモ書きです。全部 WordPress 3.2 になってから、テスト済みです。 WordPress のよくあるカスタマイズ 目次 セッティング関連 ソーシャルボタンを追加 抜粋表示、the_excerpt 関連 タイトルの文字数を制限して表示する 特
jQuery.supportでのブラウザ判別
chromeとsafariを対象とする場合 if(!jQuery.support.checkOn){ alert('あなたがお使いのブラウザはChromeもしくはSafariっぽいです'); } if文の条件式の中で!をつけたので、checkOnがfalseであればこの条件文に該当します。該当するのはwebkitだけなので、これでchormeとsafariのみに振り分けたコードを記述できます。なお、Android標準ブラウザ、iPhone / iPad標準ブラウザといったスマートフォンも同じChromeとSafariなので、この条件に合致します。 FirefoxとOperaを対象とする場合 if(jQuery.support.checkOn && jQuery.support.noCloneEvent){ alert('あなたがお使いのブラウザはFirefoxもしくはOperaっぽいです'
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress Theme Generator - Create unlimited wordpress themes with the best generator ever Wordpress Theme Generator
1inte.com
MacBook AirのDockに並べたい！僕が現在使っている厳選アプリ20選 - iTea3.0
rimlet - ブクログから、読み終わった本などのリストを取得して表示する
Lokka - CMS for Cloud
試してみよう！Dreamweaver CS5.5 Vol.01 試してみよう Dreamweaver CS5.5：スマートフォンサイトの制作に挑戦しよう！ - Adobe HTML5 特設サイト