53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine
CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is. Over the la
無料で200個以上のウェブサイトテンプレートを配布する「OpenDesigns.org」 - GIGAZINE
現時点で約200個以上のウェブサイトテンプレートが無料でダウンロード可能になっており、ライセンスも商用利用可能なものからGPLライセンス、CCライセンスまでいろいろ。 特筆すべきは検索機能の充実具合で、XHTML準拠、ライセンス別、明るい系か暗い系か、幅は固定かそうでないか、カラムの数、色名を組み合わせて絞り込みが可能。 詳細は以下の通り。 Open Design Community - Download Free Web Design Templates - OpenDesigns.org http://www.opendesigns.org/ 強力な検索機能の利用は以下から。 Search Designs ・ OpenDesigns.org 以下からサムネイル画像でテンプレートのプレビューを見ることもできます。サムネイル画像の上にマウスを乗せれば詳細な情報が表示されるので便利。クリック
Faviconをつくるときに参考にしたいデザイン＆ツールいろいろ | P O P * P O P
アドレスバーやブックマークの左側に表示されるFavicon（こんなの↓ですね）に関する記事がありました。 参考になりそうなきれいなデザインやツール類があったのでご紹介。これからFaviconつくるぞー、という人はよろしければどうぞ（それよりもこのブログのFaviconをなんとかしなくては・・・）。 » Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine 下記に一部をご紹介。 ■ 花びら系デザイン ↑ カラフルですね。 ■ 丸系デザイン ↑ 丸を上手に使ったデザインはWeb2.0ぽい気がします。 ■ 文字系デザイン ↑ Googleの「G」やmixiの「m」もそうですね。はてなはブックマークは「B」、ダイアリーは「D」などと分けているようです。 ■ 模様系デザイン ↑ 凝ってますね。 ■ 四角系デザイン ↑ Appleは四
自分のサイトがほかのブラウザでどう見えるか試す「browsershots.org」 - GIGAZINE
1年ぐらい前からある無料サービスで、自分の作ったサイトやブログなどがほかのブラウザから見ると正常に見えているかどうかを画像として見せてくれるサービスです。特に自分が普段使っているOS以外の環境下での見え方がわかるので重宝します。 対応しているブラウザは、WindowsはFirefox1.0/1.5/2.0、K-Melon 1.0、MSIE 6.0/7.0、Mozilla 1.7、Navigator 4.8、Netscape 6.2/7.2/8.1、SeaMonkey 1.0。MacはSafari 2.0。LinuxはDillo 0.8、Epiphany 2.14、Firebird 0.7、Firefox 1.0/1.5/2.0/3.0、Flock 0.7、Galeon 2.0、Konqueror 3.3/3.4/3.5、Mozilla 1.7、Navigator 4.8、Opera 8.5
Web 2.0：次世代ソフトウェアのデザインパターンとビジネスモデル（前編） - CNET Japan
2001年のドットコムバブルの崩壊は、ウェブにとって、ひとつの転換点とな った。「ウェブは誇大に宣伝されていた」と多くの人が結論を下したが、バブ ルとその後の淘汰はあらゆる技術革命に共通する特徴であるように思われる。 一般に、淘汰は新興技術がそれまでの主役に取って代わる段階に到達したこと を示している。見かけ倒しの企業は駆逐され、本物の実力を備えた企業が大き な成功を収める。そして、両者の違いが理解されるようになる。 「Web 2.0」という概念は、O'ReillyとMediaLive Internationalによるブレ インストーミングから生まれた。ウェブのパイオニアであり、現在はO' Reillyでバイスプレジデントを務めるDale Doughertyは、ウェブは「崩壊」し たどころか、かつてないほど重要な存在となっており、刺激的なアプリケーシ ョンやサイトは、驚くほど着実に生まれて
Webデザイン エンジニアリング第22回 適切な「色」の選び方:ITpro
Webサイトを設計する際，「色」は様々な問題を起こします。開発者それぞれの想いが込められやすいのかもしれません。開発末期になってから，色の変更指示で不眠開発になるという話は，いまだ昔話にはなっていません。 色の問題を解決するためには，色についての知識があったほうが助かります。ただし，色自体の講釈をここではしません。色を決めていく過程の参考になりそうなことを記します。 刷り込まれている色/固定イメージのある色 私たちは様々な色に囲まれて生活しています。その中で，色と行動が一番密接にかかわりを持つのは「信号」です。我々の取るべき行動を色が指示します。それはあまりに一般的になりすぎて，我々は無意識のうちにそれらの色に対して同様の行動パターンを取りやすくなっています。 例えば，赤色を見ると何か危険なことがそばにあるのかもしれないと警戒したり，黄色の標識を目にすると周囲に対して少し注意力をはらったり
サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論 [絵文録ことのは]2006/11/25
このブログの本文の横幅は、かなり狭い。それはなぜか。 結論から言えば、「ブラウザで見るときの実際の横幅」と「印刷可能な横幅」の二つの要素が大きな要因となっている。画面そのものはかなり広くても、実際に見るサイズ、そして印刷したときにはみ出ないサイズというのは案外小さい。 このことを実際の統計数値を交えて書いてみたいと思う。 ■画面の広さ 以前の旧デザインでは、横幅を指定せず、可変幅で表示していた。たとえばここなどを見てもらえばわかるが、ブラウザを小さくすればそれに応じてサイズが縮まる。したがって、どんな幅のブラウザでも（狭すぎると困るが）はみ出ることはないし、また、印刷するときにもきちんと印刷される。画面上で見るときの「横スクロール」というのは想像以上に鬱陶しい。 だから、可変幅というのは、ある意味、無難な正解といえる。 ■一行の長さは40字前後にしたい しかし、画面そのものがかなり大きくな
Movable Type 入門
Movable Type5 MovalbeType5の新機能Movable Type 5のダウンロード方法カスタムフィールドのインポート インストールと基本設定 Movable Type用にレンタルサーバーを借りるMovable Type4ダウンロードファイルの解凍、アップロード、cgi属性変更configファイルの設定は不要ブラウザからconfig設定ブラウザからユーザ設定ムームードメインで独自ドメイン取得 アップグレード Movable Type4 アップグレード方法 MT４アップグレード トラックバックで止まった場合 付録 解凍ツールの設定 FTPのインストール FTPの設定（ロリポップ編) 管理画面の使い方とカスタマイズ MovableType 4 初期画面 初期設定は分かりづらい テンプレートの種類と作成方法手順 新規ブログの設定方法 ウェブページの使い方 Movable Typ
CSS Remix
Cascading Style Sheets Explained If you’re new to Cascading Style Sheets, or CSS, then this short guide is for you. After a brief introduction to CSS and some of its benefits, we’ll move on to CSS frameworks to help you decide if you should use one and if so, which one would be best for your needs. What is CSS? CSS is a computer programming language used for describing the visual presentation of a
[CSS]スタイルの初期化(前編) -全称セレクタとhtml, body編 | コリス
2007年春現在よく使用している、ブラウザがもつスタイルを初期化するスタイルシート「全称セレクタとhtml, body編」です。 CSSのスタイルの初期化が必要な理由 スタイルの初期化 -全称セレクタ（*） スタイルの初期化 -html, body スタイルの初期化 -全称セレクタとhtml, body のメモ スタイルの初期化(後編) -body内の個別タグ編 CSSのスタイルの初期化が必要な理由 HTMLの各タグは、ブラウザごとに初期スタイルが異なり、スタイルシートでレイアウトを行う際、ブラウザごとに異なる指定を行わないと期待通りのレイアウトを再現しない場合があります。 そのため、同一のスタイル指定で意図したレイアウトが再現できるように、このブラウザごとのスタイルの差異を無くすスタイルシートの設定を行います。 対象としているブラウザは、最近の僕の受注案件の多くは下記のブラウザが対象にな
![[CSS]スタイルの初期化(前編) -全称セレクタとhtml, body編 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
Modern Syntax : CSでのWeb2.0スタイルの角丸上半分テカリボタンの作り方
さて、モダシンラジオのデータをホスティングしてもらっているSpotify for Podcasters(旧Anchor）の私のページはこちらです。 https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa このSpotify for PodcastersページのRSSは以下になります。こちらのRSSではenclosureタグなどでlength値などがしっかり入っているのでこれを購読しておくとよいかと思います。 https://anchor.fm/s/66ff2830/podcast/rss ここで聴く！という人は以下のプレイヤーからどうぞ。 んで、これまではGoogle Drive上に保存したmp3ファイルを聞きたい方は以下のリンクをクリックしてください。ブラウザ内で聞けます。 https://drive.google.com/f
古いバージョンのＩＥを１台のＰＣで使う方法:phpspot開発日誌
IE 6.0 - Browsers - Multiple Explorers ブラウザの速度比較のリンク先でも出てましたが、古いバージョンのIEを使う方法。 サイトでは、IE3、IE4、IE5.01、IE5.5sp2のバイナリが配布されており、解凍してすぐ使えます。 古いバージョンのIEでいろいろページを見ていると、CSSでデザインされているページの場合、結構デザインが崩れてたりします。 古いＩＥはないから動作検証できないなぁ、と思っていた人にもこれである程度調節は出来ます。
Free online web template generator
Making your own Web template has never been easier. Our free online editor makes it a matter of minutes. No software to install. No Photoshop needed. No tricky PSD to HTML conversion required. No design service to pay. All you need is there to create a stunning custom Web design ready for download. It's quick, easy and fun ! All parts of your template can be customized. From header to footer, acce
「マウスオーバーでリンク先のサムネイルを表示」は導入してほしくない - ARTIFACT@はてブロ
Twitterでちょっと盛り上がったのではてなにもメモ。あまり見かけない意見なので書いておく。 ※追記したけど、サービスのなかでも設定を無効にすることができるものも多い マウスオーバーすると、リンク先のサムネイルを表示するJavascriptがあるんだけど、あれが役立ったことないんだよなー。その割には鬱陶しいので、だから、自分で導入する気はないし、できたら他のブログで導入して欲しくない。 サムネイル画像を表示すれば、閲覧者が興味を持ちやすくなるだろうという発想から生まれているんだろうけど、特殊なWebサービスで画面が特徴的だとかならまだしも、他ブログにリンクしている場合、ブログのサムネイル画像はそれほど特徴的でないので、そんなに役立つことはない。ブログの場合、閲覧者に関心を持ってもらうのなら、サムネイル画像よりも記事の中身を引用するほうがいいだろう。 ブログの記事が文字だけで素っ気ないから
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEBデザインセンス向上まとめ。カラー統一サイト30×5・計150サイト＋2200以上の無料HTMLテンプレ*ホームページを作る人のネタ帳
CSS Tips：メモランダム
なつみかん＠はてな - ユーザビリティ関連記事 まとめ
DHTMLとAJAXのフリーで使えるコード集「DHTMLgoodies.com」
FREE Logo Maker - FREE Logo Creator - FREE Online Logo Design
80種類のフリーのテンプレート配布とチュートリアルサイト「Zymic」:phpspot開発日誌