[B! web制作] bacbacのブックマーク

ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

bacbac 2014/03/24

web制作

リンク

[JS]画像を使わずに、テキストをかわいくサークル状に配置するスクリプト -CircleType

幅780pxで表示 CircleTypeの使い方 Step 1: 外部ファイル jquery.jsと当スクリプト、Lettering.jsを外部ファイルとして記述します。 <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="js/lettering.js"></script> <script type="text/javascript" src="js/circletype.min.js"></script> Fit Text.jsを併用すると、表示サイズに合わせてテキストのサイズを変更することもできます。 Step 2: HTML HTMLはシンプル

bacbac 2013/10/28

web制作

リンク

Webデザインのスキルを磨こう！Webサイト模写のススメ

2014年8月17日 Photoshop, Webデザイン先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか？」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います！ ↑私が10年以上利用している会計ソフト！頂いたご相談メール実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。（模写したデザインを自分のオリジナルで活かせない）もし模写するときはどう

bacbac 2013/10/15

web制作

リンク

CSSをもっと使いこなしたい人用のいろいろなテクニックが見られるサイトのまとめ

CSS3を使ってどんなことができるのか？よく見かけるあれはどのように実装するのか？いつもと違うエフェクトを使ってみたい！など、CSSのいろいろなテクニックが見られるサイトをまとめました。 More CSS Secret あなたが知らないかもしれないCSSの10のテクニックをスライド形式で。びっくり顔はあれですが、次のプロジェクトで使いたくなるテクニックが満載！