WPで作られた国内のサイト専門ギャラリー・WPデザインギャラリーを作りました
宣伝です。WordPressで作られた 国内のサイトを専門に集めたサイト を作りました。WPデザインギャラリー と言います。まんまですね。。折角 作ったのでシェアしたいと思います。 宣伝です。WordPressで作られた 国内のサイトを専門に集めたサイト を作りました。WPデザインギャラリー と言います。まんまですね。。折角 作ったのでシェアしたいと思います。 作った、という程の物ではないんですが、一応リリースです。WPで作られている国内サイト専門のギャラリー。よかったら使ってください。 一応コンセプトなんですが、WPでWeb制作をする時のインスピレーション向上用、という用途で作りました。海外にもWPサイトのギャラリーはあるのですが、日本と海外では受け入れられるデザインに差異を感じていましたので、国内専門にしました。 個別ページです。キャプチャは出来る限り全体を撮っています。メモ的に一言感
WEB開発者のためのFirefoxアドオン20選「Top 20 Essential Firefox Add-ons for Web Designers」
TOP > firefox , Tool , WebDesign > WEB開発者のためのFirefoxアドオン20選「Top 20 Essential Firefox Add-ons for Web Designers」 様々な拡張機能が便利なFirefox。様々な拡張機能がリリースされており、WEB開発者向けの便利な拡張機能もいくつかリリースされています。今日紹介する「Top 20 Essential Firefox Add-ons for Web Designers」はWEB開発者のためのFirefoxアドオンを集めたエントリーです。 Web Developer :: Add-ons for Firefox - 日本語版 様々なアドオンがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Window Resizer :: A
ついにウェブでも有名書体が使える！Webフォントサービス Fonts.com Web Fonts β版が運用開始 - フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
GoogleがWebフォントサービスを開始 - フォントブログ
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
画像を一切使わずにCSS3だけでドラえもんを描いてみた！ - 裏技shop DD
昨日の画像を使わずにCSS3だけで作ったサイト「NetaGear」に引き続き、本日もCSS3の記事です。ここ最近の私のマイブームはCSS3で色々やってみることなんですが、CSS3を使えば画像なんて使わずに絵が描けるんじゃない？という疑問を抱き実際に作ってみました！ 今回作成したのは日本人なら誰もが知っている国民的キャラクターの「ドラえもん」です。使うものはXHTML+CSS3だけで一切の画像は使いません。画像を使えば簡単にできるのは言うまでもないことですが、すべてソースコードから成り立つことが前提です。 CSS3で作ったドラえもんの完成品！ CSS3 ドラえもん 最近のドラえもんというより、大山のぶ代さんが声をやっていた頃のドラえもんの方が好きなので、そっちをイメージして作りました。注意事項としてはGoogle Chromeとfirefoxで閲覧してください。Operaでは一部CSS3に対
HTML5 を学ぶための情報源まとめ
ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。 やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちなみに、XHTML 好きな私としては、XHTML5 で次のサイトリニューアルとか
商用でも無料で使えるクールなゴシック体 – creamu
A2591というサイトで、商用でも無料で使えるクールなゴシック体が配布されています。 ↑のようにボールドで、角丸やグランジテイストのものが入っています。 Antrepo free fonts are free to use in all your designs. commercial or non commercial. while they are free, they are not in the public domain and remain in the exclusive property of Antrepo. the free and non free Antrepo-fonts may not be redistributed in any way (they may not be resold, distributed commercially, they may n
Flashベースのグラフ化ライブラリ·BirdEye MOONGIFT
BirdEyeはFlash製のオープンソース・ソフトウェア。グラフ表示を行うライブラリは多数存在する。簡易的なものであればHTMLレベルで描くこともできる。さらに多機能なものが必要であればJavaScriptを使うこともできる。そして複雑なグラフを描きたければ導入したいのがFlashベースのグラフライブラリだ。 BirdEyeはFlash製のグラフライブラリだが、その機能は実に多彩になっている。あまり簡易的なグラフを描くのには向かないかも知れないが、逆に高度なものを必要とする際にはぜひチェックしたい。棒グラフや円グラフ等の一般的なグラフはもちろん、家系図のようなグラフを描くこともできる。 もちろんFlashを使っているので動的に表示を変更するインタラクティブなグラフを描くこともできる。棒グラフと範囲グラフ、折れ線グラフを吹く動的に組み合わせるようなものを作成可能とあって、高機能なグラフを描
少しのコードで実装可能な20のCSS小技集
2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね！ 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox
Google製Webパフォーマンス測定ツール·Speed Tracer MOONGIFT
Speed TracerはGoogle Chrome向けのオープンソース・ソフトウェア。Webサイトのパフォーマンスを測定するのはApacheのabをはじめ、様々なツールが存在する。だが最近のWebサイトではAjaxやJavaScriptを活用する等、単なるリクエスト送信だけでは適切なチューニングが難しくなっている。 Google Chromeをお使いの開発者はぜひ そこでGoogleが開発したのがSpeed Tracerだ。Speed TracerはGoogle Chromeにインストールするソフトウェアで、GWT（Google Web Toolkit）の2.0公開に合わせたツールとして提供されることになった。Google Chromeを使っている開発者はぜひ使ってみよう。 インストールするとアドレスバーの横に緑のアイコンが表示される。クリックするとモニターウィンドウが開き、計測が開始す
またまた登場！凄くリッチなWEBアプリ作成フレームワーク「Ajax.org Platform」:phpspot開発日誌
またまた登場！凄くリッチなWEBアプリ作成フレームワーク「Ajax.org Platform」 2009年12月16日- またまた登場！凄くリッチなWEBアプリ作成フレームワーク「Ajax.org Platform」。 Ext.js ばりにきれいなUIと多機能さで今後が期待されるJSフレームワークです。 次のような綺麗でリッチなインターネットアプリケーションが作れます。 デモページには多数のコンポーネントが掲載されていて色々できることがわかります。 GoogleMapや、各種UIパーツの他、３Dグラフなんかも面白いです。 JavaScript でクネクネ動く3Dグラフです。 以下のページを参照してください。 Ajax.org - The real-time collaborative application platform
レイアウト作成に役立つCSSグリッドレイアウトジェネレーター集:phpspot開発日誌
レイアウト作成に役立つCSSグリッドレイアウトジェネレーターがまとまったエントリのご紹介です。 複雑なグリッドレイアウトもジェネレーターで下地はさくっと作っちゃうことができますね。 スピード重視のレイアウト作成時に使えます。 以下のエントリを参照してください。 6 Amazing CSS Grid Layout Generator For Web Designers | denbagus blog こういうツール以外にも、もとからあるテンプレート集やフレームワークでやっちゃうという方法もアリですね。 関連エントリ 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」 42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」 フリーで使えるCSSレイアウトのテンプレート配布サイト
フリーで使える商用可能な写真の効率的な5段階の探し方: 世界中の１％の人々へ
"Yawning wolf" Photo Credit:Tambako the Jaguar パブリックドメインのライブラリで写真を探し回るのは時間の無駄。Wikimedia Commonsから探すといい! 3月26日に発売される『Movable Type 5実践テクニック』には、商用利用可能なテーマが3本専用サイトからダウンロードできるようになっているのだけど、制作過程で一番苦労したのは、IAでもデザインでもなくて、コンテンツを埋めることと再配布可能な画像を探すことだった。 これたのテーマで利用した写真のほとんどはパブリックドメイン（Public Domain）の写真を使いましたが、かなりの時間を費やして写真を探した結果、パブリックドメインのライブラリを順番に探していくのはあまりにも非効率的であることに気づいた。まず多くの画像ライブラリはUIが酷すぎる。検索結果にサムネールがでないライブ
クールなCSSグリッドフレームワーク – creamu
CSSのフレームワークを使ってサイトを作りたい。 そんなときにおすすめなのが、『ZURB』。クールなCSSグリッドフレームワークです。 カラム数や幅を指定して、CSSを生成できますね。Screen Widthを変えて確認することもできて、なかなかいい感じです。 似たサイトだと、960 Grid Systemがありますね。 こちらは制作事例も多く、参考になるのではないでしょうか。デザインの制約を受けそうですが、コーディングの手間を多少減らしつつデザインする、ということができそうです。 一度見てみてください。 ZURB CSS Grid Builder ここ数日夜はちゃんと寝るようにしているので体調がいい。この調子でいきます。
売れるiPad/iPhoneアプリのためのデザイン必須知識
売り上げを左右する以前に、デザインが原因でアップルの審査落ちも起こり得ます。基礎データや注意点、素材サイトなど役立つ情報満載！ iPad/iPhoneアプリのデザインは、不要？ 重要？ 2009年11月に登録数が10万本を超え、毎日増え続けるiPhoneアプリ（参考：AppleのApp Store、登録アプリが10万本を突破）。「そろそろ作り始めてみたいけど、どこから手を出せばいいの？」というデザイナの方もいらっしゃるのではないでしょうか。 カヤック意匠部では、ネタアプリから本格的な楽器アプリまで、多くのアプリをリリースしています。そこで今回は、その経験を生かして、iPad/iPhoneアプリ制作を始めるに当たってデザイナが押さえておくべき基本的なポイントを、まとめて紹介します！ 「デザインを一切しなくても、アプリは作れる」 と、いきなりですが、デザイナがいなくてもアプリは作れます。アップ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]ユーザビリティに配慮したドロップダウン型のナビゲーションを実装するチュートリアル
商用でも無料で利用できる、グランジ風の高解像度のテクスチャ素材
シンプルなデザインの各種コンテンツが揃ったウェブサイトの無料テンプレート -Aurelius
css-lecture.com
パスワード認証
