最大10文字×4行くらいまでが適当です 対応ブラウザ: Chrome(Win/Mac/iOS/Android), Safari(Mac/iOS),Firefox(Win/Mac) 参考文献(MdN 4月号)
Random User Generatorはダミーのユーザ情報を手に入れられるサイトです。 ウェブサイトを作っている際に、ダミーのユーザデータが欲しくなるときはありませんか。 Random User Generatorを使うと、APIからJSON形式でダミーのユーザ情報を取得できます。 性別、住所、電話番号、パスワードなどの情報が手に入ります。 以下に使ってみた様子を載せておきます。 まず「Random User Generator」にアクセスしましょう。 こういった情報が手に入ります。 APIの仕様は、サイトのドキュメントをご覧ください。 このようにランダムにユーザ情報をJSON形式で返してくれますよ。 トップページにjQueryでの使い方が掲載されており、コピペで使えるかと思います。 ぜひたくさんのユーザ情報を使いたい際にご活用ください。
デザインを行う上では、ツールを使うのが必須です。有名なものだとPhotoshopやIllustratorがありますが、「まずは無料で気軽にWebデザインをしてみたい」という人もいますよね。 そこで今回は、Webデザインに使える無料のツールやWebデザインを効率化できるサイトをまとめて紹介します。 今回紹介する無料のWebデザインツール・ソフト ワイヤーフレーム・モックアップ・プロトタイプ作成ツール グラフィックデザイン作成ツール(写真加工・イラスト作成) テキストエディタ(HTML・CSSのコーディング) 配色選びに使える無料オンラインサービス Webサイトが制作できるオンラインサービス (編集部注:この記事は2013年08月29日に公開された記事を再編集したものです。) ワイヤーフレーム・モックアップ・プロトタイプ作成ツール ※ワイヤーフレーム・モックアップ・プロトタイプとは? ワイヤー
Generator support in CoffeeScript _ _ _ ___ _ _ _ _ /_\ | |_ __ ___ __| |_ / _ \| |__ ___ ___| |___| |_ ___ _ _ ___| |_ / _ \| | ' \/ _ (_-< _| (_) | '_ (_-</ _ \ / -_) _/ -_)_| ' \/ -_) _| /_/ \_\_|_|_|_\___/__/\__|\___/|_.__/__/\___/_\___|\__\___(_)_||_\___|\__| In Glorious ASCII-VISION Summary: I added generator support to CoffeeScript, my fork is on GitHub and there's an example webserver port
WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。 まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一番効率化に直結するかは人それぞれだと思います。 ただ、何度かこのサイトでもWEBサイトを作る上で便利そうなジェネレーターの存在を共有させて頂いてきましたが、こういうツールは知ってるのと知らないのとでやはり大きな差が出てくることはやっぱり多いと思います。特に最近はWEBに強いクライアントの存在も目立ってきて、自分だけじゃなく、お客さんにとっても、もしかしたらプラスになるジェネレーターの類も多いんじゃ
ヒント お手持ちのsvg画像からフォントとかパスを抽出してsvgフォント化することができます. フォント情報が見つからなかった場合,パスを抽出します.一つのパスを文字として解釈します. ファイル読み込み時にパスのリサイズや位置の調整を行うことができます.いろいろ試してみましょう. 文字をクリックすると内容を編集することができます.位置の微調整等を行う際にご利用下さい. 余りに複雑なsvgファイルを読み込んだ場合,スクリプトが応答しなくなる場合があります.(このような図形はそもそもフォントとして不適でしょう.) 本スクリプトで生成したsvgフォントファイルは全ての環境で正しく動作するとは限りません.webkit系/operaのブラウザで試すか,下のサービスを使って他の形式に変換して使いましょう. ここで生成したsvgフォントファイルはicomoonでeot,ttf,woff形式に変換できます
日本Rubyの会代表である高橋征義さんによって考案されたむやみに大きな字が特徴的なプレゼンテーション手法「高橋メソッド」を使ったプレゼンのスライドを文字を入力すれば自動的に作成してくれるネットサービスが「高橋メソッドジェネレータ」です。高橋メソッドと高橋メソッドジェネレータの使い方については以下から。 高橋メソッドジェネレータ http://funatti.co.cc/takahashi_method/index.php 高橋メソッド http://www.rubycolor.org/takahashi/ 高橋メソッドとは、「文字は大きく」 「人にやさしく」といったプレゼンの手法です。 高橋メソッドについてさらに詳しく知りたい場合は、公式サイトの「高橋メソッドについて」をクリックすれば高橋メソッドを説明したスライドが閲覧できます。 「でかいプレゼン 高橋メソッドの本」として販売もされていま
2014年7月23日 便利ツール 以前、元お隣さんが「非WEB屋でもサイトが作れる驚異的サービス/『サイトを作る』という敷居がどんどん低くなっていると実感する物色々」という記事でWeb制作の知識がなくても簡単にWebサイトを作れるサービスを紹介してくれていました。HTMLやデザインの知識がなくても、テーマを選んでコンテンツを入力すればサイトが作れるサービスがどんどん増えていますね。今回は同様のサービスですが、より多機能な「Edicy」を紹介しようと思います。 ↑私が10年以上利用している会計ソフト! Edicyの特徴 動画を見てもわかる通り、Edicyは簡単にブラウザー上でWebサイトが作れるサービスです。 とにかく試してみましょう!ホームの「Try for Free」ボタンからアカウントを作成します。「.edicy.co」のドメインが取得できます。
角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成&コード生成をしてくれる「CSS3 ジェネレーター」まとめ!! html5-css3-orange-logos / Nelson Felix Giga どうも!おつぱ( @OZPA )です! 今回は、角丸やドロップシャドウ、グラデーションに2D/3Dアニメーションなど、CSS3に対応したスタイルを簡単に作成、さらにコードを生成してくれる「CSS3 ジェネレーター」を厳選して8つご紹介! ウオアアアアアアアア さて、CSS3対応ブラウザも増え、角丸、ドロップシャドウ、グラデーションにWebフォント、はたまた2D/3Dのトランスフォーム(回転/拡大縮小/移動)やアニメーションなどなど…リッチなUIがコードのみで表現できるようになりました。 関連:[CSS]GoodDesign賞にノミネートされて落選するこ
ルイズ!ルイズ!ルイズ!ルイズぅぅうううわぁああああああああああああああああああああああん!!! あぁああああ…ああ…あっあっー!あぁああああああ!!!ルイズルイズルイズぅううぁわぁああああ!!! あぁクンカクンカ!クンカクンカ!スーハースーハー!スーハースーハー!いい匂いだなぁ…くんくん んはぁっ!ルイズ・フランソワーズたんの桃色ブロンドの髪をクンカクンカしたいお!クンカクンカ!あぁあ!! 間違えた!モフモフしたいお!モフモフ!モフモフ!髪髪モフモフ!カリカリモフモフ…きゅんきゅんきゅい!! 小説11巻のルイズたんかわいかったよぅ!!あぁぁああ…あああ…あっあぁああああ!!ふぁぁあああんんっ!! アニメ2期決まって良かったねルイズたん!あぁあああああ!かわいい!ルイズたん!かわいい!あっああぁああ! コミック2巻も発売されて嬉し…いやぁああああああ!!!にゃああああああああん!!ぎゃああ
Instantly Beautiful Project Pages · GitHub プロジェクトページから、ボタン一発でオサレなプロジェクトページが作れるようになった。やばい。これはやばい。 試しに自分のdotfilesで作ってみた。 dotfiles by sugyan デザイン選択するだけで、サクっとこんなのが出来ちゃう。ヤバい。まじヤバい。 最初から結構種類があるし、どれもイカしていてカッコイイ。 今まで作った全リポジトリのProject Pageをコレ使って勢いで作ってみたくなっちゃうし、コレを有効活用するためにもっとツールとかライブラリとか書こう!って気になる。 GitHubすげーーー!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く