[B! web] saty_htnのブックマーク

人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ！ | Chrome Life

みなさんは、サイトをスクラッチで作る時にどうされていますか？ HTMLやCSSをイチから作り込んでいくのは大変ですよね。フリーでHTMLやCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局ゴリゴリ作らないといけなかったりします。最近だと、Twitter Bootstrapが使いやすくて、いろんなサイトでも使われています。特にウェブ系のスタートアップは、ほとんどがTwitter Bootstrapをベースにしているんじゃないかというぐらいよく目にします。しかし、どれもこれも同じような見た目になっちゃってて、デザイン的にはちょっと残念な感じがします。 Twitter Bootstrapを使うと、なぜここまで似てしまうのか？それは、パーツが完璧に揃いすぎている！のが原因です。 Twitter Bootstrapがバージ

saty_htn 2012/02/22

design
web

リンク

[JS]jQueryのプラグイン100選 -2011年総集編

2011年に紹介したものを中心としたjQueryのプラグイン100+α選です。今年はCSS3の影響もあってかアニメーションのエフェクトが目立ちました。また、Resposive Web Design用の可変ものや動画・テキストを扱ったものも多かったですね。 [ad#ad-2] 動画関連画像ギャラリー関連画像拡大関連画像配置・キャプション関連背景画像関連コンテンツスライダー・カルーセル関連タブ関連ナビゲーション関連レイアウト関連パネル・ボックス関連ツールチップ・ティッカー関連アニメーション関連エフェクト関連スクロール操作・スクロールコンテンツ関連リスト関連テーブル関連フォーム関連テキスト関連見出し抽出関連ローディング関連エレメント・コンテンツ生成その他動画関連

saty_htn 2011/12/12

リンク

ディレクターが思う。Webサイト設計時に必ず注意したい2つこと（+1） | ユーモアのある人生を。【Maka-Veli.com】

まず前提として、「ヒアリング」がディレクターとしては最も重要な要素ですが、これは別の機会とさせて下さい。ヒアリングを行う上で、もしくは行った上での対策3つです。いわゆるターゲッティングです。必ず必要になる設計要素で、これが無ければWebサイトの成功は無いと個人的には思っています。なぜターゲッティングが必要か？見たい人が見ないサイトでは、存在価値がありませんよね。これは、設計時や表面上のデザインに大きく影響します。女性向け、男性向け、10代、50代、様々なターゲット層を踏まえ、サイトを構築する事が重要です。どのように行うか？ターゲットを想定し、見せたい情報は何か、ユーザーが知りたい情報は何か？そしてどんな人が訪れる可能性があるか？それら全てを想定します。よく行われるのは「ペルソナマーケティング」と言われる手法で、ペルソナ=架空の人物

saty_htn 2011/09/21

web

リンク

DEPTHJS | MIT Media Lab

DepthJS allows any web page to interact with the Microsoft Kinect using Javascript. Download it for Safari Download it for Chrome (One-click install coming soon!) Navigating the web is only one application of the framework we built - that is, we envision all sorts of applications that run in the browser, from games to specific utilities for specific sites. The great part is that now web developers

saty_htn 2011/05/11

Kinnect使ってJS制御。やばし

リンク

WEB屋が使う最高の無料SEOツール41個 – マーケティングブログ

日本の無料SEOツールの中では高機能かつ動作が軽いのが特徴。ソーシャルブックマークやIPアドレスなども解析可能。 URL‥http://seocheki.net/ WODGE相互リンクチェッカー無料・無制限で使用可能。1度に５URLをまとめてチェックが出来るのも便利。相手先ページの発リンク数も表示されるので、有効なリンク先を見つける参考になります。 URL‥http://www.wodge.biz/linkchecker/ エラーチェックツール Google Search Console これなくしては、現代のSEOはほぼ行えないでしょう。モバイルでのエラーやページの表示速度など、基本的なユーザビリティチェック URL‥https://search.google.com/ Dead Link.tv

saty_htn 2011/05/10

web
SEO

リンク

HTML5を使った気になるサイト！ | バシャログ。

サッカー日本代表、負けてしまいましたね。残念ですがとてもいい試合をしてくれたと思います。minamiです。さて近ごろ世間はHTML5、HTML5と騒がしいですが、一目見てすげえっ！となるHTML5のデモサイト&チュートリアルサイトを集めてみました。できるだけHTML5対応の進んでいるChromeやSafari最新版などで閲覧することをオススメします。 HTML5を使ったデモサイトここまでやれるのかとびっくりするほどクオリティの高いアニメーション&インタラクティブコンテンツ。 HTML5 Canvas Experiment VIDEO要素を3Dでグリグリ Blowing up HTML5 video and mapping itinto 3D space HTML5で弾避けシューティング！ HTML5でTAMAYOKE!!!111 AppleのHTML5デモページ。Safariでしか

saty_htn 2010/06/30

リンク

HugeDomains.com

Captcha security check devmoose.com is for sale Please prove you're not a robot View Price Processing

saty_htn 2010/01/23

tips
web

リンク

2009年、ウェブデザインに役立つまとめのまとめ

Web Design Trends For 2009 邦訳：2009年、押さえておきたいウェブデザインの10のトレンド 2009年に流行るであろうとされた10のトレンドです。確かに、これらのものが使用されたサイトは多く見かけました。

saty_htn 2009/12/22

リンク

2009年12月第2週号　1位は、ミニマルなWebレイアウトを作るために必要なこと、気になるネタは、絶対に覚えたい iPhone＋Google音声検索・10の技 | gihyo.jp

週刊Webテク通信 2009年12月第2週号1位は、ミニマルなWebレイアウトを作るために必要なこと、気になるネタは、絶対に覚えたい iPhone＋Google音声検索・10の技ネットで見かけたWebテク︵Webテクニック・Webテクノロジー︶記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2009年12月7日～12月13日の間に見つけた記事のベスト5です。 1. How to project a minimalist layout? attention to the details | Your Inspiration Webhttp://www.yourinspirationweb.com/en/how-to-project-a-minimalist-layout-attention-to-the-details/ ミニマルなWebレイアウトを作るた

saty_htn 2009/12/17

リンク

IE1, 2, 3, 4, 5, 6, 7, 8の確認が同時にできる -Internet Explorer Collection

Internet Explorerの異なるバージョン︵1, 1,5, 2, 3, 4, 5, 5.5, 6, 7, 8︶を同時に起動して、確認ができる﹁Internet Explorer Collection﹂を紹介します。 Utilu IE Collection 同時起動できるIEのバージョンは、インストールするWindowsのバージョンによって異なります。当環境︵XP SP3+IE7︶では、上記のキャプチャのようにIE1.5, 2, 3, 4, 5, 5.5, 6, 7, 8を同時起動できました。 ※元のIE7には特に影響はありませんでした。古いバージョンが必要ない場合は、インストール時にチェックをはずせばインストールしないと思います。

saty_htn 2009/04/02