中学生でもわかるベジェ曲線移動しました。 http://blog.sigbus.info/2011/10/bezier.html
Image to base64 data-URI converter
Drag & drop image file(s) here One at a time, in a bunch, or bunches. Alternatively tap / click to choose file(s). Data-URI base64 conversion Can help improve page load performance over HTTP/1 connections by bundling multiple images into a single cacheable style sheet, or by embedding small images directly into the HTML itself. When using base64 data-URIs Optimise first Most designers don’t tend t
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
フォトショップを使って迷路を一発で解く方法 | POP*POP
かなり裏ワザですが、taint.orgさんで「フォトショップを使って迷路を解く方法」が紹介されていました。 実際試してみましたが、本当に解けてしまいました・・・これはすごい。迷路を解くのが楽しいのでなんだか本末転倒ですが・・・豆知識として知っておいても良いかもしれません。 以下にやり方をご紹介。 迷路を用意します。今回はMaze Generatorにて100×100の迷路を生成。 ↑ この迷路を使用します。 次に迷路の右側の壁を自動選択ツールで選択。 「選択範囲」「選択範囲を変更」「拡張」で4px拡張。 新しいレイヤーを作成。 赤で塗りつぶし。 「選択範囲」「選択範囲を変更」「縮小」で4px縮小。 おもむろに「DEL」キー。 回答が浮かび上がりました！ 作業の途中では「本当かなぁ・・・」と懐疑的だったのですが、最後に回答が浮かび上がった時は感動しました。フォトショップの類のツールをお持ちの
Fireworks.js: A DHTML fireworks effect
A javascript animation experiment What's this all about? (AKA, "Holy pointless lightshow, Batman!") Fireworks.js is a bit of Javascript that creates starburst-type explosions in a web document; in short, it's a fireworks effect someone could theoretically use on their site. And come on, who doesn't want something like that? As far as appropriateness is concerned, this effect could be compared to t
ページ中の画像群で遊ぶJavascript | 秋元@サイボウズラボ・プログラマー・ブログ
via digg ロシアからのJavascriptネタ。 Google Imageの検索結果など、画像がたくさんあるページで、アドレスバーに以下のJavascriptをペーストして実行すると、おもしろい効果が出る。 javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setI
free dingbat fonts | DingbatDepot.com
Come on in and get yourself some free Dingbat fonts. These typefaces are just like any other regular fonts, in so far as they come in a TTF font format. You download and install them on your computer just like any other regular font. However, instead of outputting basic text like a "normal" font, dingbat fonts will output and display "dingbat" characters in your design. Choose from any of the ding
Home Documentation RubyForge Project Don’t Worry. Be Scruffy. Beautiful Graphs for Ruby. What is Scruffy? Scruffy is a Ruby library for generating attractive and powerful graphs, useful for web applications, print media and many others. Scruffy’s key features include: Built on SVG Scruffy uses SVG internally for rendering graphs. This allows Scruffy to render your graph identically at almost any
Alastair Tse - liquidx
A design-conscious software-engineer who used to code for food and shelter, but now builds teams of smarter people who build amazing things. I care about #graphics, #design, #craft, #architecture, #typography, #photography, #dataviz, #ux, #japan and #mobile. I am currently an Engineering Manager on Google Maps, focused on opinions, imagery, design, and iOS. Previously at Google, I was the Engineer
無料のクリップアートを6900個以上入手できる「Open Clip Art Library」 - GIGAZINE
パブリックドメイン、クリエイティブコモンズでライセンスされている各種クリップアートをダウンロードできます。 サイト作成、プレゼンテーションやレポートなどで使えるアイコン風のものも多いので、ちょっとしたアクセントを加えたいときに便利です。 ダウンロードは以下から。 Open Clip Art Library :: openclipart.org :: Drawing Together. http://www.openclipart.org/ 上記ページの「Clip Art Search by Keyword BETA」から検索して探すこともできます。 ジャンル別に探したい場合はここから http://www.openclipart.org/cgi-bin/navigate まとめて全部ダウンロードしたい場合はこちらから http://www.openclipart.org/downloads
オンラインで画像を編集できる「Snipshot」 - GIGAZINE
編集できるイメージの最大サイズは5000×5000ピクセル、10MBまで。リサイズ、切り抜き、回転などなど、いろいろな画像編集が可能。編集後の画像はGIF、JPEG、PDF、PNG、PSD、TIFF形式でダウンロードして保存可能。Flickrのアカウントで保存も可能。ブログ用に加工するときや手元に画像編集ソフトがないけれども編集する必要に迫られたときに使えます。 実際に使ってみましたので、どんな感じなのかまとめておきます。 Snipshot: Edit pictures online http://snipshot.com/ トップページの「Open from URL」からオンライン上にある画像を指定するか、あるいは「Open from your computer」からハードディスク上にある画像ファイルを指定してアップロードします。 アップロードした画像はこんな感じで表示されます。「Res
RMagick
Thumbnails are just the start! Check out the RMagick portfolio. The first page shows some basic transformations. Page 2 demonstrates special effects. Page 3 illustrates the drawing API. There are two versions of RMagick, RMagick 1 and RMagick 2. Most people will want to install RMagick 2. This version works with Ruby 1.8.2 and later (including Ruby 1.9) and ImageMagick 6.3.0 and later. All new enh
ScriptaculousのEffect実行順序を管理するJSを作ってみた。 - IT戦記
仕事で使おうと思って作ったら意外といい出来だったので公開してみる。 だうそろーど たとえば、こう書くと var element = $('block'); var planner = new EffectPlanner( [ { Move: [element, {x: 200, y: 200}] }, { Move: [element, {x: 0, y: 300}] }, { Move: [element, {x: 300, y: 0}] }, { Move: [element, {x: 0, y: -300}] }, { Move: [element, {x: -300, y: 0}], next: 1 } ] ); planner.start(); こうなる http://sample.ecmascript.jp/20060523-00.html たとえば、こう書くと var col
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Archived MSDN and TechNet Blogs | Microsoft Docs
https://jp.techcrunch.com/2009/09/07/20090903creately-releases-its-simple-diagramming-and-design-tool-to-the-masses/
Google Code Archive - Long-term storage for Google Code Project Hosting.
2008-03-03 - たかみやの日記
Vector Magic | Precision Bitmap to Vector Conversion Online
Photoshopなんてもういらない！オンラインで写真加工 厳選１０ツールを使ってみた。（もちろん全部無料） - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
Online Diagram Software - Gliffy
