デザイン
「Google web fonts」 Google web fonts(グーグルウェブフォント)とは Webページ閲覧時、通常ではパソコンにインストールされているフォントしかブラウザで表示することが出来ませんが、「Webフォント」を使用すると任意のフォントを表示することが出来る便…
ぜひメモっておきたいコンテンツスライダー記述 カルーセル(コンテンツスライダー) カルーセル(コンテンツスライダー) コンテンツスライダ- 画像は適宜、準備すること <htmllang="ja"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width, initial-scale=1.0"> <title>カルーセル(コンテンツスライダー)サンプル</title> <linkrel="stylesheet"href="./css/style.css"> </linkrel="stylesheet"href="./css/style.css"></metaname="viewport"content="width=device-width,></metacharset="utf-8"></head></htmllang="ja">
jQueryで動きをつける記述、image placeholderサイトを使うと画像がない場合に仮画像がはめこめる便利機能について 見本 : http://webizm.jp/felica/jQueryFiltering/ javascriptが必要 《index.html》 <htmllang="ja"> <head> <metacharset="UTF-8"> <title>jQuery Filtering</title> <linkrel="stylesheet"href="css/style.css"> </linkrel="stylesheet"href="css/style.css"></metacharset="utf-8"></head></htmllang="ja">
美しいUIエレメント素材まとめ 2013年秋 流行トレンドデザインを、気軽に取り入れることができ、配色の見本にしたり、Photoshopデザインテクニックの参考にしたりと、すぐれたアイテムばかりとなっています。 サイト:http://photoshopvip.net/archives/5612…
Transforms 文字にシャドウを簡単につけてくれたー http://westciv.com/tools/text-properties/index.html
「Twitter Bootstrap」とは 本家からのDLをすれば、何か色々できます。 ほんのりしか勉強してなくて探ってないので使いこなせませんが、PC,スマホ用どちらでも大体対応でき、初心者でもいい感じのサイトを作れるって感じです。 ただ英語なので色々いじって探…
Glossy Webに関する知識やテクニック、ニュースをメモするサイトです。 と言うことですが、艦これやニコ生系のことも載っていて面白かったのでご紹介しようかなっと。 javascriptで画面でMMDを動かせる記事、笑っちゃいましたw MMDには興味ないのでプレヴュ…
NivoSlider(スライドショー)の人気プラグイン 有名なオープンソースのjQueryを配布しているところです。 でもJavaScript弱い私的に探して抜き出すのがいっぱいいっぱいだったり。。クラスメイトに協力してもらってカスタムして今回ポートフォリオTopで使お…
twitterで紹介されていたので飛んでみたら、1コンテンツのクオリティーが何か凄いw canvasジェネレーターとGoogle Web Designerとか使えばある程度の動きはできそうなのだけども、HTML5での見事な記述、jQueryの上手いからめ方。 マウスのスクロールで次に…
Google Web Designer Google Web Designer は、HTML5 で構築された高度なウェブ アプリケーションで、視覚的なコーディング インターフェースを使用して、HTML5 広告をはじめとするさまざまなウェブ コンテンツをデザイン、作成できます。デザイン ビューで…
「ペーパープロトタイプ」 紙でデザインを描くのがスマホ系ではイケてる感じらしいです。 メリット的にクライアントが分かりやすい、チームで作成しやすいみたいなことらしいです。 画像検索して頂けると、まあ紙にいっぱい描いてるのがわかると思います。 …