Design | ページ 2

【CSS3】壮大な宇宙にトリップできる［DarkForce.css］を紹介します。

Entry Description: 2015年5月9日 2024年9月30日; CSS, Design; 4290文字：約8分; 株式会社オンズ

今日はオンズのオリジナルのスタイルシート［DarkForce.css］を紹介します。まるでスターウォーズに登場する宇宙船に乗っているような感じで、壮大な宇宙の彼方にトリップしていけるCSSのテクニック。まずはサンプルをご覧ください。 O... 【CSS3】壮大な宇宙にトリップできる［DarkForce.css］を紹介します。続きを読む →

【CSS3】ローディング中のテキストをアニメーションで表示する［Animated Type Loader］の実装方法。

Entry Description: 2015年4月19日 2024年9月30日; CSS, Design; 3826文字：約7分; 株式会社オンズ

テキストベースで、ローディング中のアニメーションを表示する［Animated Type Loader］の実装方法を紹介します。まずはサンプルをご覧ください。 CSS3 Animated Type Loader：サンプル・デモ JavaSc... 【CSS3】ローディング中のテキストをアニメーションで表示する［Animated Type Loader］の実装方法。続きを読む →

「もっと強くキミを守りたい」情報処理推進機構IPAの啓蒙広告がブッ飛んでる件。

Entry Description: 2015年4月6日 2024年10月17日; ADS, Design; 779文字：約2分; 株式会社オンズ

4月3日からJR原宿駅の大型看板で展開されている独立行政法人・情報処理推進機構（IPA）による若年層向けのパスワード強化の啓蒙広告がぶっ飛んでいます。 IPAのサイトの方でも公開されていたので以下に転載します。「こんなお手軽パスワードじゃ... 「もっと強くキミを守りたい」情報処理推進機構IPAの啓蒙広告がブッ飛んでる件。続きを読む →

【Design】シンプルなデザインのアイコンセット［subway］が無料でダウンロード可能です。

Entry Description: 2015年3月15日 2024年10月17日; Design, Illustlator, PhotoShop; 419文字：約1分; 株式会社オンズ

クセがなく、シンプルで使いやすいデザインのアイコンセット【subway】を紹介します。データのフォーマットは、Illustrator用、Photoshop用、Sketch用の他に、iOS、Windows Phone、BlackBerryに... 【Design】シンプルなデザインのアイコンセット［subway］が無料でダウンロード可能です。続きを読む →

様々なデバイスのモックアップ素材のセット［FLAT & REAL］が無料でダウンロード可能。

Entry Description: 2015年3月11日 2024年10月21日; Design, Illustlator, PhotoShop; 565文字：約1分; 株式会社オンズ

全18種類の様々なデバイスのモックアップ素材のセットが無料でダウンロードできる［FLAT & REAL］を紹介します。ファイルは「AI」「PSD」「SVG」の３つの形式のデータで、それぞれ「REAL」ヴァージョンと「FLAT」ヴァ... 様々なデバイスのモックアップ素材のセット［FLAT & REAL］が無料でダウンロード可能。続きを読む →

【ADS】野生動物に手助けを。WWFのユニークな広告です。

Entry Description: 2015年3月8日 2024年10月17日; ADS, Design; 147文字：約1分; 株式会社オンズ

パンダのマークでお馴染みの［WWF］が、「Give a hand to wildlife.」というキャンペーンを行ったときのユニークな広告画像を紹介します。「野生動物に手助けを」ということで、文字通り「手」を使った面白いアート作品でした。【ADS】野生動物に手助けを。WWFのユニークな広告です。続きを読む →

【Design】ブラジルのケチャップ［METTRE］のプロモーション画像が面白い。

Entry Description: 2015年3月4日 2024年10月21日; ADS, Design; 570文字：約1分; 株式会社オンズ

ブラジルのケチャップメーカー［METTRE］が面白い画像を使って広告展開していたので紹介します。女性の脚のように見えるものは実は２本のソーセージ。古典的ですが、男性の視線を止めることができる最善の方法ですね。 Advertising A... 【Design】ブラジルのケチャップ［METTRE］のプロモーション画像が面白い。続きを読む →

【CSS3】最新のスタイルシートのテクニック「flexbox」を使ったアコーディオン風のウェブデザイン。

Entry Description: 2015年1月9日 2024年10月20日; CSS, Design; 1814文字：約4分; 株式会社オンズ

ウェブブラウザの最新版のヴァージョンや獲得シェアのパーセンテージがわかる「Outdated Browser」というサイトがあります。「Google Chrome」、「Firefox」、「Internet Explorer」、「Safari... 【CSS3】最新のスタイルシートのテクニック「flexbox」を使ったアコーディオン風のウェブデザイン。続きを読む →

【WEB DESGIN】2014年総集編！参考になった優れたデザインの採用サイト × 11選。

Entry Description: 2014年12月28日 2024年10月17日; Design; 1833文字：約4分; 株式会社オンズ

2014年ウェブデザイン総集編「Part.3」は、所謂「採用サイト」に焦点を当て、特に参考になった優れたデザインの 11 のウェブサイトを紹介します。株式会社グローバル・リンク・マネジメント RECRUITING 2015 まずは［株式会... 【WEB DESGIN】2014年総集編！参考になった優れたデザインの採用サイト × 11選。続きを読む →

【WEB DESGIN】2014年総集編！参考になったレスポンシブ・デザイン採用の独創的なウェブサイト × 11選。

Entry Description: 2014年12月27日 2024年10月17日; Design; 1735文字：約3分; 株式会社オンズ

2014年ウェブデザイン総集編「Part.2」は、レスポンシブ・デザインを採用したハイクオリティなサイトの中から、特に独創的なデザインで目を引いた 11 のウェブサイトを紹介します。スペースシャワー列伝［スペースシャワー列伝］のウェブサ... 【WEB DESGIN】2014年総集編！参考になったレスポンシブ・デザイン採用の独創的なウェブサイト × 11選。続きを読む →

【WEB DESGIN】2014年総集編！参考になったハイクオリティなデザインの飲食系ウェブサイト × 11選。

Entry Description: 2014年12月26日 2024年9月30日; Design; 1611文字：約3分; 株式会社オンズ

2014年も残すところあと僅かとなりました。今日は本年度の「総まとめ」として、今年、参考になった飲食系のウェブサイトを厳選して紹介します。 AND THE FRIET まず紹介するのがコチラ。広尾にあるフレンチフライ専門店［AND TH... 【WEB DESGIN】2014年総集編！参考になったハイクオリティなデザインの飲食系ウェブサイト × 11選。続きを読む →

【Google】ウェブやアプリなど、様々な用途に使える「マテリアル・デザイン」仕様のアイコンをリリース。

Entry Description: 2014年10月22日 2014年10月22日; Design, Illustlator, PhotoShop; 863文字：約2分; 株式会社オンズ

10月17日。Google が［マテリアル・デザイン］に対応したアイコンのセットをリリースしました。同梱されているアイコンの数は750個。それぞれ、以下のカテゴリーに分類されています。 action alert av communica... 【Google】ウェブやアプリなど、様々な用途に使える「マテリアル・デザイン」仕様のアイコンをリリース。続きを読む →

【PhotoShop】各ソーシャルメディア用PSDテンプレートが無料で配布されています。

Entry Description: 2014年8月4日 2024年9月30日; Design, PhotoShop; 838文字：約2分; 株式会社オンズ

各ソーシャルメディアで使われるプロフィール写真、カバー写真などのアートワークを自由にカスタマイズできるテンプレートPSD素材［Social Media Design Templates Pack］が無料で配布されているので紹介します。どれ... 【PhotoShop】各ソーシャルメディア用PSDテンプレートが無料で配布されています。続きを読む →

［CSS］だけでオンズのロゴを作ってみた。

Entry Description: 2014年6月29日 2024年10月21日; CSS, Design; 1777文字：約3分; 株式会社オンズ

ちょっとした遊びゴコロを発揮して CSS だけでオンズのロゴマークを作る方法を模索してみました。もともと比較的簡単な構成のロゴマークなので、それほど難しくはないと思っていましたので、ちょっとハードルを上げるために１つのルールを定めました。... ［CSS］だけでオンズのロゴを作ってみた。続きを読む →

一足早く iOS 8 の気分を味わえる壁紙です。

Entry Description: 2014年6月3日 2024年10月17日; Design, iOS; 403文字：約1分; 株式会社オンズ

昨夜未明。正式に Apple から iOS 8 が発表されました。現時点で公開されている iOS 8 はベータ版で、あくまで開発者に向けたもの。さらにインストールにはデベロッパ申請もいるし、お金もかかります。一般ユーザーへの公開は今秋と... 一足早く iOS 8 の気分を味わえる壁紙です。続きを読む →

高画質でカラフルなポリゴンスタイルのテクスチャ×21枚セットが無料です。

Entry Description: 2014年4月25日 2024年10月17日; Design; 506文字：約1分; 株式会社オンズ

独特な雰囲気を醸し出す、幾何学ポリゴンスタイルのテクスチャ素材が21枚セットが公開されていたので紹介します。元ネタは海外ブログの「20 Free High-Res Geometric Polygon Backgrounds」になります。 ... 高画質でカラフルなポリゴンスタイルのテクスチャ×21枚セットが無料です。続きを読む →

【iOS】Safariの表示領域を最大にする［minimal-ui］の設定方法。

Entry Description: 2014年4月19日 2024年10月17日; Design, iOS, iPhone; 391文字：約1分; 株式会社オンズ

iPhone の新しいOS［iOS 7.1］から、viewportの［minimal-ui］設定が可能になりました。通常、iPhone でのウェブ観覧時には、画面の上部と下部にそれぞれナヴィゲーションやステータスバーが表示されますが、［m... 【iOS】Safariの表示領域を最大にする［minimal-ui］の設定方法。続きを読む →

【Font】これは新しい！魔法陣文様フォント［Magic Ring］が話題になっています。

Entry Description: 2014年4月18日 2024年10月17日; Design, Font; 660文字：約2分; 株式会社オンズ

凶悪なモンスターに襲われたとき、あるいは、ゾーマとかエクスデスとかセフィロスとか、最強の大魔王に戦いを挑むとき。戦況を有利にするために、どうしても強力な魔法が必要になりますよね。そんなとき、魔法陣を利用すればイオナズンでもアルテマでも、... 【Font】これは新しい！魔法陣文様フォント［Magic Ring］が話題になっています。続きを読む →

【ADS】ブラジルのビール［PRIMUS］のプロモーションが面白いので紹介します。

Entry Description: 2014年4月1日 2024年10月7日; ADS, Design; 517文字：約1分; 株式会社オンズ

ブラジルのビール［PRIMUS］のプロモーションが面白いので紹介します。たとえ宇宙人に侵略され、住んでいる町が破壊されているとしても。たとえ乗船していた船が沈み、漂流したとしても。周りで何が起こっていても、仲間がいて、ビールがあれば、... 【ADS】ブラジルのビール［PRIMUS］のプロモーションが面白いので紹介します。続きを読む →

有名なブランドのロゴは決してクリエイティブではない！？

Entry Description: 2014年3月18日 2024年10月17日; Design; 623文字：約2分; 株式会社オンズ

今日は、海外のファッション系のブログ［SLAMXHYPE］に掲載されていた記事「STREETWEAR & FASHION HOUSES ARN’T VERY CREATIVE WITH THEIR FONTS. WE CAN PRO... 有名なブランドのロゴは決してクリエイティブではない！？続きを読む →

理想的なロゴを作るための11のステップ。

Entry Description: 2014年2月24日 2024年10月17日; Design; 1136文字：約2分; 株式会社オンズ

スペインのグラフィックデザイナー［Borja Acosta de Vizcaíno］氏が、11 STEPS TO A PERFECT LOGOというタイトルのブログで理想的なロゴを作るためのステップを紹介しています。その内容を翻訳して紹介... 理想的なロゴを作るための11のステップ。続きを読む →

現代家紋。

Entry Description: 2014年2月23日 2024年10月17日; Design; 1446文字：約3分; 株式会社オンズ

Twitter のタイムラインで流れてきた［#現代家紋］が面白かったので、オンズでもいくつか創作してみました。三つ無線通信網まずはこちら。よく見かけるWi-Fiのロゴを３つ組み合わせた現代家紋。組み⌘ キーボードの『command』キ... 現代家紋。続きを読む →

【無料ダウンロード】風水で使われる［方位図］のデータを公開します。

Entry Description: 2014年2月18日 2024年10月21日; Design, Works; 926文字：約2分; 株式会社オンズ

先日、とあるクライアント様からのご依頼で［方位図］を制作しました。風水などの占いで使われる吉凶の方角を記した図面で、「風水八方位図」や「吉凶図」とも呼ばれるそうです。今日は、制作したそのデータを無料でダウンロードできるようにしましたので... 【無料ダウンロード】風水で使われる［方位図］のデータを公開します。続きを読む →

【Download】大量のアイコンをSVG、PNG、Web Font 等でダウンロードできるサイト。

Entry Description: 2014年1月20日 2014年1月20日; Design; 457文字：約1分; 株式会社オンズ

大量のアイコンをAIやSVG及びPNGとしてダウンロードできるサイトをいくつか紹介します。 flaticon http://www.flaticon.com iconmonstr http://iconmonstr.com 40 tiny ... 【Download】大量のアイコンをSVG、PNG、Web Font 等でダウンロードできるサイト。続きを読む →

株式会社オンズのブログ記事一覧