kazu.nishi

248 Flips | 5 Magazines | 29 Likes | @kazu0924 | Keep up with kazu.nishi 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 “kazu.nishi”

Webサイトで動画再生させる場合に必須!動画の軽量化方法

おはこんばんにちは、HALです。 今回は、動画をWeb用に軽量化するための方法を紹介します!  軽量化を行わないと、たとえば 1280px × 720pxの30秒ぐらいの動画の場合 40MGほどの重さになってしまい、その...

CSSのすごいアイデアから実用的なテクニックまで!スタイルシートの最新テクニックのまとめ

最近のWebサイトやアプリで見かけるアニメーションを使った操作が気持ちいいUIエレメントを実装するスタイルシートを紹介します。 デモではHTMLやCSSのコードが掲載されているので、コピペで簡単に利用できます。 ※一部J...記事の続きを読む

Vorlon.jsとは? ブラウザーでWebデバッグできるお手軽な開発者ツール | Vorlon.js入門

Vorlon.jsという開発者ツールを知っているだろうか? このオープンソースツールを使えば、PCブラウザーで各種Webデバッグが行える。その機能概要と基本的な使い方を解説。

商用OKフォント!筆ブラシで話題のハンドメイドスタイル Morracle

インクをつけて描いたような、ラフな手書き感を演出できるフリーフォント Morracleをご紹介します。 <b>商用ライセンスにも対応</b>しており、これからの<b>クリスマス、ホリデーシーズンにもぴったりな書体</b>です。 詳細は以下から。 ロゴデザインにオススメ、手書きブラシスタイルのフリーフォント Morracle …

ポートフォリオWebサイトを作ろう!2015年版

Webデザイナーやデベロッパーの就職・転職活動で必要なのが、これまで制作した作品をまとめたポートフォリオWebサイト。以前このブログでも「Webデザイナーになりたい!就活に打ち勝つポートフォリオWebサイトの作り方」という記事で作り方なんぞをまとめました。この記事を書いた2010年時点では「ポートフ …

シンプル設計なBootstrapベースの管理画面テンプレート・「Light Bootstrap Dashboard」

そろそろ真面目に、HTMLで帳票を描く話をしようか

ひらがなで書くべき漢字のまとめ: 企業サイトで使用する「ひらく漢字」「ひらかない漢字」

これまでに数多くの一部上場企業様のWebサイトのリニューアル・サイト制作にコアメンバーとして参加し、その中で表記ルールもかなりの数を策定してきました。策定時のベースに使用する「ひらく漢字」「ひらかない漢字」の一部を紹介します。<p>※以前、公開した記事を再編集したものです。<p>表記ルール: …

ピクトグラムアイコンの検索に便利な「IconsDB」

スマフォにも最適化し、ファンゲート対応のFacebookページも作成できるフリーのWPテーマ・Flexibleがなかなか良さそう | かちびと.net

国産のWebデザインギャラリーサイトが一番参考になるのでまとめた | かちびと.net

クオリティーの高いフリーのXHTML/CSSテンプレート30

• Urban Gear<br>スライドショーのある、ECサイトのデザイン<br>• Ornare<br>サムネイル付きのスライドショーのある、すっきりとしたサイトデザイン<br>• My …

cssの情報・まとめ | かちびと.net

cssの情報まとめです。ローカル<br>環境にストックしていた情報を<br>開放してみますのでシェアして<br>頂ければ幸いです。内容は<br>結構偏っていると思いますので<br>参考程度になさってください。<p>全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情 …

Webデザイナーのためのオープンソース

cometdocsというサイトで、Webデザイナーのためのオープンソースがたくさん紹介されています。<br>いくつかご紹介しますね。<p>Open Web design.org<br>フリーのデザインテンプレートがダウンロードできるコミュニティーサイト<br>• Open Design …

Web制作に役立つリソースサイトを大量にストックしているBLUE VERTIGO | かちびと.net

人気ナビゲーションスタイル10個を徹底解剖!実装テクニック+参考サイトまとめ

写真から水をモチーフとしたペイントを作る「Color of Water」-ネット投稿がアフリカの安全な水に

著作権・肖像権について、写真やイラストなどの素材を安全に使うために知っておきたいこと

デザイナーをはじめ、多くの制作者が利用している「アマナイメージズ」協力のもと、写真やイラストの著作権・被写体の肖像権についてまとめました。 Webデザインで写真やイラストの素材を使用する時、写真をトレースしてイラストを描...記事の続きを読む

2015-2016年対応!流行トレンド配色カラーの使い方、テクニック10個まとめ

美しさに自信あり!商用可な手描き筆記体フリーフォント素材Bellico Typeface

Webサイトのテンプレートやスニペット、UIキット等を配布する・「Creative Tim」

Creative Tim<p>Creative …

商用無料でしかも高品質!レスポンシブ対応の美しくデザインされたHTML5/CSS3のテンプレートのまとめ

今時の繊細でかっこいいエフェクトを備え、美しくデザインされたレスポンシブ対応のランディングページ、プロダクトページ、縦長ページ、ポートフォリオ、ブログなど、HTML5/CSS3で作成された商用利用無料のテンプレートを紹介...記事の続きを読む

そのURLが表示される時

Facebookで「URL」付きの投稿をポストした際に以下のような「<b>URLが参照するコンテンツのサマリーを考慮した表示</b>」になるのはご存知だろう。こうした「URLの表示」はFacebookのみならず様々なプラットフォームで行われつつあり、混沌としつつも、ウマく活かせば閲覧者にとって便利な機能となる。僕 …

フォームはラベルの配置場所で使いやすさが全然変わる!ユーザーが利用しやすいフォームを徹底考察

実装は超簡単!デザインがかわいく、アニメーションもかわいいCSSで実装された軽量スピナー

無料でしかも高品質!レスポンシブ対応の美しいWebページを作るためのHTML5/CSS3のテンプレートのまとめ

レスポンシブ対応の縦長ページ、ランディングページ、プロダクトページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。 単に使うだけでなく、デザインやHT...記事の続きを読む

レスポンシブのうまいアイデア満載!RWD対応のナビゲーションを実装するスクリプトのまとめ

レスポンシブの確認が快適に!ブラウザやOSを問わず各デバイスをシミュレートしてWebページを表示できるオンラインサービス

分かりやすいイラストで、Webデザインに大切な10の要素をまとめたインフォグラフィック

デザインの基本を顧みることもたまには必要ですよね。 分かりやすいイラストで、Webデザインに大切な10の要素をまとめたインフォグラフィックを紹介します。 10 Basic Elements of Design 下記は各ポ...記事の続きを読む

画像にウォーターマークを付与出来るスクリプト・「watermark.js」