![http://www.designwalker.com/2009/07/web-design-trend2009.html](https://cdn-ak-scissors.b.st-hatena.com/image/square/1220ce44007b9685bc4d7ebd90c7f40ad007c7fe/height=288;version=1;width=512/https%3A%2F%2Fwww.designwalker.com%2Fwp-content%2Fuploads%2F2017%2F12%2F03.png)
cssを使った小技テクニックの エントリーが様々なブログで 公開されていますが、必要な時に 探すのが面倒なのでまとめます。 ソースコードを公開している記事に 絞ってまとめています。 CSSで実装する、ちょっと凝ったパンくずリスト cssでパンくずをデザインする方法とサンプル CSSで実装するちょっと凝ったパンくずリスト CSS(スタイルシート)でbodyに設定しておくと便利な5つのポイント ユーザービリティ(見易さ)を考慮したbodyに設定する。CSS HappyLifeさんも 記事を参考に別コードを公開。 CSS(スタイルシート)でbodyに設定しておくと便利な5つのポイント CSSだけでフレームを作るテクニック frameタグを使用しないで擬似フレームを作成。IE6対応。 CSSだけでフレームを作るテクニック テキストに影を付け印象的にする JSとcssでテキストに影を付けるテクニック
EclipseでJava版App Engineを始めるための基礎知識:Google App Engineで手軽に試すJavaクラウド(1)(1/4 ページ) Google App Engineがやって来るJa!va!だぁ! 米グーグルは2008年4月7日、Pythonで作成したプログラムが動くクラウド・コンピューティング環境「Google App Engine」(以下、GAE)を発表しました。それからちょうど1年後の2009年4月7日、GAEはPythonに加えてJavaへの対応(以下、GAEj)を発表しました(参考:グーグルのクラウドがJava対応、JRubyも稼働か)。 2008年のGAE発表当初、日本ではPythonのプログラマ数があまり多くなく、反響もいまひとつの感じがありましたが、今年になって開発者や利用実績が多いJavaに対応したことで、GAEのユーザー数が一気に増加する可能性
各種チュートリアルをはじめ、写真画像やベクター素材、アイコン、フォント、カラーなどウェブ制作に役立つウェブデザイナーのための検索サイトを紹介します。
多くの読者を抱えるブログは、 情報が持つ鮮度価値、質、 そしてターゲットが見えているブログが多い。 ブログは、マーケティング戦略の基本中の基本ともいえるターゲティングに徹底的にこだわる事で、大きな成果を上げる事ができるのです。 一方では、アクセスを増やす為の文章術を学ぶべきという声や、ブログのデザインから重要であるといった声、逆に書きたいと思ったことを書くべき、という声があります。 私はこれまで、多くのwebサイトを作成したり、ブログエントリをポストしてきましたが、情報自体の価値というのは、時代とともに移り変わり、考えれば考えるほど難しい問題だと感じています。 しかしどの時代でも、情報とは、 あるひとつの答えに過ぎない。 それをはっきりと意識する事が、ブログを活用する意味を見出す事に繋がるのではないかと思い、ここに書き残してみたい。 情報とはいったい何か あらかじめ伝えておきたい事は ブロ
「Greasemonkey」は「Firefox」のアドオンの一つで、Webページをより使いやすくするツールです。米lifehackerでは2年前に「Greasemonkey」スクリプトベスト10を発表しています。 当時、ライフハッカーとしては自信を持って紹介したのですが、この2年の間に新しいものがいくつか発表されたり、オリジナルのスクリプトが「Firefox 3」用に実装されたりしているので、今回はアップデート版を紹介しますね。 このベスト10は、ややGoogleユーザー寄りであるように感じるかもしれませんが、「Greasemonkey」とGoogleは同じタイプのJavaScriptを使っているので、ある意味予測された結果だといえます。なお、今回紹介しているスクリプトは、「Firefox」に「Greasemonkey」がインストールされた状態が最適な動作環境になっています。ただし、中には
僕は最近、SEOmozのPRO会員向けQ&Aを通じて、新たにSEOを始めた人たちと仕事をする機会が多い(ところで、記事が遅れた言い訳をさせてもらうと、Q&Aの書き込みがここ3週間で3倍になって、僕らちょっと手一杯の状態なんだ)。それはそれですごくいい勉強になるし、おかげでSEO初心者にありがちな悩みや誤解も見えてきた。それを少しでも解決するため、今夜は少し時間を取って、中でも大きな問題をいくつか取り上げたいと思う。 あちこちで繰り返しキーワードターゲッティングをしすぎるある特定のキーワードやフレーズをターゲットにする場合、そのキーワードをサイトの全ページにわたってtitle要素とh1要素、それから本文にも入れるべし、とよく間違ったアドバイスがされているけど、そんなことをする必要はない。 もちろん、何かのついでにとか、本当に関連性がある場合にそのキーワード/フレーズを使うのはかまわない。でも
JavaScript などを駆使したリッチな UI の需要も、ますます高まってきていると思います。 その証拠に、当バシャログでも、その手の記事が人気を集めています。 そこで今回は、そのようなエントリーをまとめてみます。ここ半年ほど物で、全 9 エントリーです。 それではどうぞ。 使いやすい lightbox 系スクリプト by sakai(2008/11/6) lightbox 系のスクリプトはとにかくたくさんありますが、その中でも比較的新し目で使い勝手の良いものをご紹介しています。 Fancy Box → デモ この系統のはどんどん出てきますね。 Sexy LightBox 2 残念ながら、この「sexy-lightbox-2」はこのエントリ執筆現在、サーバに繋がりませんでした。 ヴァーチャルツアーが簡単に作れる jQuery virtual tour by nakayama(2008/
来週から本業が修羅場になって、iPhoneアプリどころじゃない。 とりあえず QuadCamera リリースから1ヶ月がたった中間報告をまとめる時間がないのでメモ。 観測気球としてのQuadCameraで、見極めたかったことは以下の通り。 iPhone市場におけるブルーオーシャン開拓のリスクとリワード 競合のいない分野における、アプリケーションのDL数の推移 海外における、バイラル発生の推移とハブの見極め 海外におけるバイラルでのTwitterの位置づけ 海外ランキングのスケールと維持ノウハウの見極め バイラルのハブおよび、Twitterの影響力に関しては、紹介ブログ数やTwitter言及数と、DL数のマッピングデータを採取できた。 具体的にはGizmode, Engadet, Hotwired, EmilyChang, SwissMiss, AppleInsider, Cult of M
最近マインドマップがマイブームになっています。 パソコンのソフトを使うと、さくさくとまとめられるので気に入っています。 自分の考えや本などで学んだことなどは、これまでノートに手書きしたり、パソコンにテキストで打ち込んだりしていましたが、マインドマップでまとめるようになってかなり効率的になりました。 まとめる時間、復習する時間が短縮されるだけでなく、記憶持続力も高まった感じがします。 最近はいいフリーソフトがたくさん出ているので、まだ試していない方はぜひ試してみてはいかがでしょうか? ちなみに、たくさんのマインドマップソフトを使った結果、私は以下のソフトに落ち着きました。 1.Freemind ・主に作業/整理用 ・ショートカットキーなども豊富でほとんどマウスを使う必要なく、作業がさくさくできます。 ・デザインはシンプル ・ダウンロード先:http://www.freemind-club.c
ウェブサイトでやってしまいがちなユーザビリティの9つのミスをSmashing Magazineから紹介します。 9 Common Usability Mistakes In Web Design 下記は、その意訳です。 1. クリックできるエリアが小さい リンクのクリックできるエリアが小さいと、ユーザーはクリックするのが非常に困難です。 解決方法 リンク箇所にpaddingなどを設けて、クリックできるエリアを大きくします。 2. 間違った目的のためのページネーション ページネーションは、内容を複数のページに分ける時に使用します。 しかし、最近ページビューを増やす目的でページネーションを設置しているサイトがあります。これには問題点が2つあります。 一つ目は、1つのコンテンツを読むのにページをロードしなくてはならないこと。二つ目は、SEOと関係があります。ページのインデックス付けを行う際、ペー
ECサイトのデザインに欠かせないのがカートなどのショッピングに関連したアイコン。今日紹介する「Shopping Cart Icons」はそんなECサイト構築の際に役立つアイコン集をさらにまとめたエントリーです。 Shopping Cart Icon かなりデザインされた立体的なカートやショッピングバッグからシンプルで汎用性の高そうなアイコン集など幅広く紹介されています。今回は公開されているアイコンの中から気になったものをいくつか紹介したいと思います。 詳しくは以下 Free eCommerce icons Shopping Cart Icons E-shop Icons アイコンのような細かいクオリティもECサイトの信頼感やブランディングといった所に少なからず影響を与えるかと思いますので、自分で画像を作るのが苦手と言う方には種類も豊富にありますので、良い素材集だと思います。 WEBでお店を
Welcome to Startups Weekly — Haje‘s weekly recap of everything you can’t miss from the world of startups. Sign up here to get it in your inbox every Friday. Well,…
ユーザーのマウス操作にあわせて、複数のレイヤーをずらして動かし、パララックス(視差)効果を与えるスクリプト「mParallax」を紹介します。
ネット上のツールやサービスの情報を探せるデータベースサイト。更新速報やユーザー参加型機能も搭載Orbit Downloader 分割DLや動画サイト対応など多くの機能を備えたダウンロードソフト 公式サイト [フリーウェア] ver. 2.8.5 (2009/02/20)
アイコンデザインで注意するポイントが知りたい。 そんなときにおすすめなのが、『10 Mistakes in Icon Design』。アイコンデザインにおける10の間違いだ。 以下にご紹介。 アイコンのデザインの差があまりない アイコンをセットで作る場合、見分けられないデザインはよくない。↓はMac OS Xのユーティティーアイコン。見分けがつきづらく、間違って起動してしまう。 一つのアイコンに要素が多すぎる アイコンの中の要素は少なければ少ないほどよい。要素が多いと、小さくしたときに判別しにくい。 不要な要素を含んでいる 要素を少なくし、メッセージがストレートに伝わる要素だけを置きたい。↓はDBアイコンの例。DBであることがわかっているなら、後者の例にした方がわかりやすい。 アイコンセットに統一性がない アイコンセットは、カラースキーム、遠近感、サイズ、描画技術を統一すべき。 小さいアイ
ノートやメモ、札、テープ、クリップなど紙関連の素材をPSD FANから紹介します。 Freebies: Grunge Essentials Pack 8 Free High-Res Card and
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く