Masatoshi Wakizaki

25 Flips | 1 Magazine | 1 Like | @masatoshiwa1607 | Keep up with Masatoshi Wakizaki on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Masatoshi Wakizaki”

最近のウェブデザインのトレンドを取り入れたページレイアウトのPSD素材のまとめ

すべて無料!レスポンシブWebデザイン対応のHTMLテンプレート素材まとめ

2013年11月22日<p>スマートフォンやタブレット、PCなどさまざまなデバイスに対応する、レスポンシブWeb<p>デザインですが、多くのサイトに導入されるようになってきています。そんなレスポンシブWebデザインを使った、サイト作成を無料ではじめませんか。<p>海外デザインブログ1stWebDesignerで、レス …

[JS]かっこいいインタラクションを伴ったスマフォに最適な省スペース用フォームのデモ

シンプルで軽量なCSSフレームワーク・「LAYERS CSS」

レスポンシブWebデザインに使えるCSSフレームワーク&グリッドシステム

使えるとレスポンシブWebデザインに便利なCSS

box-sizing27216891062.334.2○△○○○○○○○○デフォルトのボックスモデルではwidth、heightの値にはpaddingとborderの値を含みませんが、box-sizingプロパティの値にborder-boxを指定すると、widthとheightの値はpaddingと …

[JS]納品前の確認に最適、使用されていないCSSのセレクタを見つけ出すスクリプト -Helium

フォームの入力欄にテキストを表示する際、ユーザーが使いやすくよりセマンティックに実装する方法

[CSS]モーダルウインドウをシンプルな操作とアニメーションでどれだけかっこよく表示できるかのデモ

• Fade in & Scale<br>フェードで拡大しながら表示<br>• Fall<br>縮小しながら集まるように表示<br>• Sticky Up<br>上から張り付くように表示<br>• 3D Flip(Horizontal)<br>水平にくるっと回転して表示<br>• Just Me<br>全画面に表示<br>• Slit<br>真ん中に筋をいれて表示

より素早くCSSコーディングするための、Sass(SCSS)のmixinスニペット集

以前「効率良くCSSコーディングできるSassを使ってみよう!Mac+Codaなら設定も簡単!」という記事で紹介したSass/SCSS。皆さん使ってますか?今回はそのSassの <b>@mixin</b> …

商用可、種類豊富な無料ベクターリボン&バッジ素材40個セット

マークアップのいまいちな箇所を指摘してくれるブックマークレット -DiagnostiCSS

[CSS]画像を使わずに、スタイルシートでぎざぎざの線をかくテクニック

[CSS]アニメーションで細かい動きを加えたカード状のドロップダウンのデモがかなりかっこいい

コーディング規約を作ろう

パララックスサイトを簡単に作成できるjQueryプラグイン8選

<b>#1 Nikebetterworld Parallax Effect Demo | Ian Lunn</b><p>老舗な感じのところですね。<br>jQuery localscrollとか、jQuery …

ウェブの制作者も管理者も必携!実装からGoogle, SNS、スマフォ対策まで役に立つ知識をまとめたSEOのチートシート

デザインテーマのカスタマイズツールも用意されているオープンソースのフロントエンドフレームワーク・UIkit | かちびと.net

[CSS]box-shadowの面白い使い方!画像にシャドウをこんな感じにつけると立て看板風に見える

[JS]既存のページに数行加えるだけでパララックススクロールを実装できるチュートリアル

ぷるるん新感覚!スマフォでのスクロールが楽しくなるナビゲーション -Jelly Navigation Menu

[CSS]アイデアが面白い、ボタンに次々とメッセージを表示するスタイルシート -Story Button

シンプルで軽量なレスポンシブWebデザイン対応CSSフレームワーク・「KNACSS」

ジャイロセンサーに対応したパララックス(視差効果)のあるコンテンツを実装するスクリプト・parallax.js | かちびと.net

これはスゴイ!HTML5でリメイクされたスーパーマリオブラザース