Vtuberママで食べていく!他では聞けないお金と仕事のリアルな話フリーランスイラストレーター / ゆがー
![Pose Maniacs: 絵や人体デッサンの描き方の練習用にポーズモデルをアップするサイト](https://cdn-ak-scissors.b.st-hatena.com/image/square/8cc0a17b916f428717fe2ea6f508985854a6271f/height=288;version=1;width=512/https%3A%2F%2Fcdn.posemaniacs.com%2Fstatic%2Fogp.png)
運用案件を担当することになり、順調に引き継いでいる今日この頃なのですが、それに伴い実は、アシスタントが一人つきました。 自分より少し早い時期に派遣としてやってきていた人で、技術的にまだ未熟という事なので、簡単な作業をお願いしながら、また教えながらやってほしいと言われていました。 なので、画像のパス抜きや、画像の縮小等の作業を主にお願いしていました。 大きな問題もなく、これなら大丈夫かなと思い、先日も作業をお願いしました。 『~と~の作業をお願いします。3時~4時の間にテストアップ。そして確認をする感じの予定です。』 というような内容でお願いをして 「了解しました」 と返ってきました。 そして3時になり4時になり…終わったとの連絡が来ません。 4時20分頃になり、『どんな感じ?』と様子を伺いに行きました。 「今、~の所です」 『あとどれくらいで終わりそう?』 「あと30分ぐらいかかっちゃいま
target="_blank" を使わないで新しいウィンドウでリンクを開く方法 2006-03-14-5: [JavaScript] <a href="foo.html" target="_blank">foo</a> を使えば新しいウィンドウでリンクが開きますが,これは XHTML 1.1 や XHTML Basic では採用されていません. ではどうするかというと,スクリプトを使うわけですが, <a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a> こうすると,一見解決したようですが,JavaScript が off の場合はリンク先に飛べません. しかも,ステータスバーにリンク先が出ないので不安になります.これを <a href="foo.html" onclick="window.open('f
web creators 5月号の巻頭特集「プロパティ別スタイルシートデザイン帖」にちょこっとだけ書いた。ほんとにちょっとだけなんで、相当探さないと分かんないかもしれないけど。今後も機会があれば書かせて頂く予定です。 んで、せっかくだから記事で使ったサンプルを公開しておく。なんだかさっぱり分からないかもしれないけど、そんな人は web creators 5月号 を読んでください。そんで、もっと色々と勉強したいと思ったら、拙著「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」を買うといいと思います(ぉ 「プロパティ別スタイルシートデザイン帖」で使ったサンプル floatプロパティを使って、<dt>と<dd>を使ったデザインに のサンプル 1 floatプロパティを使って、<dt>と<dd>を使ったデザインに のサンプル 2 overf
clearfix ネタに乗っかってみる。 スタイルシートをめぐる冒険: CSS実験室: clearfixの決定版を作る -モダンブラウザ編- clearfixはちゃんと考えられてた .clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } .clearfix { _height: 1px; min-height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ } ホップ本でもうーたんが解説してるんだけど、構造に手を加えずに float を clear させるためのいわゆる clearfix ってやつ。結構色々なサイトで紹介されているのを目にすると思うけど、最初の content 生成して clear させる
拙サイトにおいて印刷用 CSS の需要と必要性がどれほどあるのかは微妙だけど、とりあえずは用意していたりする。んで、作成した当時にこうした方が良いかなってな事がいくつかあったんで、何となく書き残しておく。いや、別にネタがないとかそう言うことじゃ (ry 基本的に紙媒体を対象とするもんだから、通常のスクリーン用 CSS を作成する時とは考え方が変わってくる。 不必要な要素を非表示 ナビゲーションやらサイドカラム、フォームなんかは必要ないんで、display: none; にしてプリント用紙を節約。 フォント関連 ポイントで決め打ちする。拙サイトの場合は、本文 10pt にしてある。後は、本文などの長文系は明朝系のフォントを指定した方が読みやすい。 色は使わずモノクロ 余計な色を使ってインクを使わせないって事と、モノクロプリンタのユーザに対しての配慮。そして、なるべくスミ 100% などのベタ
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度
約2ヶ月くらい前に、Printing the Web: Solutions and Techniques | Smashing Magazineというエントリーを読みました。10個以上の海外のサイトのいろんな印刷向けCSSやJavaScriptのTipsが紹介されていて、「印刷用CSSをまとめてみた。」を書いた自分としては何とか分解してやりたいなと思っていました。で、本日ようやく分解が一通り終わりましたので、その中で得たTipsを紹介します。 印刷用デザインも1つのWebデザインプロセスとして考えておく。 今回、このエントリーが最も自分にとっては衝撃的でした。印刷用CSSの機能面だけを追い求めて、「まあ、印刷されるときに、最低限読めればいいんでしょ?」くらいにしか思っていなかった自分が、ちょいと情けない。元ネタは、Five Simple Steps to Typesetting on th
最近、シニア向けのあるWebサービスを構築している。その中で、シニア(特に、団塊世代、もしくはそれ以上)の方が、どういったところでWebサービスにてつまづくのかが少し分かってきたので、自分の備忘録も兼ねてメモしておく。 先に言っておくと、シニアはまずログイン、もしくは新規登録でつまづく。「中に入れない」「何かパスワード間違えているみたいなんだけど」そういった質問が、どんどん寄せられる。このWebサービスを構築する前に、できる限りネット上でシニアのネット行動特性みたいなものは調べてみたが、その多くは「ログイン後」、もしくは「ログインする必要がないサイト」のことだったと、今更ながら気が付いた。例えば、 ユーザビリティ研究所: シニア向けウェブサイト構築のための10のポイント 使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から) そう、シニアのネット上の行動特性はある程度研究が進ん
ソフト詳細説明 コンセプトは「自分で撮った写真を使って、お気に入りの証明写真をつくろう」 「フリー版」と同じ基本機能については、無料で使用できます。 (1) お気に入りの写真を読み込む (2) 証明写真にしたい部分をトリミング (3) 証明写真を複数枚並べた画像データを作成 (4) コンビニや写真屋さんでプリント (5) カッター等で切り離して、証明写真の完成 オプション機能「印刷機能」を利用すれば、ご家庭のプリンタで印刷できます。 ※ 更新履歴や詳しい説明は、作者ホームページをご覧ください。 ⇒ http://25sof.com(ニコニコソフト) 利用条件・試用期間中の制限など ・基本機能の利用については無料 ・有償機能は、制限付きで試用可 有償機能 ・印刷機能 1,404円 ・傾き補正機能 972円 ・ダブルプリント機能 648円 ・印刷機能 & 傾き補正機能 2,052円 ・印刷機能
技術に明るくない人でも、SQLインジェクションは、データベースをこねこねされるということで、すぐに「これはイケナイ!」と反応する人が多いように思います。しかし、XSSはどうも軽く見られている気がしています。XSS (クロスサイトスクリプティング)って名前がよくないのか? XSSで検索すると原理や対策方法についての言及ばかりがヒットするので、被害に遭うユーザーや運営者側向けに簡単に書きます。どこかにもっと良い説明や補足があれば教えて頂ければ幸いです。XSS脆弱性を放置していた人が、対策を施すよう腰を上げていただければと思います。 ■ XSSって何ですか? XSS (Cross Site Scripting)は、Webアプリケーションのバグによって起こる事象*1でセキュリティ上の問題があります。HTMLで表示する文字列の中に、悪意のあるJavaScriptやHTMLタグなどを混入させることがで
最終回となる今回は、Internet Explorer 7(IE7)のレンダリング機能、すなわちHTML、CSS、JavaScriptの処理と表示に関する改善点と注意点を紹介しよう。CSSで機能が大幅に向上したのは嬉しい限りだが、気を付けなければいけない点もいくつかある。 ■大幅に改善されたCSS対応 レンダリング機能のうち、IE7で大幅に改善された点は、CSSの標準仕様への対応だ。これまであった、「FirefoxやOpera、Safariでは正しく表示されるのに、IEは対応していない」といった効果も使えるようになった。例えば、positionプロパティの値fixedにようやく対応したことで、「スクロールしても動かないメニュー」のような効果を出すことができる。サンプルページを用意したので、IE7でページをスクロールさせるとどうなるかを確認してほしい。 また、background-attac
なかのひと運営委員会が開発した無料アクセス解析サービス「なかのひと」は、2013年にサービス終了しました。 User Local,Inc.
aquanotes URL:fileは、メールに添付するには大きすぎるファイルをアップロードして、専用のURLを付加するサービスです。電子メールにそのURLをお知らせすれば、簡単に相手にメールが送れます。 ファイル容量制限:10MBまで ファイル保存期限:今のところ無期限(いずれ制限が加わるかもしれません...) アップロードしたいファイルを指定してください(10MBまで)
ブックマークレットは、あなたの「お気に入り」や「ブックマーク」に記録することで、いつでもaquanotes URLを使うことができる便利な機能です。次の手順で、登録しましょう。 1.まずは、下のアイコンを右クリックして、「お気に入りに追加」をクリックしましょう [URL短縮] 2.あとは、URLを短くしたいページでそのブックマークをクリックするだけで利用できます。 Firefox拡張機能は、お使いのFirefoxと連携してURLを短くできる便利なソフトです。 現在、以下のFirefoxで動作確認がとれています。 Firefox 3.0.1 for Mac OS X Firefox 3.0.1 for Windows [ ダウンロード ]
印刷用 CSS 書いてますか? Web はユーザが見方を決められる唯一のメディアだと「コクボックルさん」が言っていたので、やっぱり印刷用のスタイルはきっちり書いておいたほうがいいですよ! でも、「書いて確認して、、、めんどくせー!だって、印刷プレビューってリロードできないんだもんよー!」 と某デザイナーさんが言ってた。。 やってみたら、たしかにめんどくせー。 じゃあ、出来るようにしようジャマイカ こんな時間に拡張機能を一つ作ってしまった^^; みなさんも、印刷用 CSS の確認のお供に使ってくらさい。 ダウンロード http://usrb.in/aj/pp-0.1.xpi 使いかた 印刷プレビュー画面で「F5」でリロード。今のところそれ以外の機能は一切ない。 確認機種 Firefox 2.0.0.3 Linux Firefox 2.0.0.3 Windows XP フィードバックくれるとう
Firefox拡張機能「Better Gmail」が0.7にバージョンアップ。大幅に機能追加! 管理人 @ 5月 29日 11:42am Firefox, Gmail(Gメール) Firefox & Gmailユーザー超おすすめ拡張機能、「 Better Gmail 」 が0.7にバージョンアップしました。 Version 0.7の追加機能は以下の通りです。 Mailto: Gmail Compose links サイト内に掲載されたメールアドレス(Mailtoリンク)に「Gmailマーク」が表示され、マークをクリックすると、Gmailのメール作成画面が開く。Gmailでのメール送信が簡単になる。 Fixed font in plain text messages GmailでFixed fontが使えるようになる。 Shrink a URL with a key combination
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く