スマートフォンサイトのデザイン確認をするための多分ベストな方法 | ryodesignblog
スマートフォンサイトのデザインの表示確認をするのが面倒だったので、手軽に確認ができるようにするためのサイトをPHP+jQueryで作りました。僕の環境では現時点で一番お手軽な方法かなと思います。 「sp_test」として適当な名前でファイルも公開しますので、ご自身のサーバに設置していただければ、簡単にデザインチェックができるようになります。たぶん便利。 制作の理由 スマートフォンサイトのデザイン確認が面倒だなぁと思ったので。 例えば、画像をサーバーに上げて、画像のURLに直接アクセスしても、iPhoneだとうまく表示できないんですよね。横640pxの画像を上げても、2倍に拡大されたボケボケの画像になります。 htmlを用意してimgタグで画像を表示すればちゃんとRetina対応した表示を確認することができますが、htmlを用意するのが面倒です。 Adobe Edge Inspectを使えば
新卒webデザイナーがとりあえず見といたほうがいいブログ・記事
良いデザインって？技術を学ぶ前に知っておきたいデ... / Webサイト制作において、私なりの色選定の考え方... / ヴィジュアル要素の表現方法 | Arch他...全10件
レスポンシブWebデザインに対応したjQueryスライドショープラグイン
RefineSlide / Camera | a free jQuery s... / CarouFredSel他...全7件
Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ
色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。基本的な操作ばかりなので、これから Photoshop で Webデザインをやってみたいなーという人向けの記事です。 色んな素敵なデザインの Webサイトを観察していると、1px の細かいところまでこだわって作られてるデザインってとても多いですよね。1px … Webデザインでは一番小さいサイズ。「神は細部に宿る」という言葉もあるけれど、1px までしっかり作られたグラフィックはとても美しいですね！ 今回は Photoshop を使って、いろんな 1px を作ってみました。とは言っても難しいグラフィックデザインを作るわけではなくて、レイヤースタイル
地味に使えるCSS小技のメモ&サンプル集
cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード.centered { position: relative; overflow: hidden; } .centered ul { position: relative; lef
デザインの基礎力をワンランクアップしたい私（Webデザイナー）の注意書き
Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
テンプレートキング：無料テンプレート配布 MT(Movable Type) WordPress
テンプレートキングへようこそ！ このサイトではコーポレート(企業/会社)サイト、個人サイトで使えるwordpressテーマを中心に編集していきます。 当サイトでで使用しているwordpressテーマはAFFINGER6（WordPressテーマ）です。 有償ながら「最適化」に特化したアフィリエイトサイトからコーポレートサイトまで幅広くカスタマイズが可能で汎用性が非常に高いのが特徴です。 また、管理画面も初心者でもマニュアルを読む事もなく操作出来てしまうシンプルさも持ち合わせております。 最初からAFFINGER6を利用すれば良かった。 そうお客様から言われました。 綺麗なデザインだけでは勝てる時代はもう終わりました。
SOY CMS
SOY CMS/SOY Shopは成果を上げるためのCMSです。 「人員を増やさず受注量を増やしたい」「取引を継続的なものにシフトしたい」「受注できる仕事の幅を増やしたい」Web制作会社様のためのCMSです。 Webへの投資の費用対効果を最大化させたいサイトオーナー様も是非ご利用ください。 オープンソースライセンスで公開、配布していますのでご利用は一切無料です。サポートが必要な場合にのみ、有償でサービスをご提供しています。 SOY CMS/SOY Shopを使用したサイト構築・リニューアルについて SOY CMSを利用したサイト・ネットショップ構築に関しては開発元もしくは公式パートナーまでお問合せ下さい。 サポート内容、詳細についてはこちらのページをご覧ください。 開発元ではCMSを導入しても更新を継続していくのが難しいという場合の、Webサイト運用体制構築のコンサルティングも提供していま
ricollab Web Tech Blog » Blog Archive » 【重要】ricollabサービス終了のお知らせ
いつもricollabをご利用いただき、ありがとうございます。 この度、誠に勝手ながら2018年2月28日をもちまして「ricollab blog」「郵便番号検索サービス」の各サービスを終了させていただきます。 日頃より利用いただいております皆様にはご迷惑をおかけすることとなり、誠に申し訳ございません。長らくのご愛顧をいただき、厚くお礼申し上げます。 ricollabは、2008年より運営を続けて参りました。しかし、この数年で利用者も大幅に減少しており、サービスとしての役割を終えたと考え、終了という判断に至りました。ご愛用頂いている利用者の皆さまにはご迷惑をおかけしますが、何卒ご理解頂きたく存じます。 ■郵便番号検索APIのご紹介 http://zipcloud.ibsnet.co.jp/doc/api https://github.com/madefor/postal-code-api
デザインを高速に行える技巧的なPhotoShopアクション集:phpspot開発日誌
Photoshop actions: 124 Free Photoshop Actions to Boost Your Designs An action is a series of tasks that you play back on a single file or a batch of files - menu commands, palette options, tool actions, and so on. デザインを高速に行える技巧的なPhotoShopアクション集。 複数の処理を一括してまとめて行えるPhotoShopのアクション機能。 高度な画像処理を行うアクションがまとまっていましたので紹介。 フィルタではなく、アクションなので、それぞれの細かな動きも見ることができてPhotoShop自体の学習用にもよさそう。 （アクションの読み込み方は本エントリの最後を参照） 画
カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々:phpspot開発日誌
カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々 2008年02月13日- Prototip - Tooltips for prototype While waiting for Prototype 1.6.0.1 I've put together a preview for the next release of Prototip. カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々。 まずは、最近公開されたprototip の紹介。 実現したい大体のツールチップは prototip で出来る、というぐらい多機能です。 通常のツールチップ タイトルを付けてみる ツールチップ表示位置を指定 HTMLを表示 リンクボックスを表示 その他 ツールチップのアニメーション表示 クリックでツールチップ表示
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
あの企業やあの映画など、有名なロゴを作成するPhotoshopのチュートリアル集
透過PNGをIE6以下のバージョンで綺麗に表示する方法 - DesignWalker
Free Vector Art, Images & Graphics
『無料＋ブラウザ』で全部やってしまおう。webジェネレーターとサービス50個まとめ*ホームページを作る人のネタ帳
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
not found
カラースキームを決めるのに便利なサイト10選 | コリス