iframe を使ってのFacebookページ作成について | Nutspress
Facebookより3月10日までに新機能に完全に移行するのでページをアップグレードしてくださいとお知らせメールが届きました。『スタティックFBML』の新規追加がなくなる=FBMLからiframeへ移行を推奨しています。3月に入りログアウト時でもiframeが表示されるようにバグ修正されています。 iframeを利用した方が、普通にHTMLで書くことが出来るのでデザインの自由度が高いです。ページのメンテナンスもやりやすいですし。ただ、ブラウザによって読み込み速度がかなり違ってくるのが気になるところですけど。（Firefoxでの表示が一番時間かかる。。。な） Baliparaのページ、これまで作ったWelcomeページ、Areasページに、新たにSupportページを追加。それぞれのページの下部にコンタクトフォームを設置して、Facebookからも予約が入れれるようにする。こんな感じで作業し
ベーシックなCSS3を取り入れてみよう！ | Nutspress
CSS3の基本中の基本、RGBA による色と透過率の指定、Text Shadow による文字の影、Border Radius による角丸、Box Shadow によるボックスプロパティに対する影、以上の4点を Web Designer Wall で詳しく説明してくれています。CSS3を取り入れることで、画像を使わずにデザイン的要素を取り入れることが可能となります。 ただし、IEは対応していないので、IEに対しても同じ見せ方をする場合、画像やJavascriptを使ったハックが必要となります。 RGBA background: rgba(255, 255, 255, 0.2); 始めの3桁の数字が色を表します。左からR：赤、G：緑、B：青、A：透過率となります。0が透明、1=100%透過なしとして透過の割合を設定していきます。使える要素はフォントカラー、背景色、ボーダー色、シャドウなどなど
持っておきたい高品質のグラデーションファイル | Nutspress
フォトショップのいいところの1つとして、1枚の画像をスタイルや様々なエフェクト効果を使って多種多様に変化させることができるというのがあります。この効果を引き出すために持っていたいのがグラデーションファイル。 36 Color Gradient Sets For Photoshop and Resource Sites: Part 1 とても質の高い、グラデーションファイルの配布サイトのまとめということで、好みで色々とダウンロードさせていただきました。 グラデーションファイルといえば、一時期はやったグラス風のボタン作りに欠かせないと思っていたのですが、最近は写真自体の加工にも使ってみたりしています。 Vintage Gradients1 Vintage Gradients2 Vintage Gradients3 同じ画像でもグラデーションの種類、ブレンドモードの種類によってこれだけ変わり
Helvetica と Helvetidoodle | Nutspress
サンセリフ書体の代表格、Helvetica 完璧なプロポーションを持っていて、このフォントを使うデザイナーは多いです。先日の24ways でHelveticaからそろそろ脱却してみたらと言われてましたが、サンセリフを使いたいときにはどうしてもはずせない一品。そんなHelvetica の落書き版Helvetidoodle なんてのがあるんですね。
スタイルシートの基礎編からCSS3応用編まで | Nutspress
CSS3が面白い。とはいえ、覚えることも多い。その前に、スタイルシートの基礎的なところも抑えておきたい。スタイルシートをもっとスマートに美しく活用したいと思いつつ、新しいものに目がいってしまうのはサガですな。そんな私自身のためのブックマークです。 Sweet tabbed navigation using CSS3 Radioactive Buttons Simple multi-line flyout menu CSS trick for a scrolling transparent background effect A CSS image information dropdown menu 23 Pure CSS Effects/Solutions to Make JavaScript Angry! 10 Image Free Sexy CSS Menu and How
Webデザインに使えるパーツやツール | Nutspress
ダウンロードして使えるボタン素材いろいろ Social Media Network Icons 40 Fresh and Free Icon Sets for Web Designers and Bloggers 30 Free Vector Icons Download free Android icons for developers. 108 Mono Icons: Huge Set of Minimal Icons 素材：ベクター 40+ Free Vector Stickers Animal Silhouettes Vector Pack Free Photoshop Shapes: Download Custom Shapes Sets 素材：.psdファイル 500+ Free Download High Quality Photoshop PSD File
見てみぬ振りのできなくなってきたHTML5とCSS3 | Nutspress
ほんの半年前まではまだまだ先のことかな～と漠然としていたものが、ようやく形となって目に見える状態になってきた感があるHTML5。CSS3との組合せでの情報や実装ページなどを見る機会が増えてきました。これまでの頭をリセットして取り掛かるとしますか。 試しに簡単なページを作ってみました。 HTMLソースはこんな感じ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>HTML5/CSS3 TEST PAGE</title> <link href="css3-style.css" rel="stylesheet" type="text/css"> </head> <body> <header> <hgroup> <h1>HTML5 TEST PAGE</h1> </hgroup>
高品質な無料 .psd ファイルテンプレート | Nutspress
とても高品質な.psdの無料テンプレート25種がWebAppersで紹介されていたので覚書。ざっと見てもかなり使えそうなものばかりです。とくに気に入ったのは、今年はやりのテクスチャーを上手く利用したので早速ダウンロードさせていただきました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
