Profile

Cover photo
田中勇輔
Works at Webディレクター
Attended 某大学
Lived in London (England)
1,596 followers|545,556 views
AboutPostsPhotosVideos+1's

Stream

田中勇輔

Shared publicly  - 
 
敢えて一般公開でモノ申す!

横浜~みなとみらい地区のレンタサイクルについて。3月から電気自転車に一新されるのはいいんだけど、値上げ(100円→150円)はやめてほしい。
みなとみらい地区は横浜で希少な”平坦な土地”で自転車移動に最適なので電動化の必要性がそれほどではないことと、150円だったら同じみなとみらい地区を走る100円バスのほうが安くなりますよ。。
 ·  Translate
1
Add a comment...

田中勇輔

Shared publicly  - 
1
田中大誠's profile photo
 
このエンジンで
レゴの飛行機飛ばせないかな〜?
力が足りんか。
 ·  Translate
Add a comment...

田中勇輔

Shared publicly  - 
 
30万円~
 ·  Translate
新しいMac Proの登場です。果てしない創造力のために。
1
Add a comment...

田中勇輔
owner

jQuery  - 
 
Multi-level push menuというjQueryプラグインを使えば、サイドにスライド開閉できるアクセス性が良いナビゲーションを実装することができます。目的のメニューも見つけやすいしと...
1
1
Add a comment...

田中勇輔
owner

WEB制作  - 
 
スタイルシート初心者でも簡単に実装できる、classを加えるだけで画像にキャプションをさまざまなアニメーションを使って表示するスタイルシート(LESSも有り)を紹介します。 ↓この画像をホバー...
4
1
Add a comment...

田中勇輔
owner

Webサービス・ツール  - 
 
box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利な...
2
1
Add a comment...

田中勇輔
owner

写真撮影・補正  - 
 
手軽にプロの写真加工を再現したり、同じ効果を施すことができるPhotoshopのアクション機能。とても便利で、制作時間の短縮やクオリティアップのためには欠かせない機能の1つです。さて、今回紹介す...
1
Add a comment...

田中勇輔
owner

jQuery  - 
 
シンプルで使いやすそうだったので備忘録。アニメーションしながら表示される通知メッセージを実装するシンプルなスクリプト・notifIt!です。jQueryに依存します。 シンプルな通知メッセージ...
1
1
Add a comment...

田中勇輔
owner

素材・フォント  - 
 
2013年も12月に入り終わりが見えてきました。今年は皆さんにとってどんな一年だったでしょうか。今回紹介するのは、今年を振り返る意味も込めて、2013年に人気を博したフリーフォントをまとめたエン...
1
Add a comment...

田中勇輔
owner

WEB制作  - 
 
スクロールベースのページを実装する時にぴったり! ヘッダをユーザーのスクロール操作に合わせて表示・非表示するスクリプトを紹介します。スクロールのダウン・アップでclassを付与するので、ヘッダに...
1
1
Add a comment...

田中勇輔
owner

jQuery  - 
 
新しいゲームを始めたり初めてのWebサービスを利用する時、どんな操作をすれば良いのか最初にチュートリアルがあると、とても分かりやすいですよね。今回はWebサイトにそんなチュートリアル機能を付与す...
1
1
Add a comment...
Story
Tagline
web制作してネットショップ運営して愛犬の写真撮って料理してワイン飲みながらサッカーF1観てます。
Introduction
G+: IT/Web制作関係のニュースを一般公開で共有しつつ、たまに個人的なことを限定公開で投稿します。 2013年10月にWeb制作コミュニティを作りましたので、今後はWeb関係のニュースはそちらだけに投稿します。
(一般公開コミュニティなのでWeb制作ネタをお探しの方はお気軽にご参加ください)


Works:
PetitCottage オーナー
ty's empty f'log 運営者


著書:


others:
2011年
web制作依頼がよく来るので、そろそろショップオーナーとweb制作の二足のわらじを履こうかと検討中です。仕事のお話はいつでもwelcomeです。

2012年
1月から二足のわらじ履き始めました。WEBサイトのコンサルティングを始めたらメインのネットショップ運営が雑になったりなんだり。。。一人でこなせる仕事量なんて大したことないな、と実感中。

2013年
「ネットショップをしっかり運営しないといかん!」と思いつつ、Web制作ばかりやってます。近年仕事で力を入れている「少しパソコンが得意な自営業や小さな会社のおっさんがサイトを立ち上げるお手伝い」というテーマにピッタリの書籍執筆依頼があったため、全力で快諾しました。Amazonなどで販売中です。

Bragging rights
雑貨屋オーナーなのに全然おしゃれじゃない(年一回しか服を買わない)こと
Education
  • 某大学
    国際経営各部
  • 某Callege
    Travel and Tourism
  • 某高校
    普通科
  • 某中学
    普通科
Basic Information
Gender
Male
Looking for
Friends, Networking
Other names
ty
Work
Occupation
Webディレクター / 雑貨屋オーナー
Skills
Web制作・運営・マーケティング
Employment
  • Webディレクター
    雑貨屋オーナー, present
  • PetitCottage
    オーナー, present
Places
Map of the places this user has livedMap of the places this user has livedMap of the places this user has lived
Previously
London (England) - 神奈川 - West Sussex (England)
田中勇輔's +1's are the things they like, agree with, or want to recommend.
[WordPress] Contact Form 7 にスパムブロック機能を追加する方法 | ty's empty flog | 田中勇輔
tanaka-yusuke.com

WordPressにはakismetというスパム防止プラグインがあります。 インストール時にデフォルトテーマと同様にakismetもインストールされるため、事実上、WordPressのデフォルトプラグインと呼べるでしょう。 このakismetを有効化すると、スパムコメントをかなり

最近リリースされた個性的なフリーフォント「20 Fresh New Free Fonts for Designers」
design-develop.net

日々、新しいフリーフォントがリリースされてえおりDesignDevelopでも多くの記事をお伝えしてきましたが、今回は最近リリースされた個性的なフリーフォント「20 Fresh New Free Fonts for Designers」を紹介したいと思います。 Free Font

画像を菱形状に並べるイメージギャラリーを実装するスクリプト・jquery.diamonds.js -
kachibito.net

画像を菱形状に並べるイメージギャラリーを実装するスクリプト・jquery.diamonds.jsのご紹介です。

シンプルで使えるアイコンフォントセット「9 Stunning Super Handy Icons Fonts」
design-develop.net

UIの改善などグラフィカルに見せることで効果を発揮するアイコンは意味をより明確にし、伝わりやすいものにしてくれます。今回紹介するのは、そんなアイコンをもっと手軽にWebデザインに取り入れることができる、シンプルで使えるアイコンフォントセットをまとめたエントリー「9 Stunnin

背景画像のレイアウトをブラウザ幅に合わせてくれるjQueryプラグイン「Wallpaper」
bl6.jp

WallpaperというjQueryプラグインを使えば背景画像のレイアウトをブラウザ幅に合わせることができます。ブラウザ幅を縮小したり拡大することによって、そのサイズに最適化された配置に調...

[CSS]背景固定で美しいブラーがかかった半透明のパネルだけがスクロールするスタイルシート
coliss.com

レスポンシブ対応で背景画像は固定表示、美しいブラーがかかった半透明のパネルだけがスクロールするコンテンツを実装するスタイルシートを紹介します。 Dynamic Inside Blur Pure CSS デモページ 細部もとっても美しくスタイルされています。 ...

jQueryプラグインでタブ機能が実装できる「Tabslet」
bl6.jp

jQueryプラグインでタブ機能が実装できる「Tabslet」の使い方です

CSS3だけで実現可能な219種類のアイコンデザイン集「CSS3 Icons」
design-develop.net

近年Web業界で話題を呼んでいるHTML5とCSS3。今まで画像やFlash、JavaScriptに頼っていた表現方法を、かなりカバーできるようになりました。そんな中、今回はCSS3だけで実現可能な219種類のアイコンデザイン集「CSS3 Icons」を紹介したいと思います。 よ

マイクロソフト、「Surface」向け新アップデートを提供開始
japan.cnet.com

マイクロソフトは、「Surface」タブレット各モデル向けの新たなアップデートおよび修正パッチを提供開始した。

かわいらしいSymbol Font(シンボルフォント)8選 | InfinityScope
infinityforest.net

たくさんあってどれにしようかと迷いましたが、キャラクタものなどを中心にまとめました。

【WordPressで試しました】ヘッダー内に「事前レンダリング技術」を設定すると、表示時間が体感的にも全然違った|今村だけがよくわかるブログ
www.imamura.biz

「事前レンダリング」技術をこちらのサイトで知りました。有益な情報が多くて、大変参考になります。 事前レンダリングの概要 事前レンダリングで指定したurlに対して、あらかじめページの読み込みを行うという仕組み・・・

[CSS]アイテム数が不明でもカラム数に合わせてぴったりに配置するスタイルシート
coliss.com

下記のような3カラムのグリッドに複数のアイテムを配置する時、アイテムの数が3の倍数だったらぴったり収まりますが、アイテムが7, 8個の場合は最後に余白を生じます。 ...

[CSS]スクリプト無しでこんなにかっこいいスライダーが実装できるとは! -radio click through
coliss.com

画像が右からスライドし、それに続きコンテンツを配置した半透明のパネルが追いかけるようにスライドするコンテンツスライダーを紹介します。 実装はHTML/CSSで、スクリプトは無しです。 デモのアニメーション ...

背景にYouTube動画を流せるJQueryプラグイン「tubular」|WEB Drawer
webdrawer.net

背景全体に動画が流れてるサイトってインパクトありますよね。そこでそれを試してみようと思い今回は背景にYouTube動画を流せるjQueryプラグインのtubularを使ってみました。...

スクロールしても常にナビゲーションメニューが上部に固定されるjQueryプラグイン「stickUp」
bl6.jp

stickUpはスクロールしても常にナビゲーションメニューが上部に固定されるjQueryプラグインです

フォントとしても利用可能な大量のフラットなアイコンを配布する・「Flaticon」 -
kachibito.net

フォントとしても利用可能な大量のフラットなアイコンを配布する・「Flaticon」. Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介. Kudos for. WordPress jQuery. About This. Web制作に役立つTips、チュートリアル

レスポンシブ対応のグリッドレイアウトを実装できるjQueryプラグイン「Freewall」
bl6.jp

Freewallはレスポンシブ対応のグリッドレイアウトを実装できるjQueryプラグインです

[JS]スクロールに合わせてページ内のさまざまな要素を最適なポジション・スタイルで表示するスクリプト -Auto Fix Anything
coliss.com

ヘッダやナビゲーション、サイドバーなど、ページ内のさまざまな要素をスクロールに合わせてポジションやスタイルを最適化するjQueryのプラグインを紹介します。 HTMLはほとんど手を加えないので、既存のサイトにも簡単に利用できると思います。 Auto Fix Anything ..

jQueryプラグインでメガメニューを実装できる「Accessible Mega Menu」
bl6.jp

Accessible Mega Menuはメガメニューを実装できるjQueryプラグインです

事前レンダリングでウェブページの表示時間を高速化
www.suzukikenichi.com

事前レンダリングと呼ぶ技術を使ってウェブページの表示を高速化する方法を解説する。rel=“prerender”を設定しておけば任意のページを前もって読み込みこませることができる。ユーザーがそのページにアクセスするときにはすでにページの表示が完了している。