Bootstrap利用、無料HTMLテンプレート素材まとめPhotoshopVIP |
2011年にTwitter社が発表したHTMLフレームワーク、Bootstrapは、世界でもっとも利用されている、人気フレームワークのひとつです。あらかじめCSSスタイリングを施したコンポーネントや、プラグインなどが用意されているので、あたらしいWebプロジェクトを、容易に展開することができるようになります。 海外デザインブログTemplate Monster Blogで、Bootstrapを利用した、高品質でクリエイティブな、無料HTMLテンプレート素材をまとめたエントリー「Free Bootstrap Templates From Around the Web」が公開されていたので、今回はご紹介します。 Bootstrapをベースに、2013年トレンドなフラットデザインや、パララックスコンテンツを追加したり、フルスクリーンイメージ写真を活用したりと、有料テンプレートにも負けないクオリテ
WEB色見本 原色大辞典 - HTMLカラーコード
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
「AI」Webデザイナー現る！LINE感覚で会話するだけでWebページが作れる、Firedropとは | SELECK [セレック]
〜複雑なツールバーとはオサラバ！LINE感覚で会話するだけで、あなただけのランディングページを即座に作ってくれるAI（人工知能）Webデザイナー「Firedrop」の実力に迫る〜 先日Googleから、プロの絵を描くAI「AutoDraw」が登場するなど、「ロボットが人間の代わりに仕事をする」という夢のような時代が、だんだんと現実味を帯びてきています。 そんな中、とうとう「Webデザイナー」の仕事をこなしてしまうAIが誕生しました。ロンドン生まれの、「Firedrop」というサービスです。 人間の作業は、メッセージに答えるだけ。LINE感覚でAIと会話すると、このような本格的なランディングページを即座に作ってくれるんです！ それではさっそく、Firedropでランディングページを作成していきましょう。 メールアドレスを入力するだけで、AIWebデザイナーに出会える！ 登録は一瞬！Fired
![「AI」Webデザイナー現る！LINE感覚で会話するだけでWebページが作れる、Firedropとは | SELECK [セレック]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a7ea675fdab32ff01970f5652c98abd408e438f1/height=288;version=1;width=512/https%3A%2F%2Fdpd29bjwmgbr8.cloudfront.net%2Fwp-content%2Fuploads%2F2018%2F06%2F14131221%2F147.jpeg)
【速報】Google天才すぎ。プロ仕様のイラストが誰にでも描ける「AutoDraw」がすごすぎる！ | SELECK [セレック]
Google Inc.が4月11日に公開した、機械学習を応用した無料のオンラインお絵描きツール「AutoDraw」がすごすぎるので、使い方を紹介します！ 簡単に言うと、AI（人工知能）が、どんなイラストも「デザイナー仕様」に仕上げてくれるんです。しかも一瞬で。しかも無料で。 こちらから、誰でもすぐに使い始めることができます。 こんな感じ！ いびつなお星様が、キラキラのお星様に！Google天才かよ。 というわけで、こんなにすごいAutoDrawの使い方を解説したいと思います。（と言っても、解説するほど何もないのですが…） AutoDrawってどんなツールなの？ AutoDrawは、Webベースのイラスト作成ツールです。スマホや、コンピューターでイラストを描くのって、難しいですよね。素人ですと、どうしても線がガタガタになったり、思ったようなものが描けなかったり… AutoDrawは、そんな悩
![【速報】Google天才すぎ。プロ仕様のイラストが誰にでも描ける「AutoDraw」がすごすぎる！ | SELECK [セレック]](https://cdn-ak-scissors.b.st-hatena.com/image/square/351e216205376f5828cba34669f0df32ea26cfe8/height=288;version=1;width=512/https%3A%2F%2Fdpd29bjwmgbr8.cloudfront.net%2Fwp-content%2Fuploads%2F2018%2F06%2F19183305%2F1154.png)
万能UXデザインツール「UXPin」！プロトタイプ制作からデザインレビューまで | SELECK [セレック]
ワイヤーフレームの作成、アニメーションの付与、デザインに関する議論、ユーザーテスト、など、UXデザインにまつわる仕事の生産性を高めるにはどうしたら良いでしょうか。 本日は、UXデザインを助ける各種ツールをすべて組み合わせたような万能ツール「UXPin」を紹介します。 Web、iPhoneアプリ、Androidアプリ、のデザインに使える数多くの素材がライブラリに用意されており、簡単にワイヤーフレームを作成できます。 また、デザインに動きをつけ、プロトタイプを作り、デザイン検証をすることもできます。コメント機能でチームメンバーとデザインをより良くしていくことも可能です。 とにかく、UXデザインにまつわる機能が満載で誰でも簡単に使えます。そのため、デザイナー、非デザイナー関わらず、UXデザインに関わるすべての人にお勧めのツールです。では、早速見ていきましょう。 圧倒的なライブラリでワイヤーフレー
![万能UXデザインツール「UXPin」！プロトタイプ制作からデザインレビューまで | SELECK [セレック]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ae8040e4236ddbc4f703b2722af25c2f6ce928da/height=288;version=1;width=512/https%3A%2F%2Fdpd29bjwmgbr8.cloudfront.net%2Fwp-content%2Fuploads%2F2018%2F06%2F20102324%2F1162.png)
【詳しくはこちら】【詳細はこちら】のフリーボタン素材集めてみた！
こんばんは、やはぎです おお！ こんなにもフリー素材が！！ 「詳細はこちら」を探している方には 非常に役に立つ記事ですね^^ いや～これはありがたいです♪ 応援しています！ これからも宜しくお願いします。
パーツごとのWEBデザインの参考になるギャラリーサイトまとめ
先日、Wordpressテーマのデザインカスタマイズ参考にするため以下のような記事をまとめました。 WordPressグローバルナビゲーションのCSSカスタマイズに最適な横並びメニューサンプルまとめ 見出しのCSSデザインに役立つジェネレーター＆サンプル集30個まとめ 上記にある参考サイトは、ソースコードつきのものですが、なかには「サイト要素デザインの参考になる見た目さえわかれば良い」という場合もあると思います。 前の記事を書いたときに、そういったギャラリーサイトが結構あったので、自分用にまとめてみたものを紹介したいと思います。 今回は、Wordpressテーマカスタマイズに使える手軽なものから、かなり凝ったサイトを作るときにも参考になるギャラリーサイトのまとめです。 Croppy（クロッピィ） Webデザインや配色をサポートする新サービス | Croppy（クロッピィ） WEBデザイナー
MOBERCIAL（モバーシャル）映像 制作 撮影 携帯 動画 配信
動画制作のスペシャリストとして、つくるだけではない、デジタルビデオマーケティング活動のすべてを、高次元で成功に導くことを目指します。
カラーピッカーで画面上の色を取得するChrome拡張機能「Color Picker」 | ライフハッカー・ジャパン
「Color Picker」はカラーピッカーで開いているページ内から色を取得できるChrome拡張機能です。カラーコードで取得できますし、RGB値も同時に表示してくれます。ウェブ開発などのお仕事をしている方には便利な拡張機能かと思います。 以下に使ってみた様子を載せておきます。まずこちらからChromeウェブストアへGoogle Chromeでアクセスし、Color Pickerをインストールします。 拡張機能を起動すると「十字マーク」が表示されるので、取得したい色の上へ持っていきましょう。その場でクリックすると、カラーコードが表示されます。そのままコピーもできるので便利です。 ウェブ系のお仕事をしていてChromeでの作業が多い方には重宝する拡張機能かと思います。ぜひご活用ください。 Color Picker （カメきち）
初心者のための簡単なBootstrap3のはじめ方
BootstrapのようなCSSフレームワークを使うことで簡単に迅速にレスポンシブデザインやWebサイトのレイアウトをつくることができるようになります。 今までは１からレイアウトを作っていたり、テンプレートを使用して毎回同じようなレイアウトになったりしていましたが、Bootstrapを使うことでより簡単に自由なレイアウトを構築することが可能になりました。 そこでこの記事では最新版の3.0を使ってBootstrapの基本的な使い方から、Gridシステムの使い方まで紹介していきます。また、Bootstrapをさらに使いやすくするためのツールなども紹介していきます。 Bootstrap3をダウンロードする ではまず始めに以下の公式サイトからデータをダウンロードします。左側にあるダウンロードボタンからダウンロードしましょう。 Bootstrap3のダウンロード ファイルの中身はこのようになっていま
jQueryプラグイン サンプル（画像系）：skuare.net
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連のjQueryプラグインを紹介しています。 JSONファイルから画像スライダーを作成するjQueryプラグイン「jsonslider」 JSONファイルに画像パスなどのデータが格納されている場合、処理を入れて画像スライダーにするのはそれなりの手間です。 jQueryプラグインのdcdeiv/jsonslider · GitHubを利用することでその手間が少し軽減できるかもしれません。 via：dcdeiv/jsonslider
要チェック！デザインが光る2014年度新卒採用(リクルート)サイト10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、サリーです。 あっという間に2012年の12月も残すところわずか。 「来年の話をすると鬼が笑う」と言いますが、それなら再来年の話でもいかがですか？ というわけで今年もやって参りました！12月は多くの新卒採用サイトがオープンする月です。 今回はデザインが素敵な2014年度新卒採用サイトをまとめてみました。 リクルートホールディングス RECRUIT HOLDINGS-リクルートホールディングス-｜新卒ネット領域職種採用サイト http://recruit-jinji.jp/ 個人的No.1です！ カラフルでポップなのに、ごちゃごちゃして見えない。 ダイナミックなのに、使いやすい。 ともかくカッコイイ。 ナビゲーションを押すたびに配置や円の大きさがランダムで変わって、芸が細かいです。 面白法人カヤック いでよ！新社長 | 面白法人カヤック 新卒採用コンテンツ2014 http://
Awwwards - Website Awards - Best Web Design Trends
ESE Agency — Site of the Day - 7.32 — May 10, 2024 —
採用情報｜デザインや構造の参考になるWebサイトのリンク集｜Tau Magazine
デザインの参考になりそうな採用情報をまとめたページになります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お手軽Webデザインモック作成サービス～InVision（インビジョン）の使い方：実践編
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
sp-web.jp
新着記事
Sites Of The Day - Awwwards
Audi: Australia. Land of quattro - The FWA