グラデーションや半透明にも対応していて、オンラインのツールにも関わらず、結構凝った絵が作れそうです。 svg-edit - Project Hosting on Google Code http://code.google.com/p/svg-edit/
![オンラインでSVGの作成が出来るツール「svg-edit」 - 強火で進め](https://cdn-ak-scissors.b.st-hatena.com/image/square/1bd93b148b6013f45c5df8ae10efb9c23f358717/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fn%2Fnakamura001%2F20101015%2F20101015225248.png)
node.jsの記事を最近チラホラ見かけるので、入門してみました。 node.jsはサーバー書いてこそって感じなんだろうと思いますが、ネットワークプログラミングの経験がないので、まずは他の言語で簡単にできることをnode.jsで書いてみようという趣旨です。 node.jsのインストールとか node.jsのパッケージマネージャである、npmを使いたかったので、GitHubのnpmのページの方法でインストールしました。 MacPortsにnode.jsはあったんですけど、npmはないし、Homebrewにはnode.jsもnpmもあったんですけど、インストールしたらnpmがうまく動かなかったので、なんだか面倒な方法でインストールすることになった気がしてます。 作ったツール コマンドラインで以下のように打ち込むと、任意のディレクトリにYahoo!画像検索APIで取得できる画像を保存するサンプル
CSS でのレイアウト、段組み作りがとっても簡単にできる、CSS グリッドシステムをご紹介。既に使っている人もたくさんいるとは思いますが、未体験の人はぜひ試してみてくださいね! Web デザインに欠かせない、CSS でのレイアウト作り。コンテナ作って、ここにラッパー作って、メインが 600px で padding が 20px だから、サイドバーが、えーと … なんてことになりがちです。そんな面倒な作業がイヤだなーという人におすすめなのが、CSSグリッドシステム。全ての Web デザインに使える訳ではありませんが、結構重宝します。すでに使っている人もたくさんいると思いますが、こんな方法もあるんだよーということでご紹介します。 1. CSSグリッドシステムとは? CSS グリッドシステムというのは、レイアウトを均等に分けて、マス目上に考えるレイアウト。何が便利かっていうと、この段は4等分にし
カラースキーム、配色関連のツールの 大半は海外サイトのものです。僕も海外 のサイトを利用していますが、やはり 日本語の方が良いよねという方も少なく 無いかと、ふと思いましたので国産の サイトでカラー選定、配色支援に役立ち そうなツールを探してみましたのでシェア。 海外のは海外ので似たような機能のカラースキームツールばかりにもなっているので国産に目を向けてみるのも良いかもしれませんよ。ツールの前に配色を学びたいという方はwebデザイナーの色彩スキルを磨くエントリーまとめというエントリをご参照ください。 NIPPON COLORS – 日本の伝統色 まだ出来たばかりのツール。和の色専門ツールですよ。デザインも使用感もかなり素敵です。環境によってはうまく表示されないかもです。 NIPPON COLORS – 日本の伝統色 色サンプル(色見本と配色) もっと評価されて欲しいツール。明暗や、系統でカ
[読了時間:1分] 米Microsoftが運営するMixOnlineが10月12日、アドビ・イラストレーターのファイルをHTML5のCANVAS形式にエクスポートできるプラグイン「Ai→Canvas」を公開した。CANVAS形式で表現されたイラストは拡大縮小はもちろんアニメーションを施すことなどが可能になる。 プラグインインストール後、イラストレーターの「書き出し」コマンドを実行するとCANVAS形式を選択できるようになる。書き出されるのはHTMLファイルで、ベジェ曲線はそのままビットマップ画像はファイルとして保存される。対応ブラウザで表示することができる。(以下参照) 上のスナップショットでCANVAS変換したベジェのみで作成されたイラストを以下で公開している。 http://blog.metamix.com/sample/NAOC_LOGO_Illustration.html ソースを
20 Beautiful Free XHTML/CSS Templates | Creativeoverflow ほんとにフリー?というクオリティのXHTML/CSSテンプレート20が、websitetemplatesonline.com から紹介されています。 Photoshopテンプレートではなく、既にHTMLの形になっているので便利です。 Photoshopのファイルは含まれないようなので、この点は注意したほうがいいかもしれません。 全部見る 関連エントリ シンプルだけど使いやすそうなフリーのXHTML/CSSテンプレート集「Mantis-a templates」 ハイクオリティでフリーなXHTMLテンプレート61 クールなデザイン満載のXHTML/CSSテンプレート40種 プロレベルでハイクオリティなXHTML/CSSテンプレート集
RSSを表示するには、PHPだと、simplexml_load_fileなどの関数で、サーバサイドで表示することができます。(具体的には、PHP allow_url_fopen - ミショニポーを見てください) サーバサイドで処理した場合、ユーザがアクセスした時に、RSSが受け取れなくて表示までに、時間がとてもかかり、実用にならないという事があります jquery template で、しばらく忘れていた、データバインディングという言葉に、再び出会いました ブラウザ依存性から脱出した、データバインディングの姿を見てみたくて、動かす事にしました このブログのRSSを表示します 正しいかどうか、◎×△■、uuuuuum 備忘 <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.min.j
本当は要点となる部分をサクっと把握できればいいのだろうけど、地道に作業してみた。約6000行を400行にした。 (function(window, undefined){ var jQuery = function(){ return new jQuery.fn.init(); }, _jQuery, _$, document, rootjQuery, quickExpr, isSimple, rnotwhite, rtrim, rsingleTag, userAgent, browserMatch, readyBound, readyList, DOMContentLoaded, toString, hasOwnProperty, push, slice, indexOf; jQuery.fn = jQuery.prototype = { init : function(){}, sel
Posted by: maRk 2010年3月28日 07:55 Last update: Jan 12, 2015 21:21 JavaScript feedをパースするjQueryのプラグインを使ってこのブログのフィードを読み込んでみました。 以下が提供もとのサイトです。Windowsで試すにtar.gzが展開できるアプリケーションがいるかもです。ローカルで試すのにローカルサーヴァの環境が必要かと jFeed: JavaScript jQuery RSS/ATOM feed parser plugin - jf-hovinne.blog 1. jQueryとjFeedを読み込む 展開後のexample.htmlなんかがシンプルなサンプルかと。お決まりな感じですが、先にjQuery(同梱されてます)とjfeed.jsか、jfeed.pack.jsを読み込んでおきます <script ty
The Search for a Trusted 메이저사이트: A World of Thrills, Security, and Immersive GamingdErsPOId - December 1, 2023In the dynamic world of online entertainment, the quest for finding a trustworthy 메이저사이트, or major site, is akin to navigating through a labyrinthine digital jungle. Much like the adventurers of old scouring for hidden treasures, modern-day netizens are on the lookout for that one platform
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く