Webデザインの見せ方やアイデアが素晴らしい、最近気になったチェックしておきたいWebサイトのまとめ
Webデザインのセンスを磨く方法の一つは、他人の作ったものを数多く見ること。 コンテンツの見せ方やレイアウト、繊細なアニメーションを使ったインタラクションなど、デザインのアイデアが素晴らしい、最近気になったチェックしておきたいWebサイトを紹介します。 Wrk フランスのWeb制作会社のサイト。ぱっと見、普通の矩形パネルに見えますが、CanvasとSVGを使った弾力性に富んだレイアウトやグラフィックは非常に楽しめます。 縦長ページの構成は新感覚で、ナビゲーションのスマホ時にフッタのコンテンツと合体するのはいいアイデアですね。 Booounce! ショートムービーやアニメーションGIFをコレクションしているサイトで、バウンスの名のようにバウンドを伴うエフェクトが気持ちいいです。ナビゲーションの細かいアニメーションをはじめ、一覧表示、進むと戻る、作品の見せ方、なにもかもがインタラクション性に優
チェックしておきたい！Web制作に役立つツールとサイト28選 | 構築ツールの最新情報や基礎知識 | 知る・学ぶ | Marketing Bank （マーケティングバンク）
今更聞けない、デジタルマーケティングの基礎知識から、最新のアドテクまで、あなたに役立つ情報をご紹介します。 Webサイト制作はWebマーケティングの基本です。Webサイト制作では、ツールを利用することで効率化できる作業が多くあります。 今回は、ブックマークしておきたいWeb制作に役立つWebサイト・ツールを目的別・場面別でまとめました。 Web制作時に必要な素材やパーツを揃えるのに役立つツール、Webサイト 1.amCharts amChartsは、無料でFlashによるパイチャートや円グラフを作成できるツールです。Flashに関する知識がなくても使えるのが特徴です。 amChartsはグラフ化したいデータなどを設定ファイルに書いていく作業だけで簡単に見た目の優れたグラフを作成できます。 グラフの種類やデザインを調整でき、制作するWebサイトに合ったデザインのグラフを手軽に作りたい場合に役
フロントエンドコーディングのみで簡単にセキュアなお問い合わせフォームが作れるようになりました | Milkcocoa Engineers' Blog
Webページへのコード貼り付け ※追記(2016-02-18)：CDNから読み込むJavaScriptのコードを修正しました（ファイル名も変えています、contactform.min.js→milkform.min.js）。具体的にはsubmit()関数を使って送信するタイミングを自分で決められるようにしました。 milkcocoa.jsとmilkform.jsをCDNから読み込んで、formタグにmilkform属性を含ませ、JavaScript内でvar milkform = new MilkForm('あなたのapp_id');と書けば利用開始できます。milkform.submit()でデータの送信が出来て、ロード時、送信成功時、失敗時のコールバックも設定できます。 <form milkform> <input type="text" name="e-mail"> <input t
【無料 WordPressテンプレート】超シンプルなカスタマイズ用・勉強用のWordPressテーマを公開します！ | ホームページ改善アドバイザー 日向 凛
既存のWordPressテーマって、使いにくいと思ったことはありませんか？ もちろん、ダウンロードしてそのまま使うことができればいちばんいいのですが、やはり自分の好みに合わせてカスタマイズしたいと思うもの。ところが、作成者によってテーマの作り方・コードの書き方は様々ですから、カスタマイズに苦労することもよくある話です。 シンプルなWordPressテーマでカスタマイズしやすい！ そこで、これだけは絶対必要だと思われる記述・コードを厳選して、可能な限りシンプルな構造にし、なおかつカスタムメニューとウィジェットは使うことのできるWordPressテーマを、このたび作成しました！ >> WordPressテーマ詳細 色々な用途に使えるよう、白とグレーでWordPressテーマを作成しました。アメブロのカスタマイズ用ベーシックテンプレートとよく似ていますね。 このWordPressサイトの構成に使
レイアウトに関する5つのデザインのルール
広告やチラシや提案書を作成する時、また名刺やWebサイトをデザインする際にも、無造作に文字や画像を並べるだけでは綺麗で見やすいものにはなりません。 配置する要素の関係性を考慮した上で、近くに置くのか、揃えるのか、コントラストで見た目の変化をつけるかなど一定のルールや基本、セオリーをもってデザインを行えば、わかりやすく綺麗なレイアウトになります。 そこで今回は、レイアウトに関する“近接、整列、反復、コントラスト、余白”の5つのデザインの原理・原則をご紹介します。 1.近接（Proximity） 近接とは、関連する要素を近くに配置しグループ化することを指します。 近接の大きな目的は要素の「構造化」になります。関連する要素を近ずけてグループ化することにより、なんでもなかったものが構造化して意味を持つようになります。 要素間のスペースの距離は、その要素同士の関係性を示すことになるので、反対に関係の
似顔絵イラストやアバターが無料で作成できるサイト６選 - イロイロひとりごと
2020.7.21更新 SNSなどのプロフィールのアイコンってどうしていますか？ 私は絵が描けないので、似顔絵を作成できる似顔絵イラストメーカーを使って作りました！ 似顔絵ジェネレーターとも言うみたいですね(*´ω｀*) 作る際に似顔絵ジェネレータをたくさん見つけて試してみたのでメモしておきますφ(..) 似顔絵アイコンに困ったら、お試しくださいね！ おすすめ似顔絵イラストメーカー FaceYourManga Icon Generators Iconpon（スマホ対応） 有名なキャラクターになれるかも！？ ちゃんりおメーカー（スマホアプリ） Get Peanutized（スマホ対応） ビオレママ顔メーカー３（スマホ対応） オリジナルで描いてもらう 似顔絵イラストまとめ おすすめ似顔絵イラストメーカー いろいろなサイトがありますが、スマホ対応していないサイトもありますので、ご注意ください。
【料金表第2弾】Webサイト制作いくらかかるか？フリーランス・SOHOの制作代金 100社まとめ - デザインを相談してみよう
Webサイトの制作料。機能、デザイン、コンテンツ、ページ数によって大きく異なることは容易に想像できますが、一般的な中小企業がデザインを頼むとしたらいくらかかるのでしょうか？ チラシのデザイン料を調べた前回に引き続き、実際に料金表を公開されているデザイナーやウェブ制作会社を検索してみて、フリーランスやSOHOの方を中心に100社ほどまとめてみました。今回も、会社名とURL、料金表部分のスクリーンショットを掲載しています。 ウェブ制作のお仕事で独立・開業したばかりの方や、する予定の方にとっても、いくらチャージすればよいのかを考える際の参考になれば幸いです。 追記：現在、広告用バナー、LP（ランディングページ）、アプリ用アイコンなどの制作料金についても調べています。興味がある方は、公開時にお知らせが届きますので、もし良かったら読者登録していただけますと幸いです。 アルファーム http://al
【個人事業主・フリーランスの方へ】”売れる”ホームページが欲しいなら自分で作った方がいいんです！ – shinichiyamamoto.com
個人事業主やフリーランス、中小企業も含めほとんどの方がホームページを作っても成果を感じていない事をご存知でしょうか？ ホームページは個人事業主やフリーランスの方こそ持つべきですが、何の策もなくホームページを作っただけでは成果は出ません。 そ...【個人事業主・フリーランスの方へ】”売れる”ホームページが欲しいなら自分で作った方がいいんです！ 個人事業主やフリーランス、中小企業も含めほとんどの方がホームページを作っても成果を感じていない事をご存知でしょうか？ ホームページは個人事業主やフリーランスの方こそ持つべきですが、何の策もなくホームページを作っただけでは成果は出ません。 そこで個人事業主・フリーランスの方で「ホームページを持っていない・これから作る予定」という方に向けてホームページを有効活用するために「ホームページは自分で作ったほうがいい」というお話をしたいと思います。 「なんで？ホ
小さい画像をきれいに拡大 人工知能を使ってノイズを除去する“スゴイ”ソフトウェア「waifu2x」 - はてなニュース
Webサイトを作る際に、用意した画像が粗かったり、画像のサイズが小さ過ぎたりした経験はありませんか？ 人工知能の技術を活用したソフトウェア「waifu2x」を使えば、ノイズのある画像をきれいに拡大できます。はてなブックマークには「すごい」「これは使える」など多くのコメントが集まっています。 ▽ waifu2x waifu2xのページで、拡大したい画像のURL、もしくはパソコン内にある画像ファイルを選択します。「ノイズ除去」と「拡大」の項目では、画像のノイズをどの程度を抑えるか、画像サイズを何倍にするかを指定できます。「送信」ボタンを押すと、変換された画像が出力されます。 開発者であるultraist（id:ultraist）さんのブログ記事によると、waifu2xは実際に画像を修復するのではなく、縮小されたり、圧縮されたりする前の状態を人工知能が予想して変換します。waifu2xは「スゴイ
初心者が、WordPressでコーポレートサイトを作る全手順-２ - ブランド戦略のフレイバーズ
WEB制作のポイント 2017年7月16日 初心者が、WordPressでコーポレートサイトを作る全手順-２ 初回の「初心者が、WordPressで企業サイトを作る全手順-１」では、企業サイトの体裁をおおよそ完成させた。 第2回目となる今回は、各セクションの体裁をどうするか、どうやって更新していくかについて紐解いていこうと思う。 数あるCMSツールのなかでも、WordPressは実は初心者にとっても扱いやすいもので、なおかつ極めようと思えば、その意思に応えてくれる奥深さも備えている。 「初心者が」のキモは、あらかじめテンプレートが準備されているCMSツールを活用することによって、HTMLやCSSといった、いわゆるWEB制作の知識がなくても、WEBサイトとしてある程度の体裁を整えられることだ。 少し馴れてきたら、WordPressを使って、試行錯誤しながらでもWEBサイトにあなたのオリジナリ
気を付けたい！Webサイトにおける制作側と発注側の常識の違い
Web制作をしているとお客様と我々制作側の認識が異なり、ちょっとした揉め事になったりすることがあります。 当社でも時々ありますが、揉め事の発端は制作側では常識だと思っていたけれど、発注者が感じている常識は異なっていた、という常識のすれ違いがほとんどです。(言葉の使い方の食い違いなどもありますね。) そういうことは制作側からちょっと気にして確認しておけば良い話ではあります。 ですが、「そのくらいは常識でしょう」ということでよく確認せずに、最終的に揉め事に繋がってしまうのです。 制作の「この位のことは、、」という常識がいつだってそうではないのです。 そこで今回は、我々制作側が常識として事前確認をスルーしてしまいがちな、Web制作における制作側と発注側の常識の食い違いについて書いてみます。 そんな事確認するのは当然だろう、と思われる方はそっと本エントリーを閉じてください。 (そう思われても時々漏
2015年、これから積極的に取り入れていきたいWebデザインの流れをWebydoのUXマネージャーが解説
Static Websites are DEAD! What's NEXT? スタティックなWebサイトが終わった今、これから積極的に取り入れていきたい必要とされているWebデザインの流れをWebydoのUXマネージャー：トーマー・ラーナーが解説します。 Webydo スタティックなWebサイトの終焉 進化しているWebデザイン コンテンツのパーソナライズ モバイルへのアプローチ スタティックなWebサイトの終焉 インターネットはスタティックなWebページの集まりから、Webサイトと呼ばれるもので始まりました。数年前は、スタティックなWebサイトはHTMLに若干のCSSやPHPを使用したものが主流でした。 それは現在では全く異なります。スタティックなWebサイトは消えゆく存在となりました。 コードを必要としないWebサイトを提供するWebydoのUX代表として、常にWebデザイン業界の進化
プロモニスタ | ウィルゲートのSEO・コンテンツマーケティング情報
はじめに さて、近年「ミニマリスト」「断捨離」といった言葉が注目されたり、「片付け術」がベストセラーになったりするなど、多くを持たずモノを捨てることを敢えて行...
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
自社のWebサイトを守るために今できること―JPCERT/CC満永拓邦氏に聞くWebセキュリティ事情
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
