[B! デザイン] ikeikeikeikeのブックマーク

ikeikeikeike id:ikeikeikeike

デザインに関するikeikeikeikeのブックマーク (24)

エンジニアでもできる洒落たロゴを短時間で作成するコツ4つ
EasyRambleは、技術ネタや子育て、英語学習、アウトドアなどについて綴るブログです。RubyonRails や Swift などで、Webサービス/アプリを作っています。少し前にポップアップ辞書の Chrome 拡張機能をリリースした際に、半日時間をとってロゴ作成の練習を行いまして、ちょっと綺麗なロゴを作れるようになったので、その時に掴めたロゴの作り方のコツを4つまとめておきます。︻追記　2015/05/05︼本職のデザイナーの166さんに、詳細なデザインのアドバイスのコメントを頂きました。エンジニア・プログラマーの方がロゴ作成・デザインに挑戦される際には、とても参考になると思います。ぜひコメント欄までご覧ください。︻追記ここまで︼自分の場合、WEB制作・開発の中でもデザインが一番苦手でして、ロゴ制作もそれほど得意ではありません。エンジニア・プログラマーの方だと、
ikeikeikeike 2015/05/07
Cocoa

Chrome

design

Apple

デザイン

ロゴ

あとで読む
リンク
胸に大きく「CANADA」と書かれたTシャツは大きな誤解を生むことがある
日本ではちょっと少ないかもしれませんが、海外だと自国の国名や国旗をデカデカとTシャツに入れて着ている人はたくさんいます。カナダでももちろんたくさん見られるのですが、しかしある条件下では大きな誤解が生まれてしまうこともあるようです。それにしてもよく気が付いたものです。﹁CANADA﹂のはずですが、どうみても﹁ANAL︵肛門︶﹂……ですよね……？ 1. カナダスペルは﹁CANADA﹂。最初の﹁C﹂と最後の﹁A﹂、さらに最後から2番めの﹁D﹂の一部が運悪く隠れてしまった時に悲劇が起こってしまいます。 2. 3. 4. 5. 6. 7. 8. 9. 見え方一つでちょっぴり残念なことになってしまうカナダTシャツ。気をつけなくてもかなり恥ずかしいことになっているアメリカのものすごい愛国者デザインのほうがすごいといえばすごいのですが…… ソース‥This Is Why You Might Want T
ikeikeikeike 2014/10/05
おもしろ

これはすごい

canada

*エロ

言葉

デザイン

ネタ

画像

カナダ

学び
リンク
これは貴重！商用利用無料のかっこいい動画素材がダウンロードできる -Mazwai | コリス
背景いっぱいに動画を表示したページを作りたい！でも動画をつくるのは大変、、、そんな時にはかっこいい動画素材が揃った﹁Mazwai﹂。 Mazwai Mazwaiの紹介の前に、、、動画をページに使いたい時は、先日紹介したスクリプトがスマホも配慮されており簡単です。動画をブラウザいっぱいやエレメントの背景として配置できるスクリプト︵スマホにも配慮︶ -Vide MazwaiではまさにWebページで使いやすい動画のフォーマットが2種類用意されています。 .mp4 .webm 動画もいい感じのものがたくさん揃っています、風景、人物、街中、オブジェクトなどいろいろ！ダウンロードできる動画は、2種類が用意されています。ショートバージョンは各サムネイルを右クリックでダウンロードでき、ロングバージョンはサムネイルをクリックして動画を全画面表示し、右下のアイコンからダウンロードできます。
ikeikeikeike 2014/08/01
design

素材

動画

まとめ

webデザイン

material

デザイン

movie

web制作

フリー
リンク
フリーフォント22選【日本語対応／商用可／無料】
最初から入っている標準フォントだけでは、ブログの画像にキャプションを入れたいとき、WEBサイトのメリハリを付けたいとき、ロゴを作りたいときなど、かっこがつかない！そんなふうに思うことありますよね。しかしフリーフォントって、あまりに種類がたくさんありすぎて、どれを使っていいのやら困ってしまいがち。欧文フォントは種類も豊富だけれど、日本語対応(漢字も対応)フォントを探し出すのはひと苦労。そこで！今回は使うだけでサイトや印刷物がかっこよく仕上がる、そんな日本語フリーフォントをご紹介いたします。誰でも自由に無料ダウンロード！商用利用も可日本語対応上記を満たすフォントの中でも、特にクオリティが高く、様々なシーンで使用できそうなフォントを中心に集めました。︵参考‥サイト改善10のポイント︶誰でも上手いキャッチコピーが作れる！ノウハウ記事17選とテクニック集 1.　スタイリッシュにまとめたい
ikeikeikeike 2014/06/04
facebook

design

font

フォント

web

webデザイン

まとめ

素材

デザイン

フリーフォント
リンク
Docker と LXC - Qiita
Docker はただ LXC を再発明しているわけではないというお話。DotCloud のファウンダーによる stackoverflow の質問への回答。 LXC はネームスペースやコントロールグループ等の Linux カーネルケーパビリティ機能を利用し、プロセスを他のプロセスからサンドボックス化し、それらプロセスへのリソースの割当てをコントロールしている。Docker はこのローレベルのカーネル機能を軸に、以下のような機能を提供している。 LXC に対し Docker が提供している機能どんなマシンへもポータブルデプロイ可能 Docker はアプリケーションをビルドするためのフォーマットが定義されており、その全ての依存関係を (Docker がインストールされている全てのマシンで動作する) 単一のオブジェクトに入れ、それはどこで実行してもアプリケーション実行環境が同一になります。LXC
ikeikeikeike 2014/04/18
Docker

lxc

仮想化

技術

linux

アプリケーション

virtualization

comparison

server

デザイン
リンク
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは、お名前.comで取得されています。お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.
ikeikeikeike 2014/03/27
css

webデザイン

web

web制作

テンプレート

webサービス

Webサイト

デザイン

サービス
リンク
ナビゲーション/メニューのiPhoneアプリデザイン集22選
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから約26年間、多くの方々に支えていただき、運営を続けてまいりました。転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、今後も、IT/Web業界やクリエイティブ
ikeikeikeike 2013/10/21
iphone

android

app

IOS

アプリ

デザイン

ui

design

webデザイン

ナビゲーション
リンク
http://www.uiplayground.in/css3-icons/
ikeikeikeike 2013/10/17
css

icon

IT

code

design

css3

アイコン

デザイン
リンク
TechCrunch | Startup and Technology News
Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov
ikeikeikeike 2013/09/18
これはすごい

動画

Disney

動物

ソフトウェア

技術

design

Google+

3d

デザイン
リンク
スマホUI考（番外編）　顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。なぜなら面積の限られたスマホでは﹁一画面の機能数とボタン数﹂が、使い易さと品質に深くリンクしているからです。ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。ここがオリジナル Request1: ダイレクトメッセージをトップ階層にユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。ただTwitter社的にはme
ikeikeikeike 2013/08/09
go

iOS

design

ui

デザイン

アプリ

ネタ

twitter

ux

スマホ
リンク
CSS3で実現するアローアイコン
CSS3で実現するアローアイコンスマートフォンなどでリンク領域を示すことなどで使われることが多いアローアイコン。これをCSS3を使って表現する方法を紹介します。ちなみにアローアイコンとはこんなかんじのリストの右にある矢印。(アローアイコンの正式名称とかあるのかしら) まず、HTMLは次のようにします。今回は便宜的にアローアイコンを付けるa要素にclass属性﹁arrow﹂を付加しています。 <ul> <li><a href="#" class="arrow">link</a></li> <li><a href="#" class="arrow">link</a></li> <li><a href="#" class="arrow">link</a></li> <li><a href="#">link</a></li> <ul> .arrowには以下のようなCSSを指定します。 li a
ikeikeikeike 2013/06/27
li

CSS

css3

webデザイン

webdesign

tips

デザイン

アイコン

スマートフォン

矢印
リンク
アイディアをすぐに形にしよう！エンジニア必見Bootstrapライクなデザインテーマまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
エンジニアからプロレスラーに昇格した勝利です。 (首、太いだろ？) 好きな技は蝶野親分の﹁ケンカキック﹂です。さて、エンジニアの方なら誰しもが通ると思われる、アイディアを思いついた後に実装する際に避けては通れない道、そう、デザイン部分の構築。聞いただけでもう蕁麻疹がおさまらないですね。そんなとっかかりの部分を簡単に実装できるツール。そう、Twitter Bootstrap。 Twitter BootStrapとは・・・ BootstrapはWebデザインが得意ではないエンジニア向けにTwitter社が開発／提供するCSSフレームワークです。このTwitter Bootstrapを利用すると、簡単にTwitterっぽいデザインのWebサイトを作成できます。ただ、Bootstrapだけではもの足りなくなったあなた。やっぱりバリエーションは多数もっといた方がいいですよね。そんなあ
ikeikeikeike 2013/04/09
bootstrap

framework

css

Webデザイン

ui

まとめ

デザイン

webdesign

あとでみる

Web制作
リンク
クライアントに振り回されるWebデザイナーに共通した、たった一つの特徴 - studio room134
どうしたらクライアントの納得するデザインにたどり着けるのだろう。と考えたことはありませんか？デザインのフィードバック地獄で苦労したWebデザイナー、ディレクターの方は多いと思いますが、振り回されがちなWebデザイナーの特徴とその対処法について、ケーススタディでまとめてみました。 ■クライアントに振り回されるWebデザイナー/WEBディレクターの特徴﹁フィードバック指示を額面通りに受け取ってしまう﹂これに尽きます。クライアントはデザインをした事が無い人がほとんどなので、修正指示もデザイン的には正しくない事がかなりの割合であります。これは映画を観て良かった悪かったは誰にでも評価できるが、その映画をどのように修正したらよりよくなるかは経験を積んだ者にしかわからない、というのと同じことです。にもかかわらず、﹁ここのボタンを赤くしてください﹂、﹁背景をグレーにしてください﹂という指示を額面通
ikeikeikeike 2013/04/05
たしかにな

book

web制作

Webデザイン

考え方

デザイン

ディレクション

web

webdesign

あとで読む

仕事
リンク
Service discontinued
Sorry! Service has been discontinued Thank you for caring about web accessibility with us all these years Giovanni Scala
ikeikeikeike 2013/03/02
color

background

webdesign

デザイン

L2

Webサービス

web制作

web

ユーザビリティ

アクセシビリティ
リンク
Dribbble - Show and tell for designers
Get inspired by the work of millions of top-rated designers & agencies around the world.
ikeikeikeike 2013/02/07
design

WebDesign

SNS

デザイン

WEBデザイン

Webサービス

WebService

デザインサンプル
リンク
UIデザインの参考になるサイトまとめ | ナナメウエblog
毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI– mobile uipatterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins
ikeikeikeike 2013/01/23
iphone

design

webデザイン

デザイン

UI
リンク
高スキル人材シェアリングサービス | Skillots (スキロッツ)
私たちの思い私たちエフ・プラット株式会社は、このSkillotsを含む提供サービス群を、クリエイティブな才能や様々な技術・知識などの「能力＝アビリティ」を言語や地域を越えて流通させる市場、「アビリティ・プラットフォーム（Ability Platform）」として定義しています。場所や時間にとらわれず誰でも参加できる「アビリティ・プラットフォーム」においては、誰もが自分の持つ能力を求める人や企業にサービスを提供し、正当な対価を得ることができます。また同時に、企業や個人が必要な時に必要な能力を持つ人材を見つけ、すぐに目的の成果物を調達することを可能にします。私たちは「アビリティ・プラットフォーム」の提供を通じて、世界中の人々が自由に働き方を選択できる環境を整備するとともに、人材活用の利便性をダイナミックに改善させることで、事業活動の理想化や生活の向上をサポートしていきます。
ikeikeikeike 2013/01/10
design

デザイン

仕事

フリーランス

マッチング
リンク
JavaScriptなしで地域ごとに色が変わる日本地図を作る
HTML、CSS、画像だけで、マウスオーバーした地域ごとに色が変わる日本地図を作る方法です。文字だけではちょっと意味がわかりにくいかもしれませんので、とりあえず↓の日本地図の上にマウスカーソルを載せてみてください。クリックするとページ遷移しますが、このデモでは Not Found になりますのでご注意ください。デモページを別のタブで開く　　このデモをダウンロード︵ZIP︶ 2009年に仕事で﹁日本地図をクリックすると地域ごとに違うページに飛ぶ﹂ページを作らなければならなかった時に、当時 JavaScript も書けないし Flash は PCに入っていなかったので、HTML と CSS だけで作ってみました。このデモはDOCTYPE宣言が HTML5になっていますが、当時 HTML 4.01 で、IE6 でもきちんと動くように作りました。ですので、特殊なタグやプロパティは使わず
ikeikeikeike 2012/12/28
CSS3

css

デザイン

web

iphone
リンク
BootstrapのCSSを簡単にいい感じにカスタマイズできる厳選サービス２＋１つ紹介 | DevelopersIO
Bootstrapいいよね Bootstrapです。大人気の見た目系フレームワークですね。いろんなサイトで見かけます。自分もそうなのですが、エンジニアでコードは書くけどデザインの事はよく知らない。だけど﹁使いやすくて、いい感じにしたい﹂という欲求を満たしてくれてます。ただ、デフォルトは見やすいんだけど、ちょっとカスタマイズしたいなとか、色指定があった場合など困りますね。例えばありそうなのが﹁コンテンツ管理画面を作りたい、デザインは特にこだわらない、けど使いやすいのがいいな。﹂とかさらに﹁イメージカラーが青だからそれベースで﹂とか。そんなあなたにぴったりな厳選ツールを紹介しちゃいまっくすぅ〜！ Lavish 〜画像から配色を生成してくれます〜このサービスは画像を解析してBootstrapの配色を捻り出します。何処かの企業向けに作る場合に企業のロゴなどから配色してみるといい感じにな
ikeikeikeike 2012/12/07
bootstrap

css

デザイン
リンク
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回プログラマ向けデザイン勉強会 #design4p http://connpass.com/event/1185/ で発表させていただきました。（#p4d プログラマ向けデザイン部主催イベント http://prog4designer.github.io/） @mah_lab さんがズルいデザインのRails gemを作って下さいました http://blog.mah-lab.com/2012/11/07/zurui-design-for-rails/ (Repository) https://git
ikeikeikeike 2012/10/29
design

github

WebDesign

copyright

Sass

css

css3

Webデザイン

デザイン

tips
リンク
1 2 次のページ