jQuery Image Zoom。画像のズーム効果、画像の一部を拡大表示 最近amazonでもたまーにみかけるやつです! ソースが簡単に吐き出される素晴らしいサイトを見つけました! http://www.elevateweb.co.uk/image-zoom/examples 画像が荒いと(特に人物など)恐い…
゜・*:.。.(((☆´’艸’)【謹】【賀】【新】【年】(‘艸’`☆))).。.:*・゜ 既に遅いですが、明けましておめでとう御座います。 卒業してからダラダラずるずるして、休憩しすぎではないのかと不安ですw 結構内定も選んで蹴り飛ばしてしまったので、今月真剣に良い…
サイバーエージェント12月上旬サービス開始予定スマートフォン向け女性向け学園恋愛カードゲーム『ボーイフレンド(仮)』 明日から12月上旬と言われる時期ですが、タイトルに「(仮)」つけたままでの発表ですが、制作チームの社畜が伺えるような。。 アプリ…
channel;$feed_title = $channel->title;print '<h3>'.$feed_title.'</h3>';print '<dl class="rss">';$i = 0; foreach ($channel->item as $item) {if(++$i>5) break; $dc = $item-…</dl>
CSSタブパネル colissから。 使いたいと思って自分用に引用させて頂きました。 こちらを参照:[CSS]タブコンテンツにCSS3アニメーションを少しだけ加えてかっこよくするチュートリアル | コリス デモページ デモでは4種類のアニメーションが用意されています…
<htmllang="ja"> <head> <metacharset="UTF-8"> <title>アコーディオン</title> <style> * { margin:0; padding:0; } dl { width:400px; margin:50px auto; } dt { background:#7CADB6; border-bottom:1px solid #FFF; cursor:pointer; padding: 8px 6px 6px 8px; color:#FFF; font-weight:bold; } dd { border:1p…</metacharset="utf-8"></head></htmllang="ja">
「jQuery Mobile」を活用しスマートフォンサイト作成 「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマート…
「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">
CSS3.0 Maker | CSS3.0 Generator | CSS 3.0 Generator | css3 generato CSS3でボックスシャドウがうまくつけれなくて今日はここに頼ってしまいました。 自分での記述はなかなかうまくいきませんね>< アニメーションのプロパティも作れるそうです。
美しいUIエレメント素材まとめ 2013年秋 流行トレンドデザインを、気軽に取り入れることができ、配色の見本にしたり、Photoshopデザインテクニックの参考にしたりと、すぐれたアイテムばかりとなっています。 サイト:http://photoshopvip.net/archives/5612…
Googleドライブでフォーム作成 PHPでメールフォームを作るのが難しい私的に先生からsendメールも送れる様の作り方を教えて頂きました。 Googleドライブでフォーム作成 Googleドライブを選択 フォームを選択 入力フィールド(テキスト)を作成 テキストを選択…
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 広告をはじめとするさまざまなウェブ コンテンツをデザイン、作成できます。デザイン ビューで…
「ペーパープロトタイプ」 紙でデザインを描くのがスマホ系ではイケてる感じらしいです。 メリット的にクライアントが分かりやすい、チームで作成しやすいみたいなことらしいです。 画像検索して頂けると、まあ紙にいっぱい描いてるのがわかると思います。 …
グラデーションジェネレーター グラデーションを背景に設定する。 イメージを使うと大変です。 こちらを使ってやってみたところ簡単にできました! ただHTML5・CSS3なので、PCの場合ブラウザチェックしてください。 コピーしました。ソース。 ブラウザ表示。…
CSS3アニメーションをらく~に実装!オンラインツール7選 CSS3でアニメーションを作成するとコードが肥大化して複雑になるため、ライブラリやオンラインツールを使用して作成している方も多いと思います。簡単なアニメーションで言えば、「transition」でボ…
真面目に書くとか言ってすでに性格が出始めてきてますな、このタイトル。 placeholder属性 さて、図の方が分かりやすいので が になるという。 よく見かけますね。ちょっとした記述でユーザーを誘導してあげるユーザビリティも持っていると思います。 記述は…
HTMLとCSS まだまだ使われているのはやっぱ今までのXTHMLですね。 THML4からHTML5に変わると言われてHTML5・CSS3は相変わらずPCサイトだと崩れやすい。 そしてタグの記述はスッキリだけど、覚えるのが混乱する。 特にCSS3。 HTML5タグも2014年にしっかり確定…
HTML5 HTML5から新しく追加さた図形を描くためのタグ JavaScriptを使用して使います。 サポートされているブラウザ Internat Explorer9以上、Firefox1.5以上、Opera9以上、Google Chrome、Safari JavaScriptの記述はめんどくさいですよね。 そこでここのサイ…