神職人から見習いまで、作業の息抜きや意見交換など、基本的にのんびり進行しています。 このwikiに載ってないことや、調べてもよくわからないことは、スレで聞くと誰かが答えてくれるかも。 初心者さんは、スレに書き込む前に「よくある質問」に一度目を通すと幸せになれる予感。 また、スレへの質問の際には、なるべく「質問用テンプレ」を利用してください。 このページ下の注意もご一読お願いします。 <メニュー解説> 作り方　　　　 ：　 トレスからオリジナルまで、作り方の例を挙げています。参考にどうぞ。 ソフトウェア　 ： 　制作に便利なソフトなどについて、手描き人視点での解説があります。 よくある質問　：　基本的なことはここに回答されています。スレで聞く前にぜひ。 アンケート　　 ： 　スレの皆へアンケート。他の人の作り方を参考にできます。 リンク　　　　　：　 各種リンク、ニコニコ内の手書き関連タグ検

スマートフォン向けサイトを構築する際などでは特に ページのレンダリングスピードが重要視されます。 構築する際のページ構成について考慮することも重要ですが、 可能な限りページ上で＜img＞タグや背景での「画像」の使用を 控えることが有効だったりもします。 そこで、アイコンなどの小さいパーツを 「画像」として使用せずに簡単にサイト上に掲載することが可能な 便利なWebサービスがあったので2つほど紹介してみます。 まずは「One div」 One div – The single element HTML/CSS icon database One div – The single element HTML/CSS icon database HTMLソース上では一つの＜div＞を配置し CSSを使ってアイコンの形状を成形しているサービスです。 サイト上ではHTMLソースに加えて 成形するCSS

この記事の対象ユーザー auの人 @ezweb.ne.jpへのスパムメールに困ってる人 auの人でauメールアプリの設定を全くしてない人 改めて設定を見なおしたら迷惑メールの規制方法にいろいろ変更があったようなので、ぼくが迷惑メール対策で行なっているアプリの設定をまとめます。 迷惑メール対策の概要 【迷惑メールおまかせ規制】と【受信フォルダの最適化】を行います。 【迷惑メールおまかせ規制】で大まかな迷惑メールを規制。それでも漏れてくる迷惑メールは【受信フォルダの最適化】でメールの受信はするけど通知はしない設定に。と、いう迷惑メールを極力隔離する設定です。 迷惑メールおまかせ規制は2012年1月から実装された機能でなぜか「2013年3月以降に取得したメールアドレス」にしか自動的に適用されないとのこと。ですので2013年3月以前のメールを使ってる方は一度ご確認あれ。 それでは実際に順を追って設

みなさんこんにちは、クラスメソッドWeb担当の野中です。 昨日行われたAdobe MAXの発表でFireworksの新機能開発が終了 *1だそうですね。びっくりです。 さて、前回の身につけておきたいWebサイト高速化テクニック #3｜画像形式の基礎知識では、画像の品質を保ちながらファイルサイズを抑えるためにそれぞれの画像形式の特性について紹介しました。 第3回でリクエスト数の削減について先に解説すると記載していますが、文章の構成を考えると画像の書き出しについて先に説明した方が流れとしてわかりやすいので順番を変更しています。 本題 今回はPhotoshopやIllustrator、Fireworksを使った最適な画像書き出しの基本的な手法について紹介したいと思います。 前回の記事で得た知識を前提に解説しますので、まだ前回の記事を読んでいない方は必ず読んでおいてください。 この記事の対象者 W

2013年 01月 09日 今さら聞けない？有名なフォント12種類の紹介とフォントの基礎知識について カテゴリ： Font タグ：Font 新年明けましておめでとうございます。今年も色々と挑戦する年にしたいのですが、一先ずブログをしっかり書くというのをベースにがんばります。 早いもので、このブログも気がついたら3年が過ぎ4年目に突入していました。立ちあげ当初は辞めないことを目標にしていましたが、続けることが大事だなと今でも思っています。皆様本年もよろしくお願いします。 今回は自分がよく使っているフォントをまとめました。他にも使っているフォントはもちろんあるんですが、基本的なフォントやWebベースで使えるフォントあたりを紹介しています。 1.フォントリスト 2.フォントの基本 3.考察 フォントリスト 欧文フォント 1.Arial 2.GEORGIA 3.Myriad 4.Verdana 5

Make 36 monthly payments Pay 0% interest Start using the domain today. See details

DrapacheはDropbox内のファイルを読み込んで動的に動かすWebサーバです。 DropboxではPublicに入れたファイルをHTTPを通じて読み込めるようにしています。この機能を使って静的なWebサイトを提供している人もいます。しかしそれで十分ではありません。時代は動的システム、Dropbox内のファイルを動的システムに対応させるソフトウェアがDrapacheです。 まずドメインを取ります。 次にDropboxをコネクトします。 接続を許可します。 完了です。そうするとアプリフォルダの中にDrapacheフォルダができあがります。 ファイル構成はこんな感じです。 サンプルのスクリプトです。確かに動的ファイルが動いています。 動的です。もちろん修正すれば若干のタイムラグはあれど反映されます。 Drapacheの仕組みとしては登録したユーザのデータを読み込み、DrapacheがWe

robots.txtとは robots.txtは、検索エンジン向けの情報を記述したテキストファイルで、書式に従って書くことで検索エンジンのクローラーにクロールして欲しくないページを知らせたりします。というか、まあ基本的に出来ることはそれのみですね。例えば、 User-Agent: * Disallow: / こうrobots.txtに書くとルート以下全てのファイルへのクロールを禁止します。 決められた書式があって、それに沿った形で書かれていればクローラーはある程度いう事を聞きます。 humans.txtとは robots.txtがロボットの為の説明であるなら、humans.txtは人間の為の説明です。人間がサイトについて受け取りたい情報としては誰が書いたのか、何を使って書かれたのか、というようなことでしょうか。 そしてこのhumans.txtを設置する事を推奨するサイトもあり、面白いなーと

公開日 : 2013年4月21日 (2020年8月30日 更新) カテゴリー : ユーザビリティ Web サイトのフォームの入力要素のうち、<input> 要素は、type 属性の記述によって、テキストボックス (type="text")、パスワード入力欄 (type="password")、チェックボックス (type="checkbox")、ラジオボタン (type="radio")、といった種類を指定することができます。 そして HTML5 では、<input> 要素で使用可能な type 属性値が新たに追加されています。ユーザーが使用するデバイスによっては、この type 属性値に応じた入力しやすいユーザーインターフェース (UI) が提供されるので、「気の利いた入力支援」が可能になります。 たとえばスマートフォンやタブレットのように、入力要素にフォーカスが当たるとタッチスクリーン