oitake blog ブルブル 3一定期間更新がないため広告を表示しています
Great Fonts for Web 2.0
Apache/2.4.29 (Ubuntu) Server at modernlifeisrubbish.co.uk Port 443
GD-高速道路ゴシックJA-OTF (GD-HighwayGothicJA-OTF) 高速道路の文字を再現しよう計画 5r4ce2[Fiber Force2] pumpCurry's Website - fontJunction at hogera.com
ぱんかれはいつも「なんかないかのう」とつぶやきます。 しかし、このワードをつぶやいているときは面白いモノを作るきっかけを探しています。 高速道路フォントを作り始める前にも「なんかないかのう」とつぶやいていました。 最近はコンビニエンスにいろいろなものが簡単に実現できるようになりました。 調べることも、遊ぶことも、作ることも、何か始めることでさえ、ネットにつなげることができればすぐ完結できてしまいます。 そんな世の中を受け入れつつも、他の方の「こんなのないかのう」を満たすような、なにか変わったものをつくりたい。 サイト名称「5r4ce2(ファイバーフォースツー)」は、Fiber(繊維のような)とForce(力)、この2つを組み合わせたものです。 みなさんと、がっしり結びつきながら、新たな方向性という「力」を、世に発信していければと考えています。 いっしょに、私たちと楽しんでみませんか？ 20
16x16 のミニアイコンたち
前回はミニボタンでしたが、今回はミニアイコンのご紹介。こちらで知った情報です。 famfamfam.com: Icons famfamfam.com では上記のようなミニアイコン（16x16）が 718 個も用意されています。アイコンはメニューやらボタンやらで使用するのに重宝しそうなものばかり。ダウンロードは SILK ICONS から Download をクリックしてください。 当ブログでも早速このアイコンを利用してメニューを変更してみましたが、いかがでしょうか？ なおこれらのアイコンには Creative Commons 帰属 2.5 のライセンスがあり、使用する場合 http://www.famfamfam.com/lab/icons/silk/ へのリンクを置いてくださいとのことです。 スポンサードリンク：
Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
Web2.0とは何か？というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d
2色のハイクオリティなフリーアイコン配布サイト「2pt3」:phpspot開発日誌
2pt3 twotone icons for free! my custom icon set, twotone, is now 100% free. every icon in the set, every colour, and the PSD to change the colours to whichever custom colour you want. you can use it on your blog, website, application or intranet. 2色のフリーアイコン配布サイト「2pt3」。 次のような可愛い感じのアイコンがフリーでダウンロードでき、ブログやサイトで自由に使えるようです。 WEB2.0的なサイト作りにも役立つかもしれませんね。クオリティがそれなりに高いので用途も広そうです。 他にも色々アイコンサイト ソーシャルブックマークのアイコン
サムネイルを作成するウェブサービス一覧 | *LOVE IS DESIGN*
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 最近ソーシャルブックマークサービスも、サムネイル付きが人気ですね。 ブログでサイトの紹介をするときも同じように、サムネイル付きのほうが雰囲気がつかみやすいし、クリックされやすくなると思います。 今日は、サムネイルが簡単にできるサービスを集めてみました。 用途に合わせて使い分けてみてはいかがでしょうか。 Mozshot （前回の記事で使用） カスタマイズ可能なスクリーンショットサービス SimpleAPI - 手軽に使えるウェブサービス群 feedmeter でおなじみの角丸 WebToJpeg - [ リアルタイムウェブページサムネイラ ] 関連：オシャレな影付きのサム
Knowledge of WP Simple APIでコメント欄にサイトのサムネイルを
i d e a * i d e a - トラックバックにサイトの縮小画像を入れてみたで紹介されていたSimple APIを使って、トラックバック元のサイトのサムネイルを表示するTipsをWordPressでも試してみました。WPではコメントとトラックバック・ピンバックが区別されずに一緒に並んでしまうので、ちょびっと工夫が必要です。 今回はEasy ALLをサンプルに進めていきます。手を加えるファイルはcomments.phpです。他のテーマを使っている場合もほとんど同じなので、試してみてくださいね。<?php comment_text() ?>を探してみて下さい。 トラックバック・ピンバックのみサムネイルを表示する まずはシンプルにトラックバック・ピンバックのみサムネイルを表示する場合を紹介します。このように表示されます。 comments.phpの16行目あたりをこのように置き換えます。
画像を使ったタブ式インタフェースが簡単に作れる「Tab menu with images」
Tab menu with images 画像を使ったタブ式インタフェースが簡単に作れる「Tab menu with images」。 次のようなタブ式インタフェースを簡単に作れるようです。 作成する際のHTMLは説明にも書いてある通り、クリーンなものになります。 メニュー部分のＨＴＭＬは次のような感じでクリーン。 タブをマウスオーバーすると下位層のメニューが現れますが、そのメニューも次のHTMLコードに含まれています。 <!-- メインメニュー--> <div id="mainMenu"> <a>Products<img src="images/tabmenu_right.gif"></a> <a>Support<img src="images/tabmenu_right.gif"></a> </div> <!-- サブメニュー--> <div id="submenu"> <!-- Th
なつみかん。 | 脱力系フォントのまとめ
脱力系フォントのまとめ 2006.10.27 Friday エロゲや同人で使えそうな脱力系フォントを集めてみました。主に OpenTypeまたはTrueType漢字も結構入ってるもの を中心に選んであります。他にもたくさんあると思いますが、とりあえず。なお、リンク先のサイトさんには他にも素敵なフォントがたくさんあります。 あくびん **萌萌可愛字體あくび印** もえたんで一世を風靡（？）した「あくびん」。その他にも多数の可愛い系フォントが揃ってます。 みかちゃん オリジナルフォント【みかちゃん】 おそらく最も有名な手書きフォント。 あくあフォント Teardrops in Aquablue これも有名。 S2G海フォント・S2G月フォント :::STUDIO twoG::: えれーな ロシア風素材とフォント☆コサック☆ ふい字 ふい字置き場 あずきフォント・うずらフォント あずきフォント
CSSテンプレート配布サイト色々:phpspot開発日誌
ページ作成の際に何かと役立つCSSテンプレート集。 便利なので、色々なサイトがテンプレートを配布してくれてます。 色々あるのでまとめてみました。 次は、過去に紹介したサイトの本ブログでの紹介エントリ CSSレイアウトのサンプル集 フリーのCSSデザインテンプレート集「Free Css Templates」 ValidなCSS/XHTMLテンプレート集 CSS+XHTMLのテンプレート集:css tinderbox そして、今回発見したサイト。 2カラム、3カラムレイアウトのサンプルが公開されてます。RSS配信によって新着テンプレート情報も得られます。 Dynamic Drive CSS Layouts- Tableless, CSS based templates 今後は、こういったサイトを発展させて、オンラインである程度デザインが完了してしまうようなサイトがあったら人気が出そうですね。
クオリティの高いテンプレートを無料で配布しているサイトまとめ
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
スクショ サイト WebSnapr
construktiv ist eine fortschrittliche und nachhaltig wachsende Digitalagentur mit über 100 Mitarbeitenden an den Standorten Bremen, Berlin und Erfurt. Gegründet 1997 von Kai Tietjen, umfasst die Agentur heute die Geschäftsbereiche Social Media & Influencer Marketing, Digital Advertising, Content Marketing & SEO sowie Web & Commerce. Zu den Kunden zählen Marken wie das Deutsche Rote Kreuz, congstar
JavaScriptで使えるカラーピッカー作成ライブラリまとめ:phpspot開発日誌
Flashプレイヤーの検出とHTML埋め込みを簡単に行えるJavaScriptライブラリ... 次の記事 ≫：2006年プログラミング言語人気ランキングTOP20 JavaScriptで使えるカラーピッカー作成ライブラリまとめ。 フォームでHTMLの色情報を入力してもらう際に非常に便利なJavaScriptで出来たカラーピッカーライブラリ。 種類も多数あったので試用＆まとめてみました。 Yahoo! UI Library ダウンロード後、examples\slider\ 以下に存在 インクルードすべきファイルが多く、設置がやや面倒。 ポイントした位置にスライドアニメーションしてくれてちょっとカッコいい。 dhtmlgoodies Color picker Color picker Adv 設置は比較的簡単。表示される色が不規則に並んでいるのが少々気になる点。 script.aculo.us
画像の拡大プレビューを超クールに行える「Highslide JS」:phpspot開発日誌
Highslide JS - JavaScript thumbnail viewer Highslide JS, formerly Vevstein Thumbnail Expander, is a piece of JavaScript that streamlines the use of thumbnail images on web pages. The library offers these features and advantages: 画像の拡大プレビューを超クールに行える「Highslide JS」。 サムネイルをクリックするとそのまま画像がズームされ、影付きで写真を表示できます。 設置は次のように行います。 スクリプトインクルード <script type="text/javascript" src="highslide/highslide.js"></script>
いろいろな用途で使えるミニアイコンあれこれ - GIGAZINE
通常のアイコンよりも小さなサイズの使いやすいミニアイコンを集める必要性に迫られたので、いろいろとリストアップしてみました。 ブログやWiki、通常のサイト作成やFlash、PowerPointのプレゼンテーションやソフトウェアのボタンなどなど、いろいろな場面で役に立つはず。ボタンの画像を違うものにするだけでだけでも、割と雰囲気がガラリと変わるのでオススメです。 リスト一覧は以下の通り。 Mini Pixel Icons（ブログやCMS用のアイコン、ユーザーアイコンなどが多く、とてもカラフル） Mini Icons | urlgreyhot（12ピクセル四方という極めて小さなアイコンがいろいろあります。グレイスケールのアイコンは加工しやすいので、好みのアイコン素材にすることも可能） Bullet Madness - free bullets project at Stylegala（200個
リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」:phpspot開発日誌
WebSnapr - Preview Bubble Javascript The WebSnapr Preview Bubble is a simple, unobtrusive script used to display an overlay bubble showing a hyperlink target thumbnail using WebSnapr. It's a snap to setup and works on all modern browsers. リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」。 単純にポップアップするだけ、よりもちょっとオシャレな効果が得られますね。 使い方 previewbubble.zip をダウンロード previewbubble.js の var bubbleImagePath = '/images/
フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」:phpspot開発日誌
フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」 2006年10月22日- Tooltip for forms You can download the entire script from this Zip file フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」。 このライブラリを利用すれば、次の画像のようなツールヒントをフォーム上に出すことが可能です。 実装は、必要なライブラリを読み込んだ後、次のように、tooltipText 属性にヒントを書きます。 <input type="text" id="firstname" name="firstname" tooltipText="Type in your firstname in this box"> そして、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ikesai.com
Radar.250x.com