こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる！」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス＆タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが！フォトショでもFW並か、それ以上に楽ができると思います。 そ

フォントフリーについて FONT FREE（フォントフリー）は、無料で使える日本語フリーフォント投稿サイトです。 漢字やカタカナ、ひらがなをはじめとした日本語の無料フォントを、明朝やゴシック、手書きなどのカテゴリーから探すことができます。紹介ページリンクからダウンロードもすぐにできます。 あなたの欲しかったフォントが、すぐに見つかりますように。

sps collectionは技術的・デザイン性に優れたスマートフォンサイトを掲載しているデザインリンク集です。スマートフォンからも閲覧可能です。

使い方 まず最初にチェックするコンテンツです。どのような考えをもとにプログラムを組み立てていくか、設計力を学びます。 サンプル 使い方で学んだことを生かして、簡単なサンプルの作成を学んでいきます。 プラグイン jQueryで利用できる便利なプラグインを紹介していきます。 リファレンス jQueryのリファレンスです。辞書代わりにご利用ください。 使用例 企業サイトでのjQueryの使用例を紹介していきます。 始めに jQueryはデザイナーにも利用しやすいjavaScriptプラグインです。このサイトはhtmlやcssを充分に理解しており、さらに基礎的なjavaScriptをマスターしている方を対象に記事を書いています。 現在はスマートフォン用のゲーム制作に注力しているため、本サイトの更新は休止状態（2014年3月が最終更新）です。ゲーム制作に関するブログ：スマゲー作るよ！はほぼ毎日更新し

作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana

初めてのiPhoneアプリを7日間で開発しました。 ウェブサイトの企画・制作が本業の僕にとって、アプリの制作はまったくの未経験。そのくせApp storeでリリースするところまで達成できたのは、 アプリ作成に挑む前の「気持ちの作り方」 技術不足を補ってくれるツール この2つのおかげだと思っています。 アプリの制作に挑戦し、途中で挫折してしまう失敗の原因に多いのは、身の丈に合わない難しすぎるアプリを作ろうとしてしまうことです。 僕の場合は、とにかくアプリを完成させることをゴールとして設定。開発期間を短縮してくれそうなツールがあれば利用することをアリとしました。 その結果、わずか1週間で初めてのアプリの制作を終えられたのです。 アプリをApp Storeからリリースしたことが「ある」と「ない」の差は自分にとっては大きく、ゼロから1にできたことへの達成感は今でも心に残っています。（この記事はアプ

この記事は【転載】iPhone（スマホ）で背景が途中で切れてしまう時のCSS対処法に転載しています。今後、技術系のブログはリンク先ブログで更新していく予定なので、そちらもよろしくお願いいたします！ PC用ホームページ制作中にiPhoneで「背景が横幅MAXで表示されない」という状況に陥りました。 これまでにも自分で制作したPC用のホームページをiPhoneで見る事はありましたが、 初めてぶつかった問題だったので備忘録としてCSSでの解決方法を残しておきます。 原因 iphoneでは、どんなホームページを見ても同じ横幅で表示されますよね。 調べてみたところ、今回の問題はそこに原因がありました。 iPhone用のSafariは、Viewport（PCでいうウィンドウサイズ）という概念を持っていて、 デフォルトで980pxに設定がされています。 980px以上のPCサイトであっても、iPhone

私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 （※本文中のショートカットキーは全てMacの場合です） 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う

牡蠣ングダム 牡蠣(かき)生産量全国1位の広島県が運営するサイト。トップ画面から牡蠣の魅力が押し寄せる。 2019-12-06 イベント, おもてなし・接待・接客, シンプル, スタイリッシュ・おしゃれ, 中国, 動画・ムービー, 和食, 土産・名物・特産品, 地域振興・町おこし, 官公庁・自治体, 店舗・ショップ・販売, 旅・食, 旅行・観光, 水産物・海鮮・魚介・刺身, 食事・飲食・レストラン, 食品・飲料・グルメ web, webサイト, webデザイン, ウェブ, ウェブサイト, ウェブデザイン, サイト, デザイン, ホームページ, 和, 日本 京都山科でおでん 青天家(ハレルヤ) 京都の東側・山科にある「おでん、おばんざい、おかみ」がキーワードの、家感覚でくつろげるお店。 2016-11-14 お酒・ビール・リキュール, ベージュ, 京都・祇園・嵐山・宇治, 和食, 店舗・ショ

2011年 05月 10日 木とWEBデザインの関係に関する考察と、関連31サイトの紹介 カテゴリ： Webデザイン タグ：デザイン 日本の文化において木はなくてはならない物です。その為か木目を取り入れたデザインを見ているとどことなく心地良い印象を受けます。 そもそも印刷業界では紙は木から作られたもので、切っても切れない関係がありました。しかしデジタルと言われるいわばWEBのデザインになりその意識は薄れつつ有る感じがします。 とは言え、デザインに木を取り込むことはデジタルでも出来る事で実に多くのサイトが存在しています。 木の持つイメージ 一口に木と言っても姿は様々で、大木を見れば力強さ、苗木を見れば愛おしさ、葉っぱを見れば自然の優しさ、木材を見れば木のぬくもり。という風にどの姿を見たかで受けるイメージは大きく変わります。 また同じ姿でも木は種類によって色が様々なので、受けるイメージは多種多

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

iPhoneを監視カメラ化できる無料アプリ「あんしん監視カメラ」を、ベンチャー企業のキーバリューが公開した。アプリを起動しておけば、カメラがとらえた映像をWebブラウザから確認でき、外出先から家の中の様子などを確認できる。 アプリをインストールし、撮影開始ボタンを押すだけ撮影スタート。映像を確認する際は、アプリの設定画面に書かれた固有のログインコードを専用ページに入力してログインするだけでOKだ。サイトはPC、スマートフォンからの閲覧に対応している。 映像内の変化が大きい瞬間だけ確認する動体検知機能を搭載。音はデシベルで表示し、大きな音や鳴き声が発生した時にだけアラームを鳴らす防犯カメラの仕組みも取り入れた。映像は、撮影後24時間サーバに保存され、保存期間を過ぎると自動的に消去される。保存期間中の音や映像の変化量の記録をグラフで表示することもできる。将来は、高画質で長期保存できる上位版の有

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く

ポスターやWebサイトのデザインをする際の配色は奥が深く、デザイナーであっても毎回悩む問題の1つ。 ただ、デザインにおいて配色の役割は大きく、たった1つの色でそのサイトやモノの印象がガラっとかわることはよくあります。 ベースカラーやアクセントカラーの組み合わせが決定しても、その色で本当に正しいのかどうか不安になることもあるかと思います。 今回ご紹介するのは、そんな悩みを一発で解決する、配色を決定する際に役立つ便利なWebツールです。デザイナーの方はもちろん、ディレクター、エンジニアの方でも、覚えておくと使えるものばかりなのでぜひ利用してみてください。 Web配色ツールのご紹介 それでは、Web配色ツールを10個ほどご紹介します。求める色がすぐに見つかったり、色を組み合わせる時の見本となるサイトばかりなのでぜひ訪れてみてください。 HUE/360 HUE/360は、1つのキーカラーと調和する