次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック集
CSSやjavascriptを利用してサイトをよりリッチな表現に変えていくというのは、WEB制作の現場では常に行われていて、様々なスニペットやライブラリが日夜リリースされています。今日紹介するのは次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック「CSS and JavaScript tools to take your website to the next level」です。 Countable.js 様々なCSSやjavascriptによるテクニックがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 iCheck クリックしたラジオボックスやチェックボックスから、返り値をとれるjavascript。それをキーにして何かを動かしたいときに。 Almost Flat UI フラットデザインUIを簡単に実装で
女性は特に注意！自分のfacebook情報が検索エンジンから検索されないように設定する方法 - Cross Mode Life
どーも。taka（@takaiphone2010）です。 先日、Facebookの設定を見直しをしたので、いくつか備忘録的に記事として書いておきます。 前回書いたのはタグ付け機能についてでした。 facebookのタグ付け機能の意味は知っておくべし。タグ付け写真が拡散しないための防止設定方法 | Cross Mode Life 今回は自分のfacebookの情報が検索エンジン（つまり、GoogleやYahooの検索結果）に引っかからないようにするための設定です。 私もこの設定は、そのままにしていましたが、このタイミングで検索されないようにしました。 facebookの初期設定のままだと、検索結果に表示される まずはおさらいですが、facebookを始めて特に設定をいじらなければ、初期設定で自分の情報が検索エンジンに収集されるようになっています。 これはどういうことかというと、Googleや
【Mac】調べ物のスピードが異常に上がる超便利アプリ「PopClip」を君は知ってるか！？ – 和洋風KAI
Googleが登場してから、僕らの調べ物のスピードはもの凄く上がりました。 知りたいことをテキストボックスに打ち込めば、もはや地球上のもので調べられないものは無いというくらいにGoogleは素晴らしいものになっていると思います。 しかし、テキストボックスに入力する手間すらおっくうって時はありませんか？ 例えば、ウェブページ上で見かけた知らない言葉だったり、知らない英単語だったり、コード内にあった知らないメソッド名を見つけてしまった時・・・。 ググることはとても簡単な作業ですが、そういうものを調べるときはテキストをコピーしてテキストボックスにペーストしてエンターキーを押すことを非常に面倒に感じていました。 めんどくさくて調べることをスルーすることもありましたねぇ・・・。 しかし、あるアプリを導入してから、だいぶスルーすることはなくなりました。そのアプリの名は「PopClip」。 これはMac
どこでも持ち歩ける自分専用ホワイトボード「NUboard(ヌーボード)」新書判・A4判・A3判変形を使ってみた
見た目はメモ帳のようですが、持ち運び可能なホワイトボードとして使えるのが「NUboard（ヌーボード）」です。ホワイトボード部分と透明シート部分があり、アイデア次第でいろいろな使い方ができるとのことなので早速使ってみました。 NUboard（ヌーボード） http://www.obun.jp/original/nuboard/ これがNUboardです。サイズは小さいものから新書判、A4判、A3判変形型の3種類。 これは新書判サイズのもの。PILOTのホワイトボードマーカーが一緒に付いてきます。 裏面に書いてある「使用上のご注意」には、ホワイトボードを使用する際と同じような注意点が書かれています。 薄さはこれくらいで、ペンよりも薄いくらい。 3種類の大きさを比較してみました。上から新書判・A4判・A3判変形型。 厚さはどれも薄いです。 A3判変形型は縁に滑り止めが付いています。 滑り止め付
アフィリエイトで勘違いした大学生の末路
ただの趣味で始めたはずなのに大学生だった2007年頃から趣味で他愛もないホームページをつくっていた。 ワードプレスやライブドアブログのようなCMSには頼らず、1から10まで自分で作ることにこだわった。 すぐにのめり込んでいき、大学の図書館にこもりWEB関係の本を借りまくった。 しかしWEB関係といってもPHPやSQLは理解できなかったので、まずはHTMLとCSSだけ勉強して静的なページをべた書きで量産していった。 HTML,CSSですら最初はつまづいていたけれども、自分の意図した通りにデザインできるようになってからは面白かった。 アクセスは全く増えず、一日100PVにも満たなかったが、僕はめげなかった。 講義には出ず、学園祭にもサークルにもいかなくなり、周囲からは「まだやってたの」「何がしたいの」と呆れた目で見られるようになった。 付き合う人も限定されて社交性は衰えていった。 半年が経って
ミックスと倍音の深い関係〜杉山勇司＋ミト対談 音楽制作のツボ（後編） - サンレコ 〜音楽制作と音響のすべてを届けるメディア
RandoM編集部 シンセショップFive Gでの、“ぎゅわーん” “ぐわー”といった音を出しつつの杉山勇司氏とミト氏の対談。後編は神保町、ナーヴ・カッツェからハイレゾまで、ますます深くて広いお話が展開されています。 音楽愛に貫かれた両氏の発言は、きっと制作のヒントにも満ちているはず。早速お楽しみください！ 気持ち悪いくらいアナログシンセを触ってきた結果が、こうなんです（ミト） 1980年代の神保町 ――ミトさんは、中学時代にMacintosh SE30＋OPCODE Visionで音楽制作を始めたとのことでしたが？ ミト SE30を買ったのが1989年かな？ 親父も音楽が好きだったんで、親父と折半で買ったんですけど、結構な金額でしたね。僕は、貯めていた一生分のお小遣いを全部出しましたから。で、今日みたいに楽器店でシンセをいじり倒すということは、そのころ毎日のようにやっていたんです。学校が
ウェブデザイナーは要チェック！フラットに効く400種以上のカラーがセットされたスウォッチ素材
フラットなユーザインターフェイスを作成する際にぴったりな400種以上のカラーがセットになったPhotoshop用のスウォッチ素材を紹介します。 トレンドカラーとして、フラットに興味がない人でもカラーの引き出しが増えますね。 Photoshop Swatches Library for Flat UI Design スウォッチは上記ページの「Download .aco」から直接acoファイルがダウンロードできるので、そのファイルをPhotoshopのスウォッチパネルから「読み込み」や「置き換え」して利用します。 Photoshopに入れるとこんな感じです。 Photoshopのスウォッチ サムネール表示だと何があるのか分かりにくいので、半分くらいリストで紹介します。 半分でも長いので、分割で。 最初の方は、フラットデザインでよく見かけるカラーが豊富にあり、グレーも揃っています。
[CSS]コピペで簡単に使える、パネルの表と裏をくるっと水平・垂直にひっくり返すスタイルシート -CSS Flip Boards
パネルをホバーすると、表と裏がくるっとアニメーションで変わるスタイルシートを紹介します。 くるっとなるのは水平だけでなく、垂直にも対応しています。 上：垂直くるっ、下：水平くるっ CSS Flip Boardsの実装 くるっとなるのはスタイルシートのエフェクトで、スクリプトは使用されていません。 Step 1: HTML 表・裏のパネル2枚をそれぞれdiv要素にし、それらを2つのdivで内包します。 垂直にはtop、水平にはleftを指定します。 垂直にくるっ <div class="flip-boards"> <div class="board top"> <div class="front"><h2>パネル：表</h2></div> <div class="flipped"><h2>パネル：裏</h2></div> </div> </div> 水平にくるっ <div class="fl
中学生がアニメでのCG利用に対して挑戦状 - Togetter
toyo @toyoshimax 【中学生の挑戦状1】中学生から飛び込みで会社に電話が。聞けば修学旅行の一環で上京するので会社訪問させて欲しいと。しかしそれは会社を見たいという趣旨ではなかった。どうやらアニメにCGがつかわれるのが我慢ならんということで意見したいと。ついては1時間ほど議論をする場を設けてほしいと。 toyo @toyoshimax 【中学生の挑戦状2】アニメ映画にCGを導入されている例は沢山あるはずだが、おそらく"サマーウォーズ"や"おおかみこども"にCG制作として参加しているデジタルフロンティアに白羽の矢が。どうやら自分たちはアニメ映画が大好きで、作画や美術の温かみのある人の手で作られた作品が大好きだと。
勉強が嫌いで習慣もない人が知らない本質。勉強とは計画を建てるだけで理解し身につくものであるということ。 - teruyastarはかく語りき
匿名でこんなコメントが来たので書いてみる。 最後だけ引用すると。 元々勉強が嫌いで実績もなく習慣もないので、 このまま行くとヤバイかもしれません。 もしよければ何かアドバイスをください。 ここはYahoo知恵袋かｗ まあ僕も昔はそんな感じで悩んでたし、 そんな僕が習慣化を手にしたとっておきの方法を伝授しよう。 習慣とするには目標よりも勉強そのものが楽しくなることにある 自己目的的というやつ。 ゲームとか、アニメとか、漫画読んでるよりも 新しいことを１つ覚えたり、もっと早くできるようになることが楽しい。 という状態に持っていけばいい。 それをこの記事の目標としよう。 だが初学者がある分野でその状態にハマるまでは、 やりたいこととできる事のギャップが大きすぎて99.9%挫折する。 もとからできるなら勉強すら楽しいに決まってる。 凡人がそこをどう乗り越えるかが最大の課題だ。 アニメやゲームより勉
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「脱衣麻雀が教えてくれたこと」爆乳プロデューサー・高木謙一郎 | 日刊SPA!
Feelingplace
無料モックアップPSD&アクション素材まとめPhotoshopVIP | PhotoshopVIP
http://monosy.com/blog/1