【難しく考えすぎ！？】bootstrap臭のしないお洒落なレスポンシブWEBデザインの作り方
「Responsive Web Design JP」を運営されているA40さんのまとめ記事ここまでできる！Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個が今日のGunosyで取り上げられていましたが、twitter Bootstrapを使ったレスポンシブWEBデザインのウェブサイトの事例が国内でもかなり増えてきました。 当社で制作した化粧品ブランド リボーテ -Re:beaute-様のサイトもありがたいことに、このまとめ記事に取り上げて頂いています。 いろいろなメディアに取り上げていただく中でのフィードバックとして、「twitter bootstrapがレスポンシブWEBデザインに便利なのはわかっているけど、どうやったらbootstrapっぽくないデザインにできるのかわからない」という声をよく聞きます。 僕も最初はそう思っていました。 一回触ってしまえば、
Webデザイナー 検索・登録／フリーランスWebデザイナーHP集
北海道 (7) 青森 (4) 秋田 (3) 岩手 (1) 山形 (6) 宮城 (5) 福島 (5) 茨城 (1) 群馬 (4) 栃木 (2) 埼玉 (9) 東京 (50) 千葉 (10) 神奈川 (26) 山梨 (4) 長野 (3) 静岡 (7) 新潟 (1) 富山 (3) 石川 (5) 福井 (4) 愛知 (9) 岐阜 (5) 三重 (4) 滋賀 (4) 京都 (8) 大阪 (24) 奈良 (2) 和歌山 (3) 兵庫 (15) 徳島 (3) 香川 (2) 愛媛 (7) 高知 (1) 岡山 (3) 広島 (4) 鳥取 (1) 島根 (1) 山口 (2) 福岡 (19) 長崎 (5) 佐賀 (1) 大分 (2) 熊本 (2) 宮崎 (1) 鹿児島 (3) 沖縄 (5)
HI MOJIMOJI（ハイモジモジ）
Kneepon from Nippon! Our mission is to spread ideas from Japan by tapping on your knee.
HIGHTIDE（ハイタイド）公式サイト
文具・雑貨メーカー・ハイタイドの公式サイト・直営オンラインストアです。オリジナル文房具や手帳をはじめ、こだわりのセレクトアイテムを展開。新着アイテム、人気ランキング、特集コンテンツ、イベント情報なども発信中。
ディレクターとして見ておくべき、デザインチェックポイント5つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。あかねです。 デザイナーさん、エンジニアさんに作りたいものを伝えて、出来上がってきたものをチェックするのもディレクターの仕事の1つです。デザイナーさんが見る視点とは違うポイントを見ることで、デザインのクオリティをアップさせることができるかもしれない…！ 今回はディレクターとして見ておくべき、デザインチェックのポイントをご紹介します！ ディレクターの仕事の一つ。デザインチェック。 ポイント1 文字サイズ まずブラウザのサイズを1000×800くらいにします。そして画面を暗くします。そして明るくします。。。 そして見る部分は、 タイトル、見出し、文章それぞれの区別がつくか タイトルが強調されているか 行間が読みやすいよう工夫されているか 画面が暗いor明るい場合でも文字が読みやすいか です。 個人によって画面の明るさはまちまちですので、ターゲットとするユーザはどのくらいの明るさでサ
ひさかたの » 同人サイトとは思えないクオリティ！コミックマーケット84新刊特設サイトまとめ
こんにちは。あめです。 冬の申し込みも終わって完全に終わった夏コミの話題。いまさらですが、夏コミ前は自分のサークルで手いっぱいだったので！ 自分用もメモも兼ねての、ハイクオリティなC84特設サイトのまとめです。 最近の同人誌は、ほんとにデザインが綺麗。 個人サークルが普通だった一昔前と比べて、デザインに凝って何人かでサークル活動してる方が目立ってきました。 やっぱり東方やボカロ界隈の、音楽×イラストのコラボサークルなんかが普通になってきたからなのかな。あと評論×デザインのコラボも増えてる気がする。 そんな素敵な同人誌・同人CDの夏コミ新刊の特設サイトをまとめました。コーディングしてるのは、同人好きな本職のクリエイターさんが多いようですね。 ごはん部の本2 本のタイトル：ごはん部の本2 サークル：ごはん部 ごはんもイラストも装丁もwebもとーっても素敵な本のサイト。私にドストライ
DIVERSE SYSTEM - JAPAN - C84 三日目 西2 あ41a -
DVSP-0097 | Price: 1,000円 / 1,200円 (shop) | 委託店舗: メロンブックス | 通信販売: Diverse Direct
「ボカロの名作クロスフェード」できる音楽サービス「Songrium」、産総研が公開
「気になってるボカロPのマイリス、ぜんぶ見ていきたいけど時間なくて」「あまり知られてない中性的な声質の歌い手を発掘したい」「YouTubeにあがってる洋楽アーティストの歌ってみたを見たい」……といったことに対応できる、いろいろとすごい音楽サービスが公開された。その名は「Songrium」。VOCALOIDを人間らしく歌わせる「ぼかりす」、ニコニコ動画のボカロ曲をサビだけ再生できる能動的音楽鑑賞サービス「Songle」の生みの親、産業技術総合研究所（産総研）の情報技術研究部門が作り上げた「新しい音楽と出会うための仕組み」だ。 Songriumは、メディアインタラクション研究グループの濱崎雅弘主任研究員がプロジェクトリーダーとなり、デザインと実装で中核となった石田啓介インタフェースエンジニアに加え、後藤真孝首席研究員、中野倫靖主任研究員というぼかりすでおなじみの2人が加わったチームで開発・運用
CSSとSVGで曇りガラスのような効果を作る
2011年の9月に「CSSとSVG filterでガラスっぽい効果をつける」というのを書きましたが、これはFirefoxのみを対象としたものでした。 そこで今回はできるだけ多くのブラウザに対応したものを作ってみます。 完成品Frosted glass effect with CSS & SVG 背景画像にはWetFoto.comによる#246 Wetlook with Beautiful Brunette in Leggings and Jacket. Girl in black jacket, white wetlook leggings and skirt in boots, get wet fully clothed in the sea.を使用しています（リンク先はFlickrです）。 この画像はCC BY-NC-SA 2.0でライセンスされています。 背景画像にはBeryl Ch
WEBデザインが短期間で上達した方法
この記事は、Webデザインが短期間で上達した2つの方法として、新たに書き直しました。 WEBデザイナーとして10年ちょっと経過。 未だにデザイナーとして足りないものは多いですが、 どうにかクライアントにも満足してもらえる デザインが提供できるようになったと思います。 これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。 「上手くデザインができない！」「上手くなるにはどうすればいいの？」など、 どうすればデザインが上達するのかわかならい人の参考になれば幸いです。 新米デザイナーの頃、ダメなデザインをして先輩からよく叱られていました。 クライアントからデザイナーを交代してくれと言われ、 激しく落ち込んだこともあります。 いまになると恥ずかしいですが、 その頃の自分には、 プロのデザイナーとして最低限の能力がなかったのです。 クライアントの満足するクオリティのデザインを 期
美しい…。フォトグラファーのポートフォリオサイト20選！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ゴウです。 私、写真撮影なんぞが趣味なのですが、その道のプロ、フォトグラファーさんのサイトってカッコイイのが多いんですよね。写真素材が素晴らしいからっていうのもありますが、見せ方なんかも工夫されていて、独特の世界観に引きこまれてしまいます。 という訳で、今回はフォトグラファーのポートフォリオサイトをまとめてみました。 Eric Ryan Anderson https://www.ericryananderson.com/ Fashion Photographer Milan Paolo Boccardi – Fotografo Milano https://www.fashionphotographer.it/ Future home of something quite cool https://www.kiranowal.com/ Clayton Bozard Photog
スマホ向けサイト制作3手法の基礎知識と課題、OS／機種依存のハマリどころ3選
スマホ向けサイト制作3手法の基礎知識と課題、OS／機種依存のハマリどころ3選：スマホ向けサイト制作で泣かないための秘伝ノウハウ（1）（1/2 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。第1回は、PCやケータイと比べて際立ったスマホの特徴2つや、スマホ向けサイト制作3手法の基礎知識と課題、iPhone／AndroidなどOS／機種依存でのハマリどころをサンプルを交えて3つ紹介 連載開始に当たって 初めまして。KSKの「フレックスファームビジネスユニット」でエバンジェリストをしている渡辺と申します。筆者の所属するフレックスファームでは、スマートフォン向けWebサイト構築支援ツールの開発・販売を行っています。国内で販売されて
ウェブマスター・制作者は必読！ユーザーがサイトから離脱してしまう8つの要因
ナビゲーションが分かりにくい ナビゲートすることが難しいサイトは、ユーザーを失望させます。複雑だったり、一貫してなかったり、そういったナビゲーションはユーザーを困惑させ、苛立ちを感じさせるものです。
ボックスを綺麗に並べてくれるMasonryライクなjQueryプラグイン・Freetile.js - かちびと.net
サイズの異なるボックスを綺麗 に配置してくれるスクリプト、 MasonryっぽいjQueryプラグイン、 Freetile.jsです。似たような スクリプトは結構ありますので 参考までに。 よく見かける、異なるボックスを綺麗に並べるスクリプトです。Masonryっぽいやつ。 こういうやつです。ウィンドウサイズが変わってもボックスを再配置してくれます。 $('#foo').freetile(); 本体とプラグインを読み込んでセレクタ指定します。アニメーションオプション等もありました。 ライセンスはBSDです。手抜きな記事ですけどちょい忙しいので今日はこれにて。 Freetile.js
ゆめいろデザイン｜ブランドマネージャー・Web/UX/UIデザイナー・デザインコンサルタント ヒガシナオヤ
はじめは今までと同じように、カンプを作ってからコーディング、というやり方でした。 しかし、そのやり方だとトラブルが多いんです、なぜか。 ブレイクポイントとかで揉めたりすることが多いです。 早い話が、いままでの制作のやり方は、レスポンシブWebデザインでは無理だということです。 allWebクリエイター塾の菊池 聡さんは、「レスポンシブWebデザインでは、いままでの仕事のやり方は通用しない。いずれはブラウザでデザインする時代がくる」と、某セミナーで言っていました。 実際、最近は、ブラウザでデザインする、いわゆる「インブラウザ・デザイン」で制作することが多くなってきています。最近は、ほぼ7割くらいです。 最近、久しぶりにFireworksでカンプを作りましたが、「以外とPhotoshopやFireworksでカンプを作るのが面倒だな」と感じました（ちょっといらついていたような気がするのは気のせ
必読！5分でわかるレスポンシブWebデザインまとめ その2 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザイナーの野田です。 前回書かせていただいた「必読！5分でわかるレスポンシブWebデザインまとめ」が、大変好評だったため、今回も続編を書かせていただきます。 今回は、応用編のつもりでしたが、前回だけでは足りていない事が多かったので、もう少し基本となる部分を固めていきたいと思います。 本当に基本的な事ですが、大切な事ですので、少しでも皆様のお役にたてればと思います。 レスポンシブWebデザインで必ず考えなければならない事 「レスポンシブWebデザイン」で制作する際には、必ず考えなければならない事がいくつかあります。 これは、考えていなければ制作する際に必ずつまずく事でもございます。 ■対応デバイスの確認 まずは、対応デバイスの確認をしましょう。 現在、様々な解像度を持つデバイスがございます。大体のサイズとして下記のものが挙げられます。 ※PCの解像度に関しては、今回は省略させていただきます
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
STALOGY – Stationery, Standard & Technology
一迅社WEB | 「gateau」"創造的破壊" 究極のボーダレスBLコミックス誌
http://handywebdesign.net/2013/03/layout-and-design-about-menu/
SEO検索エンジン最適化チュートリアル
