Webデザインギャラリー始めました！
2017年7月20日 Webデザイン, お知らせ 以前から作ろう作ろうと思って早数年…w ようやく作りました、WebクリエイターボックスのWebデザインギャラリー！作るのに精一杯でまだまだコンテンツは少ないのですが、これから少しずつ増やしていきます！ ↑私が10年以上利用している会計ソフト！ 国内外の素敵なWebデザインをまとめていきます。元々「WebデザイナーにおすすめのEvernote活用術」でも書いたように6，7年前からEvernoteにていいなと思ったWebサイトのスクリーンショット画像を撮りためていました。しかし、自分用においておくだけじゃなくて共有しちゃおう！と思ったのがきっかけです。アウトプットすることでよりそのWebサイトの細かいところまで鑑賞しようとするので、私にとってもメリットでした。 また、ファーストビューのスクリーンショット画像のみではなく、見どころである下層ページ
UXデザイナーが備えておきたいツール・サービス厳選20個まとめ
UXデザインとはユーザーエクスペリエンス(UX)、Webサイトやアプリの使い勝手やユーザーが体験する満足度を重視したデザインのことで、あなたが満足するデザインをつくってもユーザーが使いやすいと感じなければUXが良いとは言えません。 ユーザーのリサーチやテストやフィードバック、プロトタイプやワイヤーフレームの作成、クライアントやチームメンバーとのコラボレーションなどに役立つツール・サービスを紹介します。 20 Valuable Tools For UX Designers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ユーザーのリサーチ・テスト・フィードバック プロトタイプ・ワイヤーフレームの作成ツール コラボレーションのツール ユーザーのリサーチ・テスト・フィードバック ユーザーのリサーチは、プロトタイプを制作する前におこなう
ブラウザ上で超簡単にWebサイトが作れる！Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、マウス操作で簡単に「Bootstrap4」に対応したWeb制作をブラウザ上で行えるサービス「Pingendo」をご紹介しようと思います。 以前から、PC向けソフトウェアとしてリリースされていましたが、最近になってベータ版ではあるものの「Chromeブラウザ」からでも利用できるようになりました！ 【 Pingendo 】 「Pingendo」は、基本的にマウスでポチポチとクリックしていくだけで、簡単に見栄えの良いWebサイトが作れてしまう便利なサービスです。 また、中・上級者向けにソースコードもすべて編集可能になっているので、自分好みにカスタマイズすることも出来るのが特徴となっています！ ■基本的な使い方！ それでは、実際に「Pingendo」を使いながら、どのようなサービスなのかを見ていきましょう。 利用するにあたり、面倒な登録やインス
2015年のWebサイトの作り方 at 67ws
The document summarizes quotes from three individuals about web design and development. Tim Berners-Lee notes that the primary principle of the web is universality, meaning it should be accessible from any device. Jason Fried argues that designing in Photoshop wastes time, as the design then needs to be rebuilt in HTML/CSS. Instead, one should design directly in HTML/CSS to allow for faster iterat
大きな背景画像を使った魅力的なWebサイトを作ろう
2014年9月9日 CSS, Webデザイン 以前このブログで背景に動画を使ったWebサイトの作り方を紹介しましたが、やはり動画を準備するのは少しハードルが高いと感じる人もいますよね。そこで今回は導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します！ ↑私が10年以上利用している会計ソフト！ 背景に大きな画像を使うメリット・デメリット 大きな背景画像のメリットは、なんといってもその迫力です。言葉を使わずとも、そのWebサイトを通じて伝えたいイメージをストレートに表現できます。その写真が高画質で、クオリティが高いほど印象にも残りやすいので、近年海外を中心に多くのサイトで用いられている手法です。 しかし、いくつかの注意点をおさえておかないと、どんなに素敵な写真であっても効果が半減してしまいます。ひとつは画像が大きければ大きいほど、ページの読み込みに時間がかかって
これからのWeb制作スタイルとプロトタイプの考え方 - よつば手帖
近年、プロトタイプやフレームワークと言った言葉をよく耳にします。 どのような変化が起きていて、それに至るまでの考え方や、個人的な見解を書きたいと思います。 閲覧環境と利用者の変化 Webサイトの役割の変化について スマートフォンやタブレットの登場によってWebサイトの閲覧環境は大きく変化しました。 PCの前にわざわざ座り、電源を入れて「さぁ、Webサイトでも見るか〜」から、リビングのソファに座りスマートフォン閲覧するようなスタイルが当たり前になってきました。 Web制作者は常時PCをたちあげてると思いますが、Web業界に関わっていない方はわざわざPCのある部屋に行って見るなんて事は少なくなっていると思います。 コミュニケーション的視点の重要性 Webサイトの価値観や利用状況は変化しているのに、実際にそれらをふまえて制作されている場合は少ないように思います。 利用者の見方が変わって来ているの
デザインの優れたWebサイトや便利なWebサービス、WordPressテーマを集めた「Choicely」｜男子ハック
大学生のWallyさん（@limelinejp）が運営する「Choicely」というギャラリーサイト。 今年に公開されたばかりのサイトですがWordPressテーマが約200テーマ、Webサイトは約100サイト、Webサービスが約20サービスとかなりの数の優れたデザインが紹介されています。 Webにまつわるものだけでなく、動画（CMなど）やプロダクト、キャンペーンなど「Choicely」の説明にある「刺激を受けることができる様々なものを集めるインスピレーションギャラリー」という名前の通りになっています。 製作者のWallyさん（@limelinejp）によると、Webデザインや動画など各分野に特化したギャラリーサイトはたくさんある中で、これらを横断的に見ることができるギャラリーサイトはあまりないと感じ制作したということです。 今後も各カテゴリの内容を充実させていくとともに、Web制作で利用
Webデザインのスキルを磨こう！Webサイト模写のススメ
2014年8月17日 Photoshop, Webデザイン 先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか？」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います！ ↑私が10年以上利用している会計ソフト！ 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。 デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。（模写したデザインを自分のオリジナルで活かせない） もし模写するときはどう
デザインが素敵な写真家・フォトグラファーのWebサイトまとめ
国内のWebサイト / 伊藤之一｜Photographer / 写真家 黒岩 正和他...全24件
Webサイトのワイヤーフレームを作成するときに役立つツール・素材まとめ
ワイヤーフレームの作成は骨の折れる作業ですが、事... / オンラインツール / Mockup Designer他...全28件 ワイヤーフレームの作成は骨の折れる作業ですが、事前にしっかり合意を得ておくことで、その後の制作をスムーズに進めることができます。短時間で精度の高いワイヤーフレームを作成したいものです。 ここでは、そんなワイヤーフレーム作成時に役立つ素材やオンライツールをご紹介します。
[Å]【要注意!!】パクリサイト発見！Googleに削除依頼、依頼ミス、取消し、削除完了に至るまでの苦悩の1週間を晒します
[Å]【要注意!!】パクリサイト発見！Googleに削除依頼、依頼ミス、取消し、削除完了に至るまでの苦悩の1週間を晒します
![[Å]【要注意!!】パクリサイト発見！Googleに削除依頼、依頼ミス、取消し、削除完了に至るまでの苦悩の1週間を晒します](https://cdn-ak-scissors.b.st-hatena.com/image/square/dc6d7d50db6e72db9d9b95f781c1f6743bef425c/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2Fgoogle130621-eye-1.jpg)
色々信じられないクオリティでWEBサイトが作れるSquarespaceが結構ヤバイ！ | バンクーバーのうぇぶ屋
「なんじゃこりゃぁあ！！」 とりあえず、コレ見た時の第一声でした。本当は昨日日本から帰ってきたばかりだったので、セミナー旅行の報告記事書くつもりだったんですが、それより先にこの興奮を伝えるのが先かなと思ったので即刻共有記事〜！ 以前『ヤバイくらい簡単にプロフェッショナルなサイトが作れるStrikingly.com』の記事を書かせて貰いました、これはこれでWEBページを作る上ではこれ以上は無いんじゃないか位の楽さとクオリティでした。 しかし、今回はWEBページというよりは完全にWEBサイトを劇的に簡単に作れるという意味でのヤバさ、あとショッピングカート機能、ブログ、その他様々なページを作って運営することが出来る「Squarespace」をちょっと簡単にご紹介させて頂きましょう！ このサイト自体は僕の記憶が確かなら以前に見たことがある気がするんですが、それにしてもその時はこんなヤバさは感じて無
テンパッてる時でもスグ使える！ベクター素材集10個厳選まとめ | Find Job ! Startup
デザイナーにとって時間は命。〆切が差し迫る中、沸騰した頭での素材集めは大変です。そこで今回は面倒な会員登録が不要で、無料で使えるベクター素材のサイトだけを厳選して10個、選んでまとめました。 各Webサイトの利用規約も一緒にまとめました。頭が煮詰まっていて利用 [...]
Webサイトを作りたい人へ。一歩踏み出すために知りたい3つのこと｜Monosyブログ
ツイートはじめに こんにちは。先日「ゆとり世代の文系でも一人でWebサービスを作ってみました」を公開し、β版をリリースしました。 ご覧くださった方、シェアしてくださった方、セキュリティをチェックしてくださった方、どうもありがとうございました。 多くの温かいコメントを頂き、Webサイトを作った喜びをより一層味わうことができました。 中でも「参考にする」「自分もやってみる」「モチベーションが上がった」といったコメントが多く、舞台裏を公開して良かったと思います。 おかげさまで2週間足らずで9万PV弱を達成し、リリース初月で10万PVが達成できそうです。 検索流入も順調に増えていて、このペースなら来月には生活費をペイできそうです。 前回の記事では長くなりすぎるため、詳しい勉強法などは書きませんでした。 そこで今後の記事ではMonosyを作るために行った勉強法について書いていきたいと思います。 今回
身につけておきたいWebサイト高速化テクニック #3｜画像形式の基礎知識 | DevelopersIO
こんにちは、ご無沙汰しています。 Web担当の野中です。 前回の第2回「検証ツールとそもそもHTTPって何だ編」から少し時間が経ってしまいました。 というのもテクニックを紹介するために予想以上の予備知識の説明と検証・調査が必要になり、さらにどう順序立てて解説すべきか悩み時間がかかってしまいました。 ちなみに第2回では、Webサイト高速化に関連してくるHTTPについて基本的なことを紹介しています。 より詳しくHTTPについて解説したCodezineさまに寄稿している連載も是非チェックしてみてください。 本題 さて、今回から実践編ということでフロントエンド側のWebサイト高速化対策の１つ、画像の最適化について紹介します。 初学者向けに細かく基本的なことまで解説しますので、記事を3つに分けます。 画像最適化1回目の本記事では、画像に関する基礎知識について紹介します。 未だにWebサイト高速化の具
2013年のトレンド、フラットデザインを使うメリット+参考にしたいデザインまとめ | Goodpatch Blog
こんにちは！ 先月の頭に書いた記事「【2013年度版】今年流行る！7つのUIデザイントレンドまとめ」が 今でもかなり多くの方に読んでいただけているようでとても嬉しいです。今回のブログは「【2013年度版】今年流行る！7つのUIデザイントレンドまとめ」でご紹介した「メトロUI（フラットデザイン）」にフォーカスした記事です。 （下記はDesignmodoの記事「Flat Design: Can You Benefit from the Trend?」の翻訳です） 最近よくフラットデザインが取り入れられているWebサイトやアプリを見かけます。このトレンドはWindows 8とGoogleの新デザインがリリースされた事で人気になり、他のサイトなどでも取り入れられ始めました。デザインの装飾をたくさん使わず、フラットデザインはメッセージや製品、アイデアをユーザーに伝えるシンプルな方法です。ぜひ今のトレ
押さえてほしいWeb基礎知識〜Webサイトへのアクセス編〜
IT用語って、何だかとっても難しそう…。この業界に入りたてのひとは、誰しもそう思うのではないでしょうか。 また、言葉としては知っているけど、何のことやらさっぱり…という方も、いらっしゃるのではないかと思います。 業務でそういったお話をさせていただく機会がありましたので、ブログ記事としてもまとめたいと思います:) 今回はWebサイトへのアクセス編。 難しい話はわからない…そういった方や、初心者さんに、読んでいただけたら幸いです:) この記事は、わかりやすさを最優先し、極力簡略化しています。 1.ブラウザ2.IPアドレス3.ドメイン4.DNSサーバ5.Webサイトに繋がる流れ 1.ブラウザ ブラウザとは、Webサイトを閲覧するときに使っているソフトウェアのことです。 ピンとこない方、今、この記事をご覧になられているソフトウェアが「ブラウザ」になります。 ブラウザにはいくつか種類があります。代表
Windows8にXAMPP環境を構築しよう
PHP関係はWEB鋼材手帳作って以来とんとご無沙汰のゴロドクさんです、どうも。 先日（といっても正月明けなのでだいぶ前だけど）OSをWindows8に入れ換えてから「そういやXAMPP環境作ってなかったな」と今更ながら思い出したようにインストールなどをしたのでその辺のことをまとめておきます。 XAMPP（ザンプ）とは、ウェブアプリケーションの実行に必要なフリーソフトウェアをパッケージとしてまとめたもので、apachefriends.orgから提供されている。主として開発用あるいは学習用ではあるが、イントラネットなどにおいて実運用環境として使われることもある。 Apache(Webサーバ)、MySQL(SQLデータベースサーバ)とWebプログラミング言語であるPHPや同目的で使われるPerlの4つの主要ソフトウェアとphpMyAdminなどの管理ツール、さらにSQLiteなど、いくつかの補助
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
アフィリエイトのやり方とは？ 初心者が稼ぐ為の基本知識