CSS Sprite Generator
What are CSS Sprites CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image. This technique can
UIが美しすぎる15の次世代モバイルアプリデザイン - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 世界的なスマホの急速な普及とそれに伴う様々なアプリの登場と共に、モバイルデバイス向けのUIデザインも様々な試行錯誤と進化を続けているようです。今回は、デザインにはこだわりのある人気ITメディアThe Next Webのスタッフが選んだ次世代のモバイルアプリを担う15のUIデザインを紹介します。 — SEO Japan コードを学ぶのと同じように、デザイナーとして上達する一番の方法は、習うより慣れることだ。それでもやはり、優れた作品を称賛して模倣すること（という名の練習）が驚くべき効果を発揮しないというわけではない。何よりも、他のデザイナーが過去にしたことを見ることは、相当な時間の節約になる。なぜ
怒涛のサイトナビゲーション総まとめ！事例、チュートリアル、参考サイト、僕の知る何もかもを紹介！ | バンクーバーのうぇぶ屋
レスポンシブデザイン、パララックススクローリング、そういったレイアウトに関する変化に伴い、サイト内を誘導するナビゲーションの種類も多様化してきていますね。 元々、縦、横、ドロップダウン、固定、メガメニュー等、サイトの構造によって様々なナビゲーションを提案してきたわけですが、最近サイトのレイアウトを考える時、話に上がるナビゲーションの呼び方とか、種類とか、大量多量過ぎてもう分け分けらなくなってきたので、ちょっと僕自身の復習と、参考サイトやらチュートリアルやらないかを全部まとめてしまいたかったので、僕と、僕の周りのデザイナーさん達の役にたてるよう、今回記事にさせてもらうことにしました！ 実際にWEB制作に携わる中で、聞いたことのある物を分類させて頂くので、僕の勝手な分け方になってしまい申し訳ない限りなんですが、何かナビゲーションやレイアウトに悩んだ時にでも参考か何かにしていただければ嬉しい限り
1年目デザイナーに読ませたい配色の考え方を学べる記事
配色センス0でも大丈夫！？服、インテリア、デザイ... / Webサイト制作において、私なりの色選定の考え方... / 色と人の感覚とウェブデザインのはなし - バニデ...他...全10件
配色に自信がなくても！Webデザインが好きになる配色ツールと使い方
2016年12月13日 Webデザイン, 便利ツール, 色彩 以前書いた記事「配色パターンからWebデザインを考える」を見た方から「いい配色だなーと思ってもうまく使いこなせない」という意見をいくつか頂きました。確かにすてきな配色をどうデザインに取り込んでいいのか、というのは難しいところです。今回は簡単に配色を提案してくれるオンラインツール「ウェブ配色ツール Ver2.0」を使って配色をWebデザインに取り込む方法を紹介します。 ↑私が10年以上利用している会計ソフト！ ウェブ配色ツールを使った基本的な配色方法 まずこの「ウェブ配色ツール Ver2.0」について。テーマカラーを一色選べば、それにあった配色を提案してくれる配色ツールです。Webサイトのプレビューを見ながら配色の調整ができるので、初心者さんにもおすすめです！ オレンジを元に色相差0°で配色した例。色相差を0°にすると同系色（＝同
WEB・アプリ開発・音楽制作 | Kaleidoscope
人探し的な投稿が続いていますが、、、Unityでゲーム作りができる方を探しています。 現在、新作iOSアプリを開発・制作中ですが、私（荒木）が執筆や音楽制作のお仕事で 時間が割けなくなってきたため新作の進捗が滞っています。 もし助けていただける方がいらっしゃるようでしたら、 お会いしてお仕事の相談をさせていただきたいです。 具体的に探している方は、下記のような方です。 ・ゲームエンジンUnityが使える方（個人） ・かつ、Unityのスクリプトを組むことができて、ゲーム開発を行えるスキルがある方 要するに、こちらが持っているゲームのアイデアをUnityを使って形にできる方を探しています。 とは言っても、グラフィックや音楽まで形にしてほしいということではありません。 ゲームの仕組みをプロトタイピングできるレベルの方を求めています。 「Unityを使いこなせるスキルはあるけど、なかなかアイデア
PCサイトをスマホ対応 CSSテク自己まとめ（１・２回まとめ） - Kaleidoscope
PCサイトをスマホ対応するという記事を１・２回と続けてみて、意外とボリューム満載になってしまったので、 一旦ここまでのCSSテクについてまとめます。 ■第1回 メニュー編 ■記事はこちら ★タグでViewportの設定。メディアクエリによるCSS振り分け。 スマホサイトを作る上で欠かせない準備。 … <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!--viewportの指定--> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" /> <!--/viewportの指定--> <!--メディアクエリでPC用・
大手小売業のECサイトがいかにSEOやユーザビリティで失敗しているかの具体例（前編） | Moz - SEOとインバウンドマーケティングの実践情報
ああ、なるほど。オーガニック検索のトラフィックには興味がないってことなんだね。オーガニック検索でやって来る厄介で迷惑な連中はいつでも、解析を台無しにしたり、物を買ったり、買わなかったり。そんな面倒な訪問者の相手なんかしてられないってわけだ。 トップページのリダイレクトこの問題は、信じれらないほど大量に起きている。まず、以下に挙げた長ったらしいURLを見て。 http://www.halfords.com/webapp/wcs/stores/servlet/TopCategoriesDisplay?langId=-1&storeId=10001&catalogId=10151 http://www.missselfridge.com/webapp/wcs/stores/servlet/TopCategoriesDisplay?storeId=12554&catalogId=20555 htt
Webアプリに使えるAjaxライブラリ8選！ ― ＠IT
Ajaxライブラリを利用する際の注意点 ここではAjaxライブラリを利用するうえでの注意点を2つ挙げたいと思います。 ユーザビリティ WebアプリケーションへのAjax採用の主な理由に「ユーザビリティの向上」があると思います。Ajaxの利用により、リッチなGUI部品を配置したり画面遷移を抑えたりすることでユーザーの操作性を大幅に向上させることができます。前章までで見てきたとおり、Ajaxライブラリを用いることでWebアプリケーションにさまざまな機能を追加することができますが、単にそれらの機能をやみくもに採用するだけでは、見た目は派手なだけで実際はユーザーにとって使いづらいものになることは明らかです。 また同時に考えなければいけないのがユーザビリティの向上と間接的にトレードオフの関係にある、処理の重さです。Ajaxライブラリの機能を数多く利用しようとすると、Ajaxライブラリの初期ロードに時
なぜECサイトの売り上げが伸びないのか？ サイトを診断し、原因を突き止め、改善せよ！
インターネット通販の普及にともない、ECサイトを運営する企業も増えている。しかしその収益の伸び悩みを感じている経営者は多いのではないか。SEO対策はしているのに売り上げがなかなか伸びない原因の多くは、ECサイトの“ユーザビリティ”、つまりユーザーにとってのサイトの使い勝手にある。アクセスしたECサイトにイライラや不安を感じる部分があると、ユーザーはすぐにより使いやすいECサイトへ移っていってしまう。そこでTOKO DSが提供するのが、ストレスがないECサイトの設計を実現するための「Webユーザビリティ診断サービス」だ。現状の問題点を把握できれば、改善への道筋が見えてくる。 インターネット通販の普及にともない、ECサイトを運営する企業も増えている。しかしその収益の伸び悩みを感じている経営者は多いのではないか。SEO対策はしているのに売り上げがなかなか伸びない原因の多くは、ECサイトの“ユーザ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
Webデザイナーが読んでおきたい、最近公開されたWeb系のスライド