BLOG FOR GIRLS & BOYS TANGLED UP IN BLUE

アイドルのこと、webのこと、インターネットのこと。

ナト☆カンのワンマンに行ってきた話

どうもです。

 

9月14日、ナト☆カンのワンマンを見に、名古屋クアトロに行ってきました。

 

f:id:northvillage_kk:20140918211937j:plain

 

先日発売された「アイドル激的サマーダンス」のレコ発的な感じのライブだったんですけど、滅多にやらないワンマンということで、いつもは見ないナン民さんたちも多く来ていて、大盛り上がりでした。

 

オープニングアクトとして「究極人形-アルテマドール-」が出てたんですけど、ぶっちゃけ俺は完全にそっち目的で行きましたw

今回は16日で活動休止してしまう東京組の二人も来てて、いつも以上にテンション上がりました〜。

ライブ自体も、人が多かったこともあって、いつもの倍くらいの盛り上がりで、超楽しかったっす。笑

沸いてくださった方々、ありがとうございました!

それにしても、真中しおりちゃん、可愛いな〜。

もう会えないのが残念すぎる...。

 

f:id:northvillage_kk:20140918212021j:plain

 

ナト☆カンは後ろの方で沸いてました。

前の方に行ってもよかったんですけど、後ろで推しジャンしたり自由な沸き方した方が楽しいかな〜と思って。

 新曲の「アイドル激的サマーダンス」とか「メルト」とか、すごい盛り上がりで、ほんと楽しかったです。

 

 

東京のワンマン(とバスツアー)も行きたかった!!!

 

 

FREEDOM NAGOYA 2014に行ってきた話

どうもです。

 

f:id:northvillage_kk:20140824190027p:plain

 

大高緑地で行なわれたFREEDOM NAGOYAに行ってきました〜。なんとこのフェス、名前の通り「入場無料」のフェスで、早めに行こうと思って朝9時半に現地に行ったんですけど、その時間でかなり人が来ていて、大賑わいでした。まぁ、出るバンドのジャンル的に俺が普段聴かないような、ラウドというかハードコアというか、激しい感じだったので、俺は基本的にアイドルしか見てないんですけど(笑)、少しバンドも見ました〜。

 

GOING UNDER GROUND

今回、アイドル以外で見たかったのはGOING UNDER GROUND。ゴーイングといえば中学から高校にかけてめちゃくちゃ聴いていて、特に『トワイライト』っていうアルバムを聴いた時は本当に感動して。そんなバンドを無料で、しかもかなり近い距離で見れて、鳥肌モノでした。

セットリストも「グラフティー」とか「STAND BY ME」とか「トワイライト」とか、もう青春プレイバックな選曲ばっかりで、終始「うわあああキタアアア!」みたいなリアクションしてました。たぶんその場にいた人たちも同じだったと思う。

キーボードに続いてドラムも辞めてしまうのが悲しい...。

 


GOING UNDER GROUND/トワイライト - YouTube

 

→SCHOOL←

次に見に行ったのは→SCHOOL←。→SCHOOL←といえばぺr...じゃなくて矢野さんのバンドで、ナト☆カンのサウンドプロデュースしてるんですよね。で、やっぱり見に行ったらヲタも多くて、しかもナト☆カンのメンバーも見に来てました。あんまりノってなかったけど。笑

ちなみに、ヲタ達は「空色ディストラクション」で思いっきりMIX打ってましたw

 


→SCHOOL←『空色ディストラクション』PV - YouTube

 

DIRTY OLD MEN

ミソッカス待機してて、 その間にたまたま見たバンド。名前は知ってたんだけど、聴いたことがなくて、どんな感じかな〜と思ってたらめちゃくちゃ盛り上がってて、圧倒されてしまった...。曲も良さげだし、声も良いし、良いなぁ〜と思いました。まぁ、BUMP OF CHICKENっぽさは感じたけど。笑

どうでもいいですけど、DIRTY OLD MENって「スケベおやじ」って意味らしいですね。

 


DIRTY OLD MEN - 弱虫な炎(MUSIC VIDEO) - YouTube

 

で、肝心のミソッカスはアイドルの物販の関係で一曲しか聴けなくて残念でしたね...。

ていうか、アイドルのステージ、他のステージ比べてかなり簡素な作りで、もうびっくりしましたね〜。

f:id:northvillage_kk:20140824191133j:plain

 

いやいや、雑すぎだろ!!!!!!!!!!!!!!!!!!!!!!

いかに運営がアイドルを客寄せのために呼んだかっていうのが分かりますね。まぁ、アイドルに感心無さそうだもんな〜。来年もアイドルを呼ぶならもうちょっとマシなステージ...というか、ビールケースを隠すくらいのことはしてほしいな〜。出演者に失礼だと思わないのかなぁ...。

 

究極人形-アルテマドール-

午後は基本的に雨が降ってたんだけど、アルテマドールの前になると一気に雨が強くなって、もう本当にこの雨女グループなんとかしてくれ、って感じだった。笑 でも、逆に雨にずぶ濡れになってテンションおかしくなって、カオスな盛り上がりだったな〜。もう、声もガラガラでろくにMIXも打てなかったんだけど、その空気も含めて最高に楽しかった。ああいう盛り上がり方は野外ならではだな〜、と。

 

f:id:northvillage_kk:20140824192954j:plain

 

カレー、美味しかった〜。

 

f:id:northvillage_kk:20140824193123j:plain

 

ちなみに、フリーダムでもスーパーゼウスTシャツでした。

 

では。

 

ROCK IN JAPAN FES 2014

どうもです。

 

遂に、初めてのRIJに行ってきた。いや〜、楽しかった。あんなに音楽に囲まれて、飯も美味くて、まさに“最高の夏”だった...。

 

f:id:northvillage_kk:20140812215751j:plain

Base Ball Bear

まずはGRASS STAGEのベボベから。

いきなり「祭りのあと」からで、最初から沸点!ベボベは夏が似合うな〜。地味にインディーズの頃から応援してるバンドだから、GRASSに立ってる姿を見てしみじみ...。あ、今年もベボベとアプガが出番被ってて、小出さんが「ライブ後に渋谷陽一にキン肉バスターかけます」って言ってて草。さすが半ヲタ関係者。

http://ro69.jp/quick/rijfes2014/detail/106950

 

でんぱ組.inc

ちょっとフェス飯を食べたあと、でんぱへ。予想通り、たくさんの人が見に来ていて、パンパンだった。そんな中、俺を含むヲタ3人は後ろの方でリハの段階からMIXを全力で打って、軽く注目を集めてしまった。笑

ライブ本番になると、MIX、ヲタ芸ケチャ、とまぁ、いつも通りのノリをしたわけだけど、周りのロキノン厨にとっては珍しかったらしく、ザワついてしまった。笑 いや、別に普通だし、なんならヲタ芸とかキレ良くないんだけどな...とか思いながら、ジャージャー言ってた。

 

f:id:northvillage_kk:20140812215136j:plain

 

↑まぁ、これ自分たちのことだろうなぁ...。

http://ro69.jp/quick/rijfes2014/detail/106966

 

ZAZEN BOYS

生のザゼンを見るのは初めてで、実は一番楽しみにしていた。結構近い距離で見れて、うわああ向井秀徳だあああモノホンの向井秀徳だあああ!ってずっと思った。笑 で、やっぱり酒を飲みながらライブをしてて、しかもちょっと酔ってて、そんなの許されるのは向井秀徳くらいだろうなぁ、と。

いやぁしかし、生で聴く「HIMITSU GIRL'S TOP SECRET」、かっこよすぎた...。

http://ro69.jp/quick/rijfes2014/detail/106968

中川翔子

ザゼン終わりで急いでLAKEヘ行ったらジャストなタイミングでしょこたん!間に合ったと思ったのも束の間、雨が...。せっかくベボベの小出さんが晴らしてくれたのに、しょこたんが一気に雨を呼んで笑った。で、しょこたんの曲と言えばヲタ芸が打ち易いんだけど、いざヲタ芸打ってたらスタッフに即座に注意されるという...。

なんでやねん!!!

http://ro69.jp/quick/rijfes2014/detail/106961

 

矢沢永吉

「一生のうちにもう見られないかもしれない!」ということで、ゲスの極み乙女。を干して、GRASSへ。なんかもう、かっこよすぎて盛り上がるとか沸くとか出来ず、ただただその場に立ち尽くしてしまった...。なんなの、あのかっこよさ...。

止まらないHa~Ha」でタオルを投げたこと、一生の思い出になるだろうな。

http://ro69.jp/quick/rijfes2014/detail/106954

 

ASIAN KUNG-FU GENERATION

人でパンパンのGRASS STAGE。満員になるんじゃないかってくらいの勢いだった、ほんとに。

セトリはこちら。↓

 

f:id:northvillage_kk:20140812221046j:plain

 

なんか音響が微妙だった気がするけど、選曲は良かった。やっぱアジカンだなー!みたいな。で、アンコールの「透明少女」!うおおおおナンバガだああああ!ってブチ上がってたら意外に周りに知らない人が多くて、最近のロキノン厨はナンバガも知らねーのか!バカヤロー!ってなった。

http://ro69.jp/quick/rijfes2014/detail/106955

 

 

f:id:northvillage_kk:20140812221324j:plain

f:id:northvillage_kk:20140812221339j:plain

f:id:northvillage_kk:20140812221346j:plain

フェス飯、美味しかった〜。

 

f:id:northvillage_kk:20140812221519j:plain

 

絶対来年も行くぞ〜〜〜〜〜!!

フォロワーのLINEスタンプ

どうもです。

 

Twitterのフォロワーにイラストを描いてる人がいて。

で、LINEのスタンプを作ったみたいなんで、ちょっと紹介しようかな〜と。

100円なら買おうかなーって気持ちになるし、何より、クリエイターの人の(金銭的な)手助けになればな〜と。

クリエイターにとってお金がないって結構つらいことだからね。笑

 

ヤマグチアイコンフレンズ。

f:id:northvillage_kk:20140807225658p:plain

ヤマグチジロウ(https://twitter.com/yamaguchi0p?lang=ja)のLINEスタンプ。

実はジロウは同い年で、実際に会ったこともあるんだけど。

見た目はちょっと地味だけど、とても面白いやつだった。笑

で、この「ヤマグチアイコンフレンズ。」はジロウがTwitterのアイコンを描いた人たちのことで。

スタンプになってるのは実在する人ばっかりなんだよね。

俺は密かに第二弾を期待してる...。 

 

https://store.line.me/stickershop/product/1004408/ja

 

日常スタンプ

f:id:northvillage_kk:20140807225730p:plain

ニイミクミコ(https://twitter.com/kucchan_935?lang=ja)のLINEスタンプ。

こちらも実際に会ったことがあって。

水曜どうでしょう」とバンドの髭が好きな、気さくな姉貴って感じだった。

絵柄はふわふわな感じがして、女性受け良いんじゃないかな。

男の俺はちょっと使うタイミング難しいんだけど。笑

 

https://store.line.me/stickershop/product/1003976/ja

 

興味が沸いたらポチってくださいな〜。

 

新舞子ブルーサンビーチIDOLBEACH2014

どうもです。

 

8月3日(日)に新舞子ブルーサンビーチで行なわれたアイドルイベント「IDOLBEACH2014」に行ってきた。アルテマドール目当て。今回も楽しい現場だった。

 

出演は、3776、ナト☆カン、究極人形-アルテマドール-、dela、ぴよdela、SweetSurrender。先週よりも比較的名前が知られているグループが出てたんじゃないか、と思う。ヲタさんたちの熱量も高かった。

 

f:id:northvillage_kk:20140803224946j:plain

海辺で食べるカレー、最THE高。

f:id:northvillage_kk:20140803224955j:plain

海辺で食べるパイン棒、最THE高。

 

最近、アルテマドールのファン「アル中」が少しずつ増えてきて、ずっと通ってる身としては嬉しく思うことが多い。それに伴って、ヲタ友達も増えてきて、楽しさの連鎖が起きてる。本当に楽しい。いつまでもこの楽しさが続けばいいのに、と願うばかり...。

 

ライブ自体は「夢見る15歳」「制服のマネキン」「都会っ子 純情」と、まぁ、いつも通りな感じだったんだけど、いつも「夢見る15歳」の終わりに打つ「アル中MIX」の最後に「白鶴!」「まる!」ってやつを付け足してみたら、めっちゃくちゃ楽しかった。こういうバカな思いつきを面白がってやってくれるヲタ達が集まってよかった。笑

 

f:id:northvillage_kk:20140803225129j:plain

スーパーゼウス界隈。

 

 

今週末はRIJだー。

 

 

 

週刊少年ジャンプ35号の感想

どうもです。

 

今週号は「NARUTO」が表紙巻頭カラー。

NARUTO

ナンバー686「残せし者と継ぎし者」

能力がチートすぎる敵カグヤとの激戦。もうナルトが強くなりすぎて読んでて感情移入できないんだけどw、今週はやっとカカシ先生の見せ場!かと思いきやオビトに美味しいところを全部持っていかれるという逆に美味しい展開。笑

もう完全にネタ要員でしょ...。

 

ONE PIECE

第754話“お見知り置きを”

何故かパンクハザード編からずっといる錦えもんの友人カン十郎がこのタイミングで登場。個人的に、錦えもんをずっと登場させてるのはなんかしらの伏線なんだろうなぁ、と思ってて。たぶんの次の島はワノ国な気がするんだよな〜。

そして、ゾロがやっと新技発動!“千八十煩悩鳳”って、0増えただけだけど!

 

火ノ丸相撲

第10番「鬼丸国綱と三日月宗近③」

変なタイミングで始まった相撲漫画。俺はもう読んでないんだけど、アンケ良いみたいで前の方キープしてるなー。もうちょっと読んでみようかなー。

 

磯部磯兵衛物語〜浮世はつらいよ〜

第七十五話「〜夏休みだよ!ロード・オブ・マサムネ編〜とりあえずどこかへ!で候」

ほんと磯兵衛は面白いな...。「ピュ〜と吹く!ジャガー」に通じるゆるさがあって俺は好きだ...。マサムネ見つかるといいね...。

 

ヨアケモノ

第弐話「新撰組

先週から始まった幕末モノ×能力者バトルモノな漫画。芝田優作先生、どっかで見た名前だな〜と思って調べてみたら「明治百機八匣譚DENGI」の人か!好きだったやつ!ネットだとONE PIECEの影響をメチャクチャ言われてるけど、俺はあんまり気にならないな〜。絵も上手いし、頑張ってほしい。

 

暗殺教室

第101話「反撃の時間」

遂に出てきた「死神」と対峙するE組。死神のキャラデザにちょっとガッカリしたけど、松井先生のことだから豹変させるんだろうな...。最後のページで既にちょっと豹変してたし。

 

食戟のソーマ

80「勝負の条件」

美作、ほんと良いキャラ。笑 こういうキャラを主人公が倒すとスカッとするんだよな〜。早く二回戦が見たい!

 

ネジヤマさん。

金未来杯エントリーNo.1

なんだろう...この果てしなく面白くない感じ...。コメディにしては笑えるところないし、アクションものにしては画力がアレだし、なんなんだろう...。とにかく微妙だった...。

 

斉木楠雄のΨ難

第109χ「夏休み真っΨ中!オカルト部合宿編」

夢原ちゃん、普通に可愛くない?クラスにいたら普通に好きになってると思うんだけど?夢原ちゃんと肝試しとか神イベじゃね?とか思いながら読んだ。笑

 

トリコ

グルメ界編に入ってから、かなり雑じゃないか...?雑なONE PIECEみたいな展開だし、何より可愛い女の子が出てこない!ガチムチなヤロウばっかじゃねぇか!女の子を出せ!女の子を!

 

三ツ首コンドル

第三話「パンドラの匣

第一話が結構好きな感じだっただけに、第二話、そしてこの第三話と微妙な感じになってるのは残念すぎる...。話といい画風といい、王道冒険漫画だから、そろそろ個性を出していかないと打ち切られちゃうかな〜。

 

黒子のバスケ

第271Q「百年早い」

この試合、どんだけ長いことやってんだよ!スローモーションかよ!ってくらい長々とやっている洛山戦もいよいよあと41秒になって、もうちょっとで決着つくかな〜と。最後に一発黒子が決めてくれるんじゃないかと期待。

 

ニセコイ

第132話「ミスコン」

俺にはこの漫画の面白さが分からない...。こういう日常系の漫画はあんまり好きじゃないんだよな〜。楽しみ方が分からない。

 

僕のヒーローアカデミア

No.4「スタートライン」

第四話にしてやっと試験が終わって、やっと本編が始めるって感じの展開。進み遅いな〜と思いつつ、絵の丁寧さとかキャラ立ちとか上手いよな〜。これからヒーローアカデミアに入ってどういう展開になっていくのか次第で全部決まるから楽しみ。

 

ハイキュー!!

第119話「根性なしの戦い」

俺も学生時代は縁下みたいな奴で、実は部長もやったことがあるんだから、とても共感した。ああいう気持ち、ほんと分かるんだよなぁ。。。

 

ワールドトリガー

第69話「三雲修⑧」

大規模侵攻、いよいよ大詰めって感じ。ていうか、千佳ちゃんどうなるんだよ!俺たちの千佳ちゃんを早く返せよ!修何やってんだよ!

 

HUNTER×HUNTER

No.348「覚悟」

今ハンターが一番読み応えあって面白いな〜。台詞回しが映画的で他の漫画と感触が違う。あと、ちゃんと冨樫が仕事すると本当に絵が上手い。これ読んだ後に新人の読むとやっぱ冨樫だなーってなる。って、来週休載かよ! 

 

ILLEGAL RARE

#24「デルメザ③」

個人的には結構好きな漫画で「ぬらりひょんの孫」よりも世界観としては好きなんだけど、イマイチ人気ないっぽいな...。マーダックタワー編終わったら終わっちゃいそう...。 

 

銀魂

第五百三訓「瓢箪から駒」

最近はシリアス回に入っちゃって順位落ちちゃってるんだけど、ちゃんと銀さん達はボケてるから面白いな。で、最後の展開はビックリした。 どうなっちゃうんだろう?

 

こちら葛飾区亀有公園前派出所

3Dプリンター戦車の巻」

 基本的にこち亀は読まないことが多いんだけど、たまに読むとやっぱり面白いな〜。3Dプリンターっていう時代の最先端をちゃんとこち亀の世界観に落とし込んでる。秋本先生の情報収集能力、凄い。

 

BLEACH

590.「Marching Out the ZOMBIES」

個人的に千年血戦篇に入ってから微妙なんだけど、やっぱり順位落ちてるな...。まぁ、今まで散々能力インフレが起きたり同じような展開を繰り返してきたから仕方ないか...。

 

磯部磯兵衛物語

第七十六話「〜夏休みだよ!ロード・オブ・マサムネ編〜築地の戦いで候」

この回の 「・・・サマーバケーションする?」は「処す?処す?」に次ぐ名言だと思うんだけど。

 

全作品レビューしてみたけど、もうこれ二度とやらない!時間かかりすぎ!笑

 次号からはサクッと書こう...。

IDOL TRADITION@新舞子マリンパーク

どうもです。

 

新舞子マリンパークまで行ってアイドルを見てきた。ヲタの行動力って凄いなぁ、って我ながら思う。この行動力が他のところでも活かせればいいんだけど。笑

 

新舞子マリンパークは普通に海水浴を楽しむ家族やリア充で賑わっていて、その一角にステージが作られていて、そこだけヲタだらけで異様な感じがした。フェスっぽいって言えば聞こえはいいけど、言うなれば公開処刑だよなぁ...。あんなリア充だらけの中でヲタ活なんて、精神的に苦しいものがあった。

 

あと、天候が悪かったから雨が降ったり止んだりして、対応が大変だった。でも、アルコールが回ってきたらもうそんなの関係ないというか、それも含めて楽しいでしょ!みたいなテンションになってきて、完全に酔っぱらいだった。いや〜、楽しかった。笑

 

来週もあるみたいだから行くつもり。

 

 

RIJ2014で見る予定のアーティスト6組。

どうもです。

 

8月9日のROCK IN JAPAN FES.2014に行くんだけど、ちょっと忘れないようにまとめておこうかな〜と。まぁ、公式アプリで自分用のタイテ作れるんだけども。

 

 

11:55〜

Base Ball Bear (GRASS STAGE)

 

一発目はベボベで。

金曜の夜行バスで行くつもりなんだけど、10:30からのアーティストにイマイチそそられないから、ゆったりフェス飯でも食べてからスタートさせようかな〜、と。

 


Base Ball Bear 極彩色イマジネイション - YouTube

 

絶対「極彩色イマジネイション」はやってくれないと思うけど。笑

 

13:25〜

でんぱ組.inc (SOUND OF FOREST)

 

昼の後はでんぱ!

RIJに行くような人はでんぱは知っててもMIXとかは分からない人が多そうだから、思いっきりヲタクしようかなと思って。笑

きっと「キラキラチューン」はやるだろうから、MIXと口上とヲタ芸ワンチャンあるな。

 


【関でん】キラキラチューン - YouTube

 

関でんの人たちはRIJ行くのかな〜。

(そして、電車うるさいw)

 

15:45〜

ZAZEN BOYS (SOUND OF FOREST)

 

でんぱの後は特に見たいアーティストがないからちょっと間を。その間にフェス飯とかアルコールを楽しもうかな〜、と。

美味しそうなの多いんだよな...。

 


ZAZEN BOYS - ポテトサラダ @ FREEDOMMUNE 0<ZERO ...

 

ボウルにいっぱいのポテトサラダが食いてぇ...。

 

16:20〜

中川翔子 (LAKE STAGE)

 

ザゼンが終わったらLAKEに移動して、しょこたん

これまた「空色デイズ」でヲタ芸打てるな〜〜〜。

 


中川翔子 / 空色デイズ (ライブ) - YouTube

 

しょこたん可愛いよしょこたん

 

17:30〜

ゲスの極み乙女。 (PARK STAGE)

 

しょこたんの後はゲス。

最近の若手で一番好きかも。

 


ゲスの極み乙女。 - ノーマルアタマ - YouTube

 

ライブ映像が見つからなかった...。

俄然、生で見たくなった...。

 

19:00〜

ASIAN KUNG-FU GENERATION

 

そして最後はアジカン

一番大好きなバンド。見るのは10周年ライブ以来。

 


Blue Train [Live] - Asian Kung-Fu Generation - YouTube

 

やっぱアジカンだなー!

 

 

では、行かれる皆さん、一緒に楽しみましょう。

 

書いておくと便利なCSS13個。

どうもです。

先輩の書いたコードを複製してサイトの更新をすることが多いんだけど、先輩のコーディングに必ずと言っていいほど書いてあるCSSがあって、それを自分でも書けるようになりたいな〜と思って、備忘録的な意味で書き留めておこうかな、と。

 

・クリアフィックス

clearfixと言っても、ここではmicro cleatfixと呼ばれるものを記述。

詳しくはこちら。

 

.clearfix:before,.clearfix:after{content:" ";display:table;}

.clearfix:after{clear:both;}

.clearfix{zoom:1;}

 

なんでafterだけじゃなくbeforeも入れてるのかって言うとIE6とIE7対策でmarginの相殺を防止するためなんだよね。displayをtableにしてるのもそのためなんだけど、まぁ、今IE6とか7のシェアがどんだけなんだって感じだから今後はなくてもいいかな〜。floatを解除したいだけならdisplayもblockでいいみたいだし。

で、contentに半角スペースを入れてるのはOperaにcontent内に何も無いと認識されないバグがあったんだけど、これもまぁ改善されたみたいだから、別に何も無しでいいんじゃねぇかなぁ、と。

最後のzoom:1;は有名なIE対策。

※clearfixというclass名は任意。

 

・クリア

こっちは普通のclear:both;。

何かと使うからclearだけのclassがあると便利やな。

 

・マージンボトム

margin-bottomのclassもあると意外と便利。ちょっとこの要素の下に隙間欲しいな〜とか、そういう時に活躍する。デザインとの兼ね合いもあるんだけども。

 

・テキスト位置

text-alignのclass。たまに名前だけ右寄せとかタイトルだけ中央揃えとかあって、いちいちCSS書くのはめんどくせぇ時にめっちゃ楽。class名は分かり易く「textL」「textR」「textC」とかにしとくといいかも。

 

・見出し

h1とかh2とかの見出しに付ける用のclass。hに直接CSSを書くよりclassにした方が汎用性高くていいですな〜。名前は「headline1」「headline2」とか。

 

・リード文

見出しに近い意味合いで、hというより普通のpタグに付けるニュアンス。あんまり装飾せずに太字でちょっとフォントサイズ大きいくらいでいいんじゃないかと。class名はストレートに「lead」で。

 

・透過ロールオーバー

バナーとかメニューにマウスが乗った時に半透明になるようにするclass。具体的には下記。 

 

.hover:hover{

display:block;

filter:alpha(opacity=70);

-moz-opacity:0.70;

opacity:0.70;}

 

ややこしいけど、「hover」っていうclassを付けた要素がhoverされた時、という意味。透過はブラウザごとに微妙に指定を変えなきゃいけなくて、filterとかopacityとか付けなきゃいけないし、firefox用のベンダープレフィックスで-moz-も付けなきゃいけないからめんどいんだけど、これあると見栄えが良くなるから付けたいやつ。

 

・テーブル

tableタグのclass。サイトによるけど何かしらの表をコーディングすることはよくあるから最初にtableの指定をしちゃっておいた方が後々めんどくないかな、と。

 

・リスト

listはどんなサイトにも必ず出てくると思うから、先にどんな装飾をするか決めておくと便利だな〜。

 

・添える写真

写真の横にテキストがあるレイアウトを想定して、写真を左に寄せたり右に寄せたりする時のclass。名前は「figureL」「figureR」とかで。

 

・写真キャプション

画像の下にはだいたいキャプション(説明)が入るんだけど、通常のフォントサイズだと邪魔だし収まらないからキャプション用のclassを作っておく。で、まぁmargin-topをちょっとだけ付けておくと画像との間に余裕ができていいかも。名前は「figcaption」で良いかと。

 

・回り込み解除

回り込み解除ってことでoverflow:hidden;を付けるんだけど、先輩は名「nowraparound」(no wrap around)って名前付けるんだよなぁ...。もっと分かり易い名前あると思うんだけどなぁ...。ここだけはしっくり来ない...。笑

 

・1/2、1/3、1/4のボックス

グリッドレイアウト的な感じで、もともとのboxの大きさを決めておいて、それの1/2とか1/3を決めておく、みたいな考え方。まぁ、Bootstrap的とでも言うべきか....。

 

と、まぁザッとこんな感じ。

 実際、もっと良いCSSが世の中にはあるとは思うんだけど、初心者の俺からしたらまずコレを覚えよう、みたいな。とりあえずCSSを書く時にはいつもこれを意識してて。これを自分の中で消化して、自分なりにアレンジできたらな〜と思っておりまする。

 

 

 

駆け出しwebデザイナーの俺がデザインの勉強で見てる4つのサイト。

web制作会社で働き始めて早いものでもうすぐ半年。
最初の頃に比べればだいぶ仕事に慣れたけど、まだまだ知らないことばかりだし、実力もないし、一人前になるには長い道のりだな〜、と実感する日々。そんな中で、ほぼ素人の俺がwebデザインの勉強で見てるサイトたちを紹介しやす。
 
 
・Croppy
Croppyは自分が良いな〜と思ったサイトのデザインを切り抜いて保存できるサイト。こういうサービスいいよな〜。発想の勝利というか。自分の知らなかったデザインにも出会えるのもいいね。
 
 
・配色大辞典
自分でサイトをデザインしてて配色に困った時に見るサイトが、配色大辞典。「あ、これ#で指定しようとするとどうなんだろ〜?」みたいなモヤモヤがなくなるんだよな。
 
 
・web design search
これは、たとえば新しい案件で同じジャンルのサイトはどういう感じなのかとか知りたい時にいいっすね。色やテーマで探せるのも助かる。
 
 
・ランディングページ集めました。
最近流行りのランディングページを作る時に参考になるのが、このサイト。まぁ、ランディングページにはお決まりの流れみたいなのがあるんだけど、デザイン的にジャンル別、色別で探せるのは嬉しいな。
 
 
 
実はまだ見てるサイトはあるんだけど、よく見るという点で以上の4つが良いかな、と。