商用でも完全に無料！ WebサイトやアプリのUIに適したシンプルデザインで、SVG完備のアイコン素材 -Sargam Icons

2022/10/19 16 users SVGアイコン SVG完備 ポートフォリオ 商用 アイコン

企業サイトやプロダクトページをはじめ、オンラインショップ、ポートフォリオ、ブログなど、WebサイトやアプリのUIデザインに適したSVGアイコンが無料で利用できるSargam Iconsを紹介します。 アイコンは下記のラインをはじめ、デュオトーン・塗りの3種類で、700個以上が揃っています。しかもオープンソースなのは、嬉し... 続きを読む

全部、商用利用無料！ UIデザイン用のSVGアイコンが1900種類以上、デザインに合わせてカスタマイズも簡単な優れもの

2022/04/25 6 users SVGアイコン Tabler Icons ポートフォリオ

企業サイトやプロダクトページをはじめ、オンラインショップ、ポートフォリオ、ブログなど、WebサイトやアプリのUIデザインに適したSVGアイコンが無料で利用できるTabler Iconsを紹介します。 アイコンの種類はなん...記事の続きを読む 続きを読む

全部、完全に商用利用無料！WebのUIデザインに適した1,130種類のSVGアイコン素材 -Glyphs | コリス

2021/03/03 377 users Glyphs コリス SVG ソリッド SVGアイコン

企業サイトやプロダクトページをはじめ、オンラインショップ、アプリなど、WebのUIデザインに適したSVGアイコンが無料で利用できるGlyphsを紹介します。 アイコンの種類はなんと1,130種類！ アイコンのバリエーションも豊富で、ソリッドやベタ塗りだけでなく、フルカラーも揃っています。もちろん、SVGなのでカラーやサ... 続きを読む

Apple、App Storeアプリをアイコン付きでQRコードにできるツール公開 - ITmedia NEWS

2020/09/29 10 users Apple QRコード ITmedia News ツール公開

米Appleは9月29日（米国時間）、App Storeのプロダクトページへと導く「マーケティングツール」で、Appアイコン、QRコードまたはApp Storeバッジが表示される、短縮リンクや組み込み可能なコードが作成できるようになったと発表した。 マーケティングツールで作成したいアプリの検索を行い、クリックすると使用可能なマ... 続きを読む

スクロールしてビューポートに要素が入る際に、アニメーションを適用するReactコンポーネント「react-genie」 | コリス

2019/10/08 22 users ビューポート コリス Reactコンポーネント Apple

スクロールしてビューポートに要素が入る際に、さまざまなアニメーションを適用するためのReactコンポーネントを紹介します。Appleのプロダクトページなどで見かけるようなアニメーションが揃っています。 react-genie -GitHub react-genieの特徴 react-genieのデモ react-genieの使い方 react-genieの特徴 react-genie... 続きを読む

ブックマークしておきたい！WebサイトやスマホアプリのUIデザインのアイデアに困った時に、参考になるサイトのまとめ | コリス

2018/04/27 94 users コンポーネント アニメーション コリス レイアウト 勉強

WebサイトやスマホアプリなどのUIデザインのアイデアに困った時に、参考になる、そして勉強になるサイトを紹介します。 ランディングページ・プロダクトページのレイアウト、UIのさまざまなコンポーネント、アニメーションが気持ちいいインタラクションなど、ブックマークして定期的にチェックしておきたいサイトばかりです。 Mobbin -Latest Mobile Design Patterns デザイン面に... 続きを読む

総まとめ: Bootstrapの無料で高品質なテーマファイルがダウンロードできるサイト | コリス

2016/01/19 358 users コリス Bootstrap スモールビジネス ポートフォリオ

ランディングページ、プロダクトページ、スモールビジネスなどの商用、ポートフォリオ、ギャラリー、ブログなどの個人で利用できるBootstrapをベースにしたサイトが作成できる無料のテーマ・テンプレートがダウンロードできるサ ...記事の続きを読む 続きを読む

商用無料でしかも高品質！レスポンシブ対応の美しくデザインされたHTML5/CSS3のテンプレートのまとめ | コリス

2015/09/11 292 users ポートフォリオ かっこいいエフェクト 縦長ページ コリス 紹介

今時の繊細でかっこいいエフェクトを備え、美しくデザインされたレスポンシブ対応のランディングページ、プロダクトページ、縦長ページ、ポートフォリオ、ブログなど、HTML5/CSS3で作成された商用利用無料のテンプレートを紹介...記事の続きを読む 続きを読む

Twitterがプロダクトページを導入、いよいよ本格的なeコマースへ | TechCrunch Japan

2015/06/20 69 users Twitter BUY さきほど eコマース プロダクト

Twitterがさきほど発表した新しい機能により、“プロダクトや場所の発見がより容易になる”そうだ。 同社はeコマースにも手を広げ、昨年秋には[Buy]ボタンを導入した。でも、たった一つのツイートでものを売るのはしんどいし、読者がそのプロダクトについて何も知らないこともある。そこでTwitterは、プロダクトそのものに関するページを作って、情報やコンテンツを提供することにした。 それらのページには... 続きを読む

無料でしかも高品質！レスポンシブ対応の美しいWebページを作るためのHTML5/CSS3のテンプレートのまとめ | コリス

2015/05/15 547 users ポートフォリオ かっこいいエフェクト 縦長ページ コリス 無料

レスポンシブ対応の縦長ページ、ランディングページ、プロダクトページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。 単に使うだけでなく、デザインやHT...記事の続きを読む 続きを読む

ブックマークしておきたい、Bootstrapの商用利用無料のテーマがダウンロードできるサイトのまとめ | コリス

2015/02/19 406 users コリス Bootstrap スモールビジネス ポートフォリオ

コーポレートサイトやスモールビジネスから、ランディングページ、プロダクトページ、ポートフォリオやギャラリーなど、BootstrapをベースにしたWebページが簡単に作成できる無料のテーマがダウンロードできるサイトを紹介し...記事の続きを読む 続きを読む

2014年のWebデザインのトレンドがたくさん詰まったHTML5+CSS3の無料のテンプレート -Beetle | コリス

2014/12/15 169 users Beetle コリス ポートフォリオ かっこいいエフェクト

レスポンシブ対応の縦長ページ、プロダクトページ、ランディングページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。 そのまま使うもよし、スキルアップ用に勉強してもよし、です！ Beetle - Responsive HTML5 Template Beetleには、最近のWebサイトで人気のあるさまざまなコンポーネント・エフェクト... 続きを読む

jQueryで1ページごとにスクロールして画面遷移させるUIを実装する方法 | BlackFlag

2014/05/27 212 users jQuery BlackFlag skrollr 画面遷 方法

以前、iPhone5sのプロダクトページがリリースした頃に 『簡単にパララックス実装可能な軽量スクリプト「skrollr」＆コンテンツごとにページスクロールするjQueryプラグイン「fullPage.js」「One Page Scroll」』と題して 1ページをフルスクリーン表示にして、画面全体をスクロールさせることで 1ページ分（1コンテンツ分）を画面遷移させるUIを実装できるjQueryプラ... 続きを読む

[JS]縦長1ページのスクロール時にさまざまなインタラクションを加えるスクリプト -ScrollStory | コリス

2014/02/02 94 users ティザーサイト コリス jQuery インタラクション 前提

ティザーサイトやプロダクトページ、ポートフォリオ、企業サイトなどにも多く採用されているスクロールを前提とした縦長のページにさまざまなインタラクションを加えることができるjQueryのプラグインを紹介します。 Scroll Storyの名の通り、スクロールするごとにさまざまなストーリーを与えることができます。 ScrollStory -GitHub ScrollStoryの特長 ScrollStor... 続きを読む

[JS]Appleのプロダクトページのように、スクロール時に各要素をさまざまなアニメーションで表示させるスクリプト -scrollReveal.js | コリス

2014/01/26 228 users コリス ビューポート スクリプト アニメーション Apple

スクロールすると商品写真がアニメーションでスライド表示するAppleのプロダクトページのように、スクロールした時、ロードした時など、ページ内の要素がビューポートに表示した時に、各要素それぞれをさまざまなアニメーションで表示させることができる単体のスクリプトを紹介します。 scrollReveal.js scrollReveal.js -GitHub scrollReveal.jsのデモ scrol... 続きを読む

[JS]Appleのプロダクトページのような1ページのスクロールコンテンツを作成するスクリプト -One Page Scroll | コリス

2013/09/23 303 users コリス jQue src head text

デモページ：3番目のパネルを表示 各パネルへの直リンクやURL表示にも対応しています。 One Page Scrollの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="http://code.jquery.com/jque... 続きを読む

CSS3アニメーションを使ったかっこいいページを簡単につくりたい！そんな人に -CSS3 Animation Cheat Sheet | コリス

2013/07/10 303 users Cheat Sheet class トリガー スクロール 名称

Appleのプロダクトページのように、スクロールをトリガーにCSS3アニメーションが展開するようなページを簡単に実装できるCSS3 Animation Cheat Sheetを紹介します。 「Cheat Sheet」という名称が紛らわしいですが、各種CSS3アニメーションをセットにしたスタイルシートで、ページに外部スタイルシートを加え、classをちょこちょこつけるだけで、簡単にCSS3アニメーシ... 続きを読む

本物のギターをつないで遊ぶ究極の音ゲー『ロックスミス』発売日が10月11日に決定！プロダクトページが公開 : はちま起稿

2012/06/28 40 users ロックスミス はちま起稿 ギター 究極 本物

PS3/Xbox 360「ロックスミス」発売日が10月11日に決定！同日にリアルトーンケーブル単体も発売 http://www.gamer.ne.jp/news/201206280061/ ユービーアイソフトは、PS3/Xbox 360用ソフト「ロックスミス」の発売日を10月11日に決定したと発表した。価格は8,880円(税込)となる。 ゲームをプレイする際に必要なリアルトーンケーブルが同梱される... 続きを読む

[JS]画像の一部を拡大するシンプルで実用的なスクリプト -Easy Image Zoom | コリス

2011/02/24 60 users コリス jQuery カーソル ディテール スクリプト

プロダクトページなどによく利用される、画像の一部を拡大する実用的で軽量なjQueryのプラグインを紹介します。デモではサムネイル画像にカーソルを合わせると、その箇所を中心に拡大表示し、ディテールをユーザーに提供することができます。スクリプトは使い勝手をよくするために、できるだけ軽量にし、またカスタマイズも簡単にできるように設計した、とのことです。Eazy Image Zoomの実装HTMLサムネイ... 続きを読む