mixiページの作り方｜mixiページに対しての反応などまとめ｜男子ハック
@JUNP_Nです。mixiページがリリースされ先週は盛り上がりましたが、作ってみましたか？個人的な感想としては作るハードルはFacebookページより低いと感じましたが、逆に自由度は低いのかもしれないと感じています。 mixiページの再確認リリース3日で8万件を突破し、飛ぶ鳥を落とす勢いのmixiページですがmixiページを作る前に、ちゃんとmixiページのことを知っておかないとダメです。もちろん知らなくても作れてしまいますが「知らないけど作ってみたよ」ってのは恥ずかしいことです。 mixiページとは、好きなことを発信できる「自分の場」＝「ページ」を、誰もが自由に持つことのできるサービスです。 デザインも機能も自由にカスタマイズ。その公開範囲はmixi内に留まらず、広く発信可能。 ページを通してあらゆる人へと届けることができるのです。 店舗やブランド、アーティスト作品や趣味活動をうわさに
無料・商用OK・リンク不要の、やわらかい印象の日本語フォント・はんなり明朝
以前ご連絡を頂いたフォントポ日本語の 作者さんから新作のお問い合わせを頂 いたのでご紹介。やわらかい印象の明朝 系フォント、「はんなり明朝」です。こちら も商用で利用できるとのことです。なんとも 太っ腹ですね・・ フォントポ日本語の作成者さんからまたまたご連絡いただきました。いつもありがとうございます:D 商用で利用できる日本語フォントに新しく仲間入りです。 かわいいですねーｗきりっとした印象の明朝ですが、こちらは少しふんわりとした印象を与えられそう。明治時代の築地体を参考に作られたそうですよ。 利用規約利用規約は 当サイトのフォントはすべて無料です。個人・商業用途での利用について特に制限はございませんので、どうぞお気軽にご使用ください。ただし、フォントデータの改変はおやめください。また、フォントの使用によって生じたいかなる結果や損害につきまして、一切の責を負いませんのでご了承ください。
HTML5は難しくない? XHTML1.0とHTML5のコーディングの違いを確認してみよう！【初級編：HTML5のマークアップ】 | HTML5でサイトをつくろう
HTML5は難しくない? XHTML1.0とHTML5のコーディングの違いを確認してみよう！【初級編：HTML5のマークアップ】 先日のエントリーでもHTML5で作成されたサイトが増えてきていることから、そろそろHTML5の勉強をそろそろしなければと思っている人も多いと思います。 グーグルの特設サイトなどがトリッキーなことをやっているのでHTML5＝難しいと思っている人もいると思いますが、あのような動的なサイトやAPI関連をいきなりやるのはなかなか大変ですし難しいです。それよりほとんどの人ですぐ必要になるのが通常のページをどうマークアップするかだとおもいます。 構造の考え方が全く変わりましたが、マークアップだけでしたらXHTMLとHTML5はいままでxhtmlでマークアップしていた人にとっては簡単に乗り換えられるとおもいます。 xhtmlではブロックレベル要素とインライン要素という分類に分
Facebookページの顔、「Welcomeページ」のとことん簡単な作り方 - IT戦記
はじめに みなさんこんにちはヽ(´ー｀)ノ 本日、Facebook ページにウェルカムページを簡単に追加できるサービス「ウェルカムページメーカー」をリリースいたしました！ どんなサービスなの？ Facebook ページを持っている人なら、誰でも「とことん簡単に」ウェルカムページを作れるサービスです！ 今までも、このようなサービスはあったのですが「とことん簡単に」というところを追求したのがこのサービスです。 ウェルカムページって何？ ウェルカムページとは、 Facebook ページのトップページとなるページで簡単なメッセージや、「いいね！」を促す文言を載せたりすることができます。 有名なウェルカムページとしては レッドブルの Facebook ページ などがあります。 ついつい、「いいね！」をクリックしてしまいそうです！ なんで、「いいね！」されるが重要なの？ 「いいね！」されることで、ユー
[JS]ウェーブ状のアニメーションでフェードイン・アウトさせる超軽量スクリプト -WaveAnimate
エレメントをウェーブ状のアニメーションでフェードイン・フェードアウトさせる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"
[CSS]スマフォから大きいサイズのデスクトップまで考慮したレイアウト -Rubber Layouts
小さいサイズのスマートフォンから大きいサイズのデスクトップまで考慮した、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が使用されて
Photoshopのクリエイティブで効率化ができるレイヤースタイル２０:phpspot開発日誌
20 Creative Photoshop Layer Styles for Designers Photoshopのクリエイティブで効率化ができるレイヤースタイル２０。 ワンクリックで図形に質感を与えてくれるレイヤースタイルですが、その素材が沢山紹介されているエントリのご紹介。 チョコレート風や紙風、その他色々な感じに図形を瞬間的に変換してくれるレイヤースタイル集です。 こういうのがあるからPhotoshopは本当に便利ですね。 関連エントリ メタリック感がリアルかなりクールなブラックのボタン作成Photoshopチュートリアル クラウド時代にファンシーな雲を描画するPhotoshopチュートリアル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
