70,000個以上の商用・非商用で無料で利用できるフォントをまとめたサイトを紹介します。 FontPark 登録されているフォントは82のカテゴリに分けられており、日本語(Japanese)のカテゴリもあります。 [...]
友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 普通に写真や画像を掲載するのではなく、ちょっと個性的な感じにしたい、出来れば無料がいい、でも自分でデザイン作業は出来ないから良いサイトとか無い?とのことでした。 どうしたいのか良く分からなかったので、あんまり一貫性は無いんですが、教えたのは画像加工ジェネレーターとかそういうのです。いくつか提案した中で、友人が喜んでたサイトだけまとめてみます。 BeFunky 画像を加工するジェネレーター。レトロっぽくしたり油絵っぽくしたり。エフェクトも豊富です。 BeFunky flauntR これも加工ジェネレーター。エフェクト以外にフレーム
「プログラマのための文字コード技術入門」を読んで自分なりに理解した点をザックリとまとめてみる。 それほど正確性を求めて書いているわけではないので、間違ってる可能性大です。 間違いなどあればコメントなど頂けるとありがたいです。 それぞれの文字コードはどう違うのか? 日本語の文字コードは大きく以下の2つに分けられる JIS X 0208 文字集合をベースにしたもの Unicode文字集合をベースにしたもの JIS X 0208 文字集合をベースにした文字コードには、EUC-JP, Shift_JIS, ISO-2022-JP がある。 Unicode文字集合をベースにした文字コードには、UTF-8, UTF-16 などがある。 上で挙げた「文字コード」とは正確には「エンコーディング(文字符号化方式)」の事を指す。 文字符号化方式 文字集合って? 読んでそのまんま”文字の種類の集まり”。「キャラ
Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基本的に無料のものを使っています。順不同。 960 grid system グリッドシステムです。ブックマークレットも含め、色々手軽なのが嬉しい。何よりグリッドレイアウトはお客さん受け良い傾向にある気がします。 960 grid system Firebug Web制作といえばFirebugですが、僕はChrome派なのでChromeエクステンションのLite版を使っています。元々、Chromeにはデベロッパーツールがありますし、FxのFirebugも使いこなせてなかったのでこれで十分。 Fi
暗黙知(あんもくち、Tacit Knowing)は、ハンガリーの哲学者・社会学者マイケル・ポランニー(Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、(全体的・部分的に)言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。
フォームをより使いやすくしたい。 そんなときに使えそうなのが、『50 jQuery Plugins for Form Functionality, Validation, Security and Customisation』。フォーム周りに使えるjQueryプラグイン集です。 バリデータやアップローダ、パスワードの安全性チェックなど、いろいろありますね。 jQuery “Highlight” Plugin フォーカスが当たっているフォームに背景画像を敷いて、ハイライトしてくれるプラグイン Autotab: jQuery Auto-Tabbing and Filtering 電話番号などのinputで、自動で次のinputにカーソルを移動してくれる jQuery NobleCount Twitterのような、あと何文字入力できる、を表示してくれる「jQuery NobleCount」 AJ
WEBを構成する要素で重要な要素の一つ、ナビゲーション。ユーザーが実際操作する所だけあってそのサイトの印象を決めると言っても過言ではない部分です。今日紹介するのはそんなシンプルなナビゲーションの素材をセットにしたPSD素材集「PSD website navigation menus set」を紹介したいと思います。 基本的には同じ構成、配置になっていますが、ナビゲーションバーの中のイメージが微妙に変わっています。 詳しくは以下 PSDファイルになっていますので、こちらをベースにカスタマイズしていく事が可能です。PSDファイルは各ナビゲーションバーでレイヤーに別れており、さらにテキスト部分はテキストデータになっておりますので、打ち変える事も可能です。WEB制作を初めて間もないと言う方には作り方の参考にもなるPSDデータです。 こういったナビゲーションをイメージしていた、もしくは近かったと言う
最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出来る限り高性能だったり多機能なWebサービスのみにしたつもりですが主観入ってます。 Color of Book 国産サービスで一番多用しています。AmazonAPIを使って雑誌の表紙を抜き出し、その表紙からカラーチャートを生成。アイデアが素晴らしいですね。雑誌は表紙のデザインや色で惹きつけるよう考えられている事が多いのでWeb制作時のカラー選定にかなり参考になるのでは。 Color of Book
少し前に細字のフォントが 必要だったので色々と探して ましたが、その時に見つけた 素敵なフリーの細字フォントを 備忘録的にまとめてエントリーします。 全てフリーですが、ライセンスは 異なりますのでご確認下さい。 細字フォントはいろいろと使い勝手が良いので重宝しますね。全部で17あります。 Caviar Dreams Caviar Dreams Boulder Boulder Champagne & Limousines Champagne & Limousines LT Oksana LT Oksana 和田研細丸ゴシック 和田研細丸ゴシック Two Turtle Doves Font Two Turtle Doves Font Vloderstone Vloderstone Lelim Pro Lelim Pro Nioubes Nioubes Scriptina Scriptina T
東京都の大規模盛土造成地を示す地図(2024年8月19日) 国土数値情報に最近追加された「大規模盛土造成地データ」から東京都の #Geojson #盛土 #地図 23区内にも散在するが多摩地区の盛り方がすごい。 市町村が整備し国土交通省で集約した大規模盛土造成… 外部の geojson ファイルを読み込んで表示するマップ(2024年8月13日) たとえば 国土数値情報 からデータを利用する場合などで、どのように出力されるのか手っ取り早く見たいというケースはよくある。 そこで拡張子 .geojson のデータを地図に可視化するツールを用意した。… 横浜市の水系、武蔵と相模(2024年8月8日) 横浜市18区の水系はバラバラだが、臨海部を除いて行政界はおおむね分水界で辿ることができる。 旧港北区の4区 (港北区、緑区、青葉区、都筑区) は鶴見川流域で武蔵国。青葉と都筑は緑区から分区 保土ケ谷区
工業標準化法改正に伴うJIS規格名称変更のお知らせ(2020年6月22日更新) 2020/06/22 2020年6月吉日 お 客 様 各 位 日本規格協会グループ 出版情報ユニット 工業標準化法改正に伴うJIS規格名称変更のお知らせ 拝啓 時下ますますご清祥のこととお慶び申し上げます。 平素より当協会の事業へ格別のご高配を賜り厚く御礼申し上げます。 さて、平成30年第196回通常国会において「不正競争防止法等の一部を改正する法律」(法律第33号)が可決成立し、工業標準化法が一部改正されました(平成30年5月30日公布)。 これにより2019年7月1日より、“工業標準化法”は“産業標準化法”に変わり、“日本工業規格(JIS)”は“日本産業規格(JIS)”に変わりました。 2019年6月末日までに発行されたJISについては、まえがきを除き、JIS規格中の「日本工業規格」を「日本産業規格」に読み
hamashunさんがTwitterで、 IE6を使って閲覧すると右上に『アナログ』って出るようにしようぜ。 って言ってたので、CSS HappyLifeでやってみた。 ボクが出来る2008年最後の大仕事でした。えぇ。 使いたい方は是非是非。 ちなみに、ボクが使った画像はコレです。自分のモニタで出るやつを参考にしました。 ご自由にお使いください。 IE6だけに表示させるにはどんなやり方でもいいっすけど、手っ取り早いのだったらハック使ってやるのがいいかと。 .analog { display: none; } * html .analog { display: block; position: absolute; top: 10px; right: 30px; } こんな感じで。 であ。 16日のお昼頃追記 ウチのアクセス解析を久々に確認してみたら、全体の50%くらいがFirefoxで40%
先日、北海道WEBコンソーシアムで知り合ったとある人とメールをしている時に、 AdobeのSpryの話になった。 そこででた話題は、Dreamweverだと簡単にxmlを読み込めて、 データベースが無い環境でも使える!的なことだった。 そしてそのソースを見せてもらったのだが、 これならjQueryでもできるんじゃないかなーなんて思ってしまった。 jQueryならソースも汚さずに作れるかなとも思ったので、 さっそく勉強してみることにした。 サンプルを作ってみた xmlの読み込みとかすら全くわからなかったのだが、 調べていたらなんとなくわかったので作ってみた。 ● サンプル サンプルのソースを下記にも示しておくが、 まずjQueryのコードも一部よくわかっていなかったりする。 また勉強せねば!! サンプルで利用したソース ■スクリプトソース $(function(){ $.ajax({ url
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
A quel prix vendre ou acheter son bien immobilier ? Si vous êtes là sur notre blog, ce n’est probablement pas par pour rien. Vous avez peut-être une envie d’achat immobilier ou prévoyez de déménager et le fait de mettre en vente votre demeure vous fait peur. Abordant des sujets différents les uns des autres, notre blog va sûrement pouvoir fournir des réponses à vos interrogations. Dans nos publica
My name is Soh Tanaka, Product Designer at Oculus. Self taught with over 14 years of experience, I bring a range of skills from visual design, interaction design, UX, to prototyping. I focus on creating rich seamless experiences between the product and the user. I'm always looking for creative people to vibe with, let's connect through my social channels below. From the humble beginnings of a Kick
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く