WEBツール

Instagram

[SnapWidget,Instagram]インスタグラムのタイムライン、ハッシュタグをWEBサイトに表示する

Instagram、人気ですよね。女子とかに人気ですよねっ。ユーザーの6割は女子ですって。そんなInstagramをWEBサイトに表示していれば・・・そんな淡い期待を抱きながら、チョチョイのチョイでやってみようと思います。SnapWidge...
css

[CSS、html5]css3やhtml5のブラウザ対応状況が確認できてベンダープレフィックスの有無も確認できるCan I Use…

以前も一度取り上げました「CanIUse...」ですが最近またググッてくだらないページにお越しいただいている方が見受けられますので、今更ですがしっかりまとめてみようかと思いますはい。CanIUse...とはCanIUse...とはcssのプ...
WEB

[WEB]WEB製作時によく使うお役立ちツール

さすが年度末です。予算消化に託つけたくだらないシゴトワンサカです。今回はボクがWEB製作時によく使うツールやなんやれかんやれをピックアップしてみたいと思います。既出のモノがほとんどですが何かの、誰かの役に立てばと思いながら書いてみます。Su...
WEBツール

[素材集]お世話になってるシルエット素材集をまとめてみた

最近は面倒くさいが大半を占める下山です。そんな下山がお世話になってる素材集をまとめてみましたよ。もちろんベクター画像がほとんどです。ICOOONMONOICOOONMONOモノトーンアイコン素材を無料で使えます。商用利用可能。ダウンロード可...
css

[CSS,エディター]brackets-cssfierがどんなものか使ってみた(インストール方法とか)

Sassネタは今日はお休みしてbrackets-cssfierが気になったので使ってみました。感想やら手順などをちょこっと。ちょこっとしか書かないってことはどういうことだかお利口さんなみんなは分かるよね。まずはエディタの準備から。使うエディ...
css

[Web Font]Webフォントを使って洒落たメニューをおっさんが作ってみる。

WebFontって使ったことないなー。でアイコン的に使ってみた。ちょっと洒落たメニュー作ってみたよ。今回使ったのは「FontAwesome」ダウンロードしたファイルを解凍するとcss,fonts,less,scssの4つのフォルダが入ってま...
iPhone

[スマホサイト]スマホサイトのナビゲーションを考える

最近のサイトはスマホサイトあって当たり前な流れが定着してきましたが、なかなかスタンダードなデザインが見出だせなくて奮闘しております。そこで「50のスマホサイト調査から見るナビゲーションのUIデザイン5パターン(インフォバーン様)」を参考に持...
jQuery

[jQuery]製作時にGoogleにホスティングされてるjQueryやprototypeなどのscriptタグをコピーできるサイト

今更ですが便利なのでメモっておきます。制作時、必ずと言っていいほど使用するjQueryなどのscriptタグをコピーしてくれるサービスです。scriptsrc.netjQuery等は自サーバに置く方もいらっしゃるでしょうが、ボクは「ajax...
css

[CSS エディタ]MeryでCSS3のベンダープレフィックスをボタン1個で書く

毎日暑い日が続きますね!自宅のエアコン壊れっぱなし下山です。今日はエディタの便利機能の紹介を。ボクが最近使ってるエディタはMery。スニペット(もどき)なんか自分で作れてオリジナルの環境作れるから便利です。もちろんZenCodingも使えま...
WEBツール

各種フレームワークビルトインのオーサリングツールPingendo

眠い目をこすりながら、こんなものを発見してしまったもんだから書かずにいられない下山です。Bootstrap等のフレームワークをビルトインしたhtml、CSSオーサリングツールのPingendoのご紹介。一通りザッと使ってみた感じでは、なかな...