【フリー素材】スマホ用 汎用リンクマーク アイコン

2015-10-30 21:57:55
スマホサイトでボタンを作る時の汎用リンクマークを作成しました。1ピクセルのビットマップでのマークもおまけに。 1ピクセルのリンクマークはPC用サイトで、使いこなせる人は上級者かも。 個人的にはポータルサイトなどの細々したサイトで重宝してます。リストタグに背景指定で使って見て下さい。 ダウンロード[PNG] ダウンロード[PSD] ...続きを見る
カテゴリ: WEB素材

パソコンを持たない世代の増加でWEB制作者の需要が年々アップ!

2015-04-23 16:27:36
WEB制作の業界で飯を食ってきて10年目になった。 10年前の2005年頃はインターネットの普及率がグングン伸びていて、 WEBの技術者もそれに伴い増加傾向にあったと思われる。 この頃はガラケーサイトを作るが面倒だった。 絵文字は必要だし、機種によって文字コードや文字サイズが違うので、 WEBエンジア(SE)は実機チェックに奔走せざるを得なかった。 その5年後の2010年にはガラケーサイトの需要が縮小し、スマホの時代に突入。 スマホのブラウザはJavascriptが使用でき、機種による差も多くなく、 SE的にはガラケーサイトを作るよりはかなり楽になった。 が、...続きを見る

ワードプレスのハッキングでサイトの改ざん相次ぐ【WPは狙われるから使用禁止】

2013-09-10 21:40:20
2013年9月にロリポップサーバーで、なんと8,438件ものサイトがハッキングされ、サイトが改ざんされた様子。前に、GMOクラウドのサーバーからもワードプレスのハッキングについてのメールが届いていた。ワードプレスは利用者が多いので、信頼してしまいがちだが、利用者が多ければ多いほど強者のハッカーに狙われてしまう。だからもうワードプレスは使用しない方が得策だろう。 サイトの改ざんだけで済めばいいが、データベースを初期化されたりしたらもうおしまい。ワードプレスに依存している会社は倒産するかもしれない。そんな会社は急いでワードプレスを普通のHTMLに戻さないといけない。かなり面倒臭いけどね。ワー...続きを見る

本物のタブブラウザはスレイプニル!高速ネットサーフィンで仕事で差をつけろ!

2013-09-01 02:21:54
インターネットとブラウザは切っても切れない関係。 果たして、あなたが使っているブラウザは本当に自分に合っているブラウザなのか? 「IE」「google chrome(以下、クローム)」「firefox(以下、狐)」「safari」 ブラウザのシェア率は、この辺が高いというのは知っている。 が、個人的には日本人が開発している「sleipnir(スレイプニル)」(以下、プニル)がイチオシである。 国産のわりには読みづらい名前で浸透性がなく、シェア率は0.2%ほどの超絶マニアックブラウザ。 しかし、慣れてしまうと他のブラウザにはもう移行できない感が一番強いのはプニルではないかと思...続きを見る

「余計な進化に振り回されない」という個人的方針

2012-12-20 17:21:31
年々進化続けるパソコンなどのメカニックな技術。 しかし、それ必要か?それ面白いか?と思ってしまうどうでもいい進化が多すぎではないだろうか? まず、ゲーム機の3DS。3Dモードを切ってプレイする人がやたら多いとか…。アバター以来3D画面の話題はさっぱり。全然需要がない技術のようである。ゲームはスーファミやゲームボーイのように2Dの時が一番面白かったような気がする…。 エクセル2010なんかは特にひどい使いにくさ。エクセルは2003で完成しちゃってるからそれ以降は余計な機能しか追加されてない。そんな余計な機能は必要ナッシング! アイコンを増やして、直感的に分かりやすくしている工...続きを見る
カテゴリ: 個人的主張

QRコードを手っ取り早く作る方法

2012-11-02 10:06:42
Google Chart APIを利用すればたった一行でQRコードが作れます。 htmlStart http://chart.apis.google.com/chart?chs=《サイズ》&cht=qr&chl=《URLやメールアドレスなど》 htmlEnd 画像タグに上記のコードを記載するだけ。 htmlStart htmlEnd パラメータの「chl」には日本語を使うこともできます。mailtoタグと同様で日本語を使う場合は文字化けの対処をしないといけないので、文字コードをパラメータの「choe」で指定しないといけない。 QRコードは携帯やスマホで読み取られるの...続きを見る
カテゴリ: PHP

【フリー素材】スマホ版ヘッダー用素材

2012-10-25 07:44:52
今回はスマホ版サイトのヘッダーの部分でよく見かけるアイコンの素材。今回配布しているPSDファイルでは、ホームやメールなど全てがベクターなので拡大縮小が自由です。 ダウンロード[PNG] ダウンロード[PSD] ※自由に使っていただいてかまいませんが、再配布はご遠慮ください。 スマホ版サイトをデザインする時の強い味方となる参考サイトをついでにご紹介。 ■絶対見ておきたい有名企業のスマホサイトまとめ http://ascii.jp/elem/000/000/590/590502/ ■優れたiPhoneサイトデザイン集 - iPhoneデザインボックス h...続きを見る
カテゴリ: WEB素材

携帯・スマホ版サイトの振り分けコード

2012-09-22 23:33:10
あくまで簡易的な携帯・スマホ版サイトの振り分けコードです。携帯版のページを絶対にPCで見せたくないという場合は、下記の方法では実現しません。PC版のインデックスファイルの先頭に下記のコードを追加すれば導入完了です。 phpStart // ユーザーエージェントの取得 $ua = $_SERVER["HTTP_USER_AGENT"]; if(preg_match("(UP\.Browser|KDDI|DoCoMo|J-PHONE|Vodafone|SoftBank|MOT-|L-mode|DDIPOCKET|WILLCOM|PDXGW|ASTEL)", $ua)){ ...続きを見る
カテゴリ: PHP

画像の保存形式について

2012-08-16 20:58:34
現在、WEBの画像ファイルはJPG(ジェイペグ)・GIF(ジフ)・PNG(ピング)の3つが標準規格で一般的に使用されている保存形式です。 それぞれ違う特徴があるので、ちゃんと知っておけばサイトの高速化を計ることが出来ます。画像はなるべく綺麗にできるだけ軽い容量で保存することが大切で、画像の容量が軽ければWEBページの表示速度が上がりますし、重ければ表示に時間がかかってしまいます。PCサイトでは気にならないかもしれませんが、通信速度の遅いモバイルやスマホ版のサイトでは表示速度が大きく違ってきます。 サンプル画像の上段は写真画像のケースの出力結果です。3つともほぼ見た目が変わりませ...続きを見る
カテゴリ: WEBの知識

【フリー素材】スマホ用ボタン素材

2012-08-12 19:38:59
スマホ用素材をネットで探しましたが、なかなか大きいサイズのものがなかったので、結局自分で作っちゃいました。スマホは解像度がPCより2倍大きいので、例えば300pxのボタンを設置する場合は600pxの画像を使わないと画質がにじんでしまいます。指でボタンを押すのでボタンを大きく作るのがスマホサイトの基本ですね。 <スマホで画像を綺麗に表示する> htmlStart htmlEnd <スマホで背景を綺麗に表示する> htmlStart sample htmlEnd ダウンロード[PNG] ダウンロード[PSD] ※自由に使っていただいてかまいませんが、再配...続きを見る
カテゴリ: WEB素材

クロスブラウザ対応CSSハックの一覧

2012-08-09 14:55:40
コーダー泣かせのIEはハックで強引に直しちゃいましょう。IEはjavascriptの動作が重いし、CSS3とHTML5の対応は進んでいませんし、FireFoxもCSS3とHTML5が完全対応ではありません。safariとGoogleChromeはその辺はかなり対応していて優秀です。IEの次のバージョンはどうなのでしょうかね? マイクロソフトはOS部門のWindows以外で大した成功がないような気がします。メッセンジャーはスカイプに負けてるし、ブラウザもイケてないし、スマホでも勝ち目なさそうだし。クラウドサービスもグーグルの方が技術的に強そうなイメージがある。どれも使いやすさには定評がある...続きを見る
カテゴリ: CSS