ちょっとうまくいったのでメモ。 facebookのiframeページからウォール等にサイト内リンクを貼る方法です。 target指定をしないと、リンクをクリックした後にfacebookのアイコンが出てきて、直接飛べませんが、なぜかtarget=”_top”を指定すると直接飛べるようになります。 うーんどこかで制限がかかってるのか。 今月、来月あたりも面白くなってきました。
ちょっとうまくいったのでメモ。 facebookのiframeページからウォール等にサイト内リンクを貼る方法です。 target指定をしないと、リンクをクリックした後にfacebookのアイコンが出てきて、直接飛べませんが、なぜかtarget=”_top”を指定すると直接飛べるようになります。 うーんどこかで制限がかかってるのか。 今月、来月あたりも面白くなってきました。
15 new, free and useful PSD files for web designers - Blog of Francesco Mugnai 覚えておくと便利そうなWEBデザイナー向けハイクオリティPhotoshop素材15。 色々と使えそうなモダンなパーツがそろっています。デザインの際の参考に。 どれかは必ず使えそうな気がするほど豊富にありますね 関連エントリ 色々使えそうなフリーのPSD素材ファイル30 かなりクールなPhotoshop用フリーUIキット-PSDファイル50個 シンプルで汎用に使えるWEBレイアウトのPSDソース「Blackbeard template」 デザイン色々なフリーのボタンPSD集
どんな解像度のディスプレイでも文字をぴったり大きく画面にフィットできるjQueryプラグイン「FitText」 2011年05月12日- FitText - A plugin for inflating web type どんな解像度のディスプレイでも文字をぴったり大きく画面にフィットできるjQueryプラグイン「FitText」 iPhone/iPadやPCでも文字をフィットさせられます。 ブラウザをリサイズしてもちゃんとフィットしてくれます。 文字を大きくしてインパクトあるように見せたい、でもズレたらなんかカッコ悪いという場合に使えますね。 PCの通常サイズ。 幅を小さくしたところ。 使い方は $(element).fitText() とやるだけでOKみたい。 1からやるとなるとちょっとめんどくさそうですが、これだけ簡単にできる「jQuery最高!」という声が聞こえてきそうですね。 (
This week’s set of freebies contains 15 of our favorite sets of free human vector silhouettes. Because they’re vector, you can of course use them on something as small as a web graphic or as large as a billboard. No matter what your project is, if you need a human silhouette, the 350 below should get you off to an awesome start! 2 Million+ Digital Assets, With Unlimited Downloads Get unlimited dow
facebookをいじっているんですが、ものすごくわかりにくいですね・・・。 やっとページをiframeで読み込めたんですが、次は覚えてなさそうなので、メモしておきます。 ※2011年5月11日時点の情報です。 まず、width:520px以下でページを作成します。 ※heightを800px以下にしないとiframeで読み込んだときに上下左右のスクロールバーが出ますが、jsで回避します(後述します)。 作成したページをサーバにUPします。 次に、アプリを作成します。 ・フッタの「開発者」/ グローバルメニューの「マイアプリ」をクリック ・「+ Set Up New App」ボタンをクリック ・「Facebook Integration」でタブ名とタブのURL(iframeで読み込むページのURL) を入力 上記アプリのページの「Application Profile Page」にいき、左
急に湿度が上がってパーマが強調されているminamiです。 今回はFacebookです。最近ちょっとご無沙汰していたら、いろいろと機能が追加され、さらにFacebookページの作り方まで変わっていたのでちょっとまとめてみました。 FacebookページにiFrameを使った独自のタブを追加する 以前はFacebookページ(旧ファンページ)では、FBMLというFacebook独自の言語を使用してオリジナルのタブを追加することができました。 しかし、2011/3/11にFacebookではそれ以後のFBMLを使ったコンテンツを非推奨とし、iFrameとHTML、Javascript、CSSで作成できるように仕様が変更されました。 まず下準備 というわけで、iFrameを使ってFacebookページのタブを作っていくわけですが、iFrameですのでもちろんその中に読み込むhtmlファイルおよび
表現の幅が広がる Illustrator用ベクターブラシまとめ「50 Beautiful Free Adobe Illustrator Vector Brushes」 思い通りのイラストやデザインを作成できるllustratorですが、操作性が難しく、十分に活用できていないとお悩みの方も多いのではないでしょうか?そこで今回紹介するのは、洗練されたベクター画像を簡単に作成できるブラシをまとめた「50 Beautiful Free Adobe Illustrator Vector Brushes」です。 (30 Illustrator Pattern Brushes for Making Flowers and Circular Designs | BittBox) テイストの異なるラインブラシから、モチーフとして利用できるブラシまで、様々なブラシが紹介されています。中でも気になったものをピッ
なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMap APIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみては。 スマフォにGoogleMapを表示させるのに、Google Maps JavaScript API V3が必要みたいですが、これをスマフォ対応を簡略化するjQueryプラグイン、jQuery Mobileで使おう、というもの。 jquery-ui-map GoogleMap APIをjQuery Mobileで使ったサンプルです。jquery-ui-mapというプラグインも使用しています。このサンプルはMITライセンスでソースが公開されていますよ。 以下、デモのキャプチャです。 iPhone iPhoneでの実装状態です。 ランドスケープ時も自動で横幅をあ
Textures are very popular with the DesignM.ag community. If you are just getting started with graphic design you may not be familiar with how textures are used. In Photoshop using a texture means you are placing an image on top of your image or design and creating a texture. The texture is created by using blend modes or the opacity feature to adjust the levels. You can use the feature as subtle o
jQuery Link Manager Plugin リンクの開きかたを自在に管理できるjQueryプラグイン「Link Manager」。 リンクを新しいウィンドウで開いたり、同じウィンドウで開くという部分は target で指定できますが、これをjQueryを使って一元管理することが出来ます。 例えば、拡張子がpdfやdocだった場合に別ウィンドウで開く、という使い方や、ドメインに〜が含まれていたら別ウィンドウで開くという具合に使えます。 リンクごとにいちいちターゲットをふらずに済むため、ケースによってはなかなか便利そうです。 使い方も次のように簡単。 includeで新ウィンドウで開く対象のURL文字列を増やしたり、逆にexcludeで同じウィンドウで開く設定にしたりするようです。 targetを気にすることなく、HTMLのコーディングに集中できるという点では便利ですね。 自動でやる
かっこいいスライドショーを作りたい。 そんなときにおすすめなのが、『28 Useful JQuery Sliders You Need To Download』。jQueryのかっこいいスライドショースクリプト集です。 かなりいい感じのものが揃っています。 Automatic Image Slider w/ CSS & jQuery CSSとjQueryで作られた、自動でスライドするギャラリー Animate Panning Slideshow with jQuery 大きい画像の一部がパンしながら移動するスライドショー SlideDeck jQuery plugin とてもかっこいいスライドショー。無料版と$99の有料版がある。Basecampのサイト等、実装例多数 jQuery Infinite Carousel スムーズな動きのカルーセル(イメージスライダー) Easy Slider
TOP > Design , Font > スタイリッシュ感を演出できる 細身のフリーフォントまとめ「50 Best Free Thin Fonts」 どんなデザインにも必ずといって良いほど文字は必要になってきますが、フォントの選び方によって、デザインは全く異なる表情を生み出します。そこで今回紹介するのは、スタイリッシュなイメージにぴったりな、細身のフリーフォントをまとめた「50 Best Free Thin Fonts」です。 (Code Free Font | Fontfabric™) 綺麗に整列されたフォントから、デザイン性の高いフォントまで、様々なフリーフォントが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■CircleD_Font by ~CrazyForMusic on deviantART 正円とバランスを崩
デスクワークを一日中続けていて、首や肩がゴリゴリにこってしまう人は多いでしょう。そんなあなたに、GAIAMヨガのインストラクターであり、ヨガ界の超有名ティーチャーであるロドニー・イー先生が、机に座ったままできる首と肩の筋肉をゆるめる4分間の簡単ストレッチを教えてくれました。肩こりがヒドい人は、このストレッチを行うだけでかなり楽になると思いますよ。 このヨガストレッチは机に座ったままできるので、広いスペースや準備の時間は要りません。簡単ですが、効果はすぐに実感できるはずです。冒頭のデモ動画は英語のみですので、以下の解説を読みながら実践してみてください。 背筋を伸ばして膝を軽く開いてイスに座り、足の裏がしっかりと床に着いた状態で、膝が90度に曲がるようにします。 両手の親指を脇の下に入れ、親指で押し上げるようにしながら、首と肩の力を抜きます。 そのまま両手を肩と同じ高さに真横に開き、そのまま頭
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く