クールな名刺作成チュートリアル３３:phpspot開発日誌
33 Tutorials to Design Your Own Business Cards | Vandelay Design Blog クールな名刺作成チュートリアル３３ 次のようなクールな名刺を作成するチュートリアルが特集されています。 デザイナーとして活躍されている方は名刺に書いてある肩書きよりも、名刺のデザインでアピールしたほうがよいのかもしれませんね。 あとで見返すこともあったりしますがインパクトのあるものはその時にも注視してしまうものです。 関連エントリ オシャレな名刺を一発作成できる５つの名刺用Photoshopテンプレート プリントして使えるクールな名刺作成Photoshopチュートリアル スーパークールな名刺デザイン３６ 裏表使えるクールな名刺のPhotoshopテンプレート５
画像を使わずCSS3だけで尖ったBack・Nextボタンを作る方法
CSS3だけで、iOS風のBackやNextの尖ったナビゲーションボタン作る方法ないかな〜と探していたところ、良記事があったので紹介します。Androidで確認してませんが、webkit向けなのでたぶんAndroidでも大丈夫だと思います。Androidはひと工夫必要そうです。 CSS3 Wizardry -Back and Next Buttons Revisited- CSS3 Wizardry -Subpixel Rendering- Buttons Revisitedの方が改良版で疑似要素バージョンみたいです。原理はSubpixel Renderingの方がわかりやすいです。 ポイントとなるHTML ボタンを構成する要素はこれだけ。 <!--ボタン要素--> <div class="button bordered back"> <span class="label">Back</s
いざという時に便利な全部で100種類のピクセルベースのPhotoshopのパターン素材
100 Pixel Patterns (PAT) [ad#ad-2] パターン素材を使用すると、下記のようなパターンを簡単に作成できます。 そのままテクスチャに使用してもよし、ディテールの強化に使用してもよし、です。
ツールバーのボタン1つでブックマークを楽々管理できるChromeの拡張機能「Neat Bookmarks」 | ライフハッカー・ジャパン
Chrome：スクリーンの貴重なスペースをブックマークツールバーごときに割きたくないですよね。 でもブックマークに素早くアクセスしたいと思っている人には、Chromeの拡張機能「Neat Bookmarks」がオススメです。 Neat Bookmarksをインストールすると、Chromeのツールバーにボタンが１つ追加され、そこからフォルダで管理されたすべてのブックマークを見ることができます。 Neat Bookmarksはワンクリックでブックマークを見ることができる上に、オムニボックスで「* 」（半角のアスタリスク＋半角スペース）を入力すると、Webではなく自分のブックマーク内で検索することもできます。 オプションで、選択したブックマークを新しいタブで開いたりマウスボタンの操作で背景タブから開くことが可能。またショートカットキーでブックマークを素早く開いたり、開きたいブックマークをサッと選
ついに知的ツールとして使えるようになったEvernoteのノート間リンク機能
*教えと学びの子らよ、この書物は汝らのために書かれた。この書物を味わい、様々な場所に散りばめられ、ある場所には集められた意味について熟考せよ。お前たちの叡智によって理解されるべく、ある場所で隠されたことは別の場所で明らかにされている。 ーネッテスハイムのハインリヒ・コルネリウス・アグリッパ「隠秘哲学について」 * Evernote Mac OS X ベータ版に、ついにノート間のリンク機能が追加されています。 ノートのリンクを取得するには、リンク先のノートを右クリックして「ノートリンクをコピー」を選択します。 ここで重要なのは、リンクはノートを同期するか、ローカルノートブック内に保存してからでないと取得できない点です。まだ済んでいない場合は、警告が表示されます。 コピーしたリンクを目的とするノート内でペーストすればリンクを作れます。 また、コピーしてあるリンクを任意の文字列に貼り付けることも
非技術者のためのOAuth認証(?)とOpenIDの違い入門【2023年版】
昔から、「OpenIDは認証でOAuthは認可だ」などということが言われます。しかし、その言語の意味を取り違えている方が結構多い気がしています。「もうOpenIDなんていらね。OAuthだけでいいじゃん」というような言説がよく流れてくるのがその証拠だと思います。OAuth認証というのもその類ですね。 そこで、今日はOAuthとOpenIDの違いを考えてみたいと思います。 OpenIDは紹介状、OAuthは合鍵 まずはOpenIDの概要の復習です。「OpenIDは認証」という言葉の内容をまずは復習してみましょう。 「認証」とは大変広い言葉でいろいろな場面で使われますが、「OpenIDは認証」という使い方の時は、「OpenIDは、いま来ている人の身元を認証」（ユーザ認証）という意味です。図にすると図1のような流れになります。 この例では、有栖さんがお客としてサービス提供をしているサイトである伊
ウェブデザインで効果的に半透明とオーバーレイのテクニックを使う方法とその実例
半透明とオーバーレイのテクニックは効果的に使用すると、奥行きとリアリズムを作り出し、退屈なウェブデザインにモダンな印象を与えます。 Onextrapixelから、ウェブデザインにおいて効果的に半透明とオーバーレイのテクニックを使う方法とその実例を紹介します。 Opacity and Overlay Techniques in Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 Dark Overlay Light Overlay Color Mixes Dark Overlay ブラック、あるいは暗いグレーを使ったオーバーレイ。最近のウェブデザインでよく見かけるタイプです。見た目はスタイリッシュになり、画像やスライドショー、ナビゲーションなどによく利用されています。 このテクニックを利用する際は、CSSでの透過をサポートしていないブラウザがまだあるため、PNGで
HTML5, CSS3, jQueryを使用したフロントエンド開発用のフレームワーク -G5 Framework
CSSのキャッシュ対策 クロスブラウザ対応の角丸、ボックスシャドウ、不透明 ショートハンドCSS、再利用可能なclass ページ下部に固定表示されるSticky Footer CSS（Reset関連） リセットはHTML5ベースのEric Meyer's Reset Reloaded フォントのノーマライゼーション Webkit系ブラウザのフォントのスムージング フォーススクロールバー ラベルの一列化 クリック可能なインプット要素 スクリーンリーダー対応 IE7のイメージリサイジング 印刷時のスタイル X(HTML) クリーンなコード構造 コンテンツ幅は940px F型レイアウト 古いバージョンのIEからイメージツールバーの削除 最新のIEのレンダリングエンジン jQuey 1.5.2ベース（1.4.4も可） ページ上部へスムーズにスクロール HTML5のプレースホルダー機能 ナビゲーショ
[CSS]「:before」「:after」でタブのディテールを強化するスタイルシート
Flared Borders with CSS デモページ ※上：ディテールを強化したタブ、下：旧式のタブ [ad#ad-2] 対応ブラウザは「:before」「:after」はCSS2ですが、スタイルに角丸などのCSS3を使用しているため、CSS3対応ブラウザ（Firefox, Chrome, Safari, IE9）でご覧ください。 HTML リスト要素を使用して、実装します。 <ul> <li class="current"><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Products</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> CSS：タブのベース シンプルな角丸
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
