良いデザインって?技術を学ぶ前に知っておきたいデ... / Webサイト制作において、私なりの色選定の考え方... / ヴィジュアル要素の表現方法 | Arch他...全10件
![新卒webデザイナーがとりあえず見といたほうがいいブログ・記事](https://cdn-ak-scissors.b.st-hatena.com/image/square/089ec929859205b83825b47bf8a9ded84d6124b7/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2012%2F5%2F6%2Fl_2012-5-6_7401fa7e6d9f26505f765d695ad89744.jpg)
良いデザインって?技術を学ぶ前に知っておきたいデ... / Webサイト制作において、私なりの色選定の考え方... / ヴィジュアル要素の表現方法 | Arch他...全10件
Twitter上で起こってる議論を観測してるとだいたいこんな感じ。相手陣営のアホを叩くのがメインになってる。
前回の基礎知識や開発環境の準備編で、基本的な勉強や開発環境は揃えましたので、本記事では具体的な制作に入っていきます。 どんな風に作るのか ハイクオリティで広範囲のプラットフォームに対応したスマートフォンサイトを作りあげるにあたって jQuery Mobile を使用していきます。また URL は統一して(スマホサイトを別 URL で作成せず)スマホアクセス時にスマホ用の出力に最適化します。そのため、サイトの構造に変更は加えませんが、全てのページにおいてスマホ用のレイアウトを出力できるように変更を加えていきます。 jQeury Mobile について スマホサイトの作成に jQuery Mobile について学んでいきます。今まで jQuery Mobile を使用したことがありませんので、今回一から全て勉強しました。といっても、基本的なことは全て下記サイトにありますので、jQuery Mo
今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマフォ」どっちが一般的なのか 今まで「スマホ」だと思っていたのですが、最近「スマフォ」と呼称する人を見かけるようになりました。確かに「スマートフォン」を略すなら「スマフォ」の方が正しそうな気がしますが、Google で調べた所検索ボリュームの数が「スマホ」の方が圧倒的に多いので、私は略す場合は「スマホ」で通していくことにします。 フィーチャーフォン (ガラパゴスケータイ) 日本独自の進化を遂げた携帯をガラパゴス携帯、略してガラケーと呼びます。個人的にはガラケーという言葉を使っていたのですが、ガラケーではなく「フ
メルマガ「ゆーすけべーラジオ」にてWebサービス/アプリをつくるにあたっての僕なりのエッセイを連載中です。先週は実装前に行う企画作業についてまとめてみたのですが、評判がいいので、折角ですしBlogで公開させていただきます。特に複数名でのものづくりに参考にしてみてください! 何度か述べている通り、Webサービスにおいて「何を」つくるかは最も重要なことであり、いくら崇高な技術を持っていても「何を」つくるかによって、その技術が生きるか死ぬかが決まってきます。何をつくるかをしっかり決めることにより、実際に本番用のコードを書く実装の段階にも確信が持てますし、リリースした際のフィードバックも活きてくるでしょう。世の中でよく使われているサービスやアプリを見るとアイデアに富んだ今まで無かったと言われるような「何」がしっかりとしたものが多いと思います。 こうしたサービスの企画をつくるに当たっては各自の流儀に
この記事には広告を含む場合があります。 記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 365.024 – Pencil & Paper / FailedImitator おはようございます。どちらかといえば長くコツコツより短期集中型の@ushigyuです。 以前、当ブログでTOEIC勉強法の記事を書きました。 TOEIC点数アップの効率的な勉強法はこれ!実質2ヶ月で340点アップした実績あり 上の記事内容や他の今まで受けてきた試験、友人たちのテスト勉強に対する姿勢やその結果を見ていると、短期間の勉強で結果を出すにはある程度の共通点があることが見えてきました。 今回は、私が見出した「短期間のテスト勉強で合格してしまう人」の共通点を5つ紹介します。 仕事における「短期間で結果を出す人」とも近いところがあるかもしれません。 ① 達成条件(過去問)を分
以前、 [婚活] facebook で日本人ユーザの ID 一覧を取得する という記事を書きました。そこで示したスクリプト(をちょっと改変したもの)をぐるんぐるん回し、日本人ユーザとして登録されている人のユーザ ID が1150万人分ほど集まりましたので、ここに共有したいと思います。 原理としては、 facebook の全ユーザについて、ユーザ ID 1番から順番に地域をチェックし、日本と登録されているもののみその ID を保存しています。これだけの日本人を得るために数十億人分の ID をチェックしてます。 [ ダウンロード fb_jpn_ids.zip ] 解凍していただきますと、2つのフォルダがあります。”type1″ フォルダには100000000000000番以降のものが、 “type2″ にはそれ以前のものが、適当に分割されて格納されています。 https://www.face
レスポンシブデザイン、パララックススクローリング、そういったレイアウトに関する変化に伴い、サイト内を誘導するナビゲーションの種類も多様化してきていますね。 元々、縦、横、ドロップダウン、固定、メガメニュー等、サイトの構造によって様々なナビゲーションを提案してきたわけですが、最近サイトのレイアウトを考える時、話に上がるナビゲーションの呼び方とか、種類とか、大量多量過ぎてもう分け分けらなくなってきたので、ちょっと僕自身の復習と、参考サイトやらチュートリアルやらないかを全部まとめてしまいたかったので、僕と、僕の周りのデザイナーさん達の役にたてるよう、今回記事にさせてもらうことにしました! 実際にWEB制作に携わる中で、聞いたことのある物を分類させて頂くので、僕の勝手な分け方になってしまい申し訳ない限りなんですが、何かナビゲーションやレイアウトに悩んだ時にでも参考か何かにしていただければ嬉しい限り
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
<ul id="menu"> <li><a href="#">html</a></li> <li><a href="#">CSS</a></li> <li><a href="#">JavaScript</a></li> <li><a href="#">PHP</a></li> <li><a href="#">Perl</a></li> </ul> HTMLは最後まで変更しません。 #menu { width:530px; padding:0; margin:0; list-style-type: none; } #menu li { width:20%; float:left; padding:0; margin:0; text-align:center; } #menu li a { width:auto; color:#fff; font-size:12px; font-weight:
ブログ移転のお知らせ! ▼当ブログは移転しました!新しいサイトは以下となります!! http://bamka.info ▼お手数おかけしますが、RSSの再登録もお願いします!! http://feeds.feedburner.com/bamka 【読了時間:約4分】 こうやって日々ブログを書けているのは、気合いと根性と、そして便利なアプリの存在です。 さて、MacのアプリってAppStoreで買うと結構お高いんですよね。iPhoneのアプリと違って、手軽に手を出せないことがしばしば。 そうなると、必然的に「無料で便利なアプリ」を探してしまうのが私の性分。 いろいろ試してみては、使わなくなったアプリはガンガン消して、そしてまた新しいものを探しにいく。 そんなことを繰り返しているうちに、文章を書くうえで必須とも言える3つのアプリが定まってきました。 その3が持つ機能とは、 ・スニペットアプリ
テーブルを簡単にカッコよくスタイリングできるjQueryプラグイン「tablecloth.js」 2012年05月08日- tablecloth.js テーブルを簡単にカッコよくスタイリングできるjQueryプラグイン「tablecloth.js」 $('table').tablecloth() と記述で簡単にテーブルをカッコよくスタイリングできます。テーマも選べる模様。 ソート可能にしたり、ストライプなデザインにしたりといったカスタマイズも可能。 実装できるデザイン例。Twitter Bootstrap と組み合わせたテーマ2種類とその他2種類のテーマがデモとして表示されています 意外と手間取るテーブルデザインですが、こうしたものを参考に美しくデザインしたいものですね 関連エントリ CSS3でクールな角丸テーブルを作る例 シンプルにテーブルにソート機能を持たせるだけのjQueryプラグイ
カウントダウンタイマーの実装と 終了後に任意のイベントを発生 させられるjQueryのプラグイン、 jquery-countdownのご紹介です。 たまに見かけるやつですね。使用 頻度は高くは無さそうですけど。 ローンチ前のComing soonページなんかでたまに見かけるやつです。スクリプトも軽量です。 カウントダウンアニメーションを実装します。終了後にコードを実行させる事も出来ます。時計部分はCSSスプライトを利用した画像を使用しているようです。 動作サンプルサンプルです。再生ボタンで動作テスト出来ます。 日をまたぐようなカウントダウンならもう一工夫必要ですね。 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <s
ユニクロからソーシャル目覚ましアプリ「UNIQLO WAKE UP」がリリースされました。iOSとAndroidに対応しており、WindowsとMacではスクリーンセーバーにすることも可能です。 App Store - UNIQLO WAKE UP http://itunes.apple.com/jp/app/uniqlo-wake-up/id515839388 UNIQLO WAKE UP - Google Play の Android アプリ https://play.google.com/store/apps/details?id=com.uniqlo.wakeup イメージ的にはこんな感じ。作曲は菅野よう子とコーネリアス/小山田圭吾。 UNIQLO WAKE UP - YouTube GPS機能による位置測位、または地域リストから地域を選択し、現在の天気、気温が表示されるようになっ
最近はMac App Storeもアプリ数が増えてきてるようで、普段はあまり見ることがないからGWを利用して色々試してみたら色々とシンプルかつ便利なアプリが増えてたのでメモ。なんだかMacBook Airが快適になってきました。【注意事項】紹介している価格は、本エントリ掲載時(2012/5/7 4:00)のものです。アプリはいつ値段が変更されるかわかりません。ご購入の際はMac App Storeの最新価格をよくご確認の上、くれぐれも「自己責任」でお願いします。 Mac App Storeの厳選無料アプリ8選 個人的に気に入ったアプリを以下に列挙。順不同。 Twitter無料公式Twitterクライアント。 シンプルで見やすいのとSafariからブックマークレットで 投稿出来るので、必須かつ常時起動状態。FreeRAM Booster無料メモリクリーナー。 メニューバーに常駐するタイプで現
2012年05月08日09:00 そ の 業 界 の 人 し か 知 ら な い こ と 1 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2012/05/07(月) 22:10:59.56 ID:/vzPfuqn0 何か無い? 例えば銀行員は外では変動金利でお金貸そうとするけど 身内や自分には固定金利とかさ 3 名前:以下、名無しにかわりましてVIPがお送りします[sage] 投稿日:2012/05/07(月) 22:11:33.13 ID:/vzPfuqn0 あとは、長距離バスの運転手は家族や身内にはバス旅行させないとか 自分が危険な目に遭ってて危険性を知っているとか http://blog.livedoor.jp/nwknews/archives/4186252.html 98 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2012/05/07
アドビがオープンソースとして公開している「Brackets」は、HTML5とJavaScriptで作られたHTMLエディタです。アドビ自身はBracketsについてブログやプレスリリースでのアナウンスは何もしておらず、Github上にAdobeのコードとしてひっそりと公開されています。 アドビには統合的なWeb開発環境として確固たる地位を持つDreamweaverがありますが、Bracketsの画面を見るかぎり、目指すものはDreamweaverを置き換えるようなものではなく、もっと直感的で軽くシンプルなHTML/CSS/JavaScriptエディタを実現しようとしているように見えます。 Bracketsはまだ開発が始まったばかりで、それほど多くの機能が実装されているわけではありません(実際に起動してみましたが、短時間では使い方もよく分かりませんでしたし……)。今後もう少し機能が追加されて
1 :以下、名無しにかわりましてVIPがお送りします :2012/05/06(日) 22:43:36.49 ID:ByI/v/8u0 飲みやすいのたのむ 甘口辛口はよくわからんからどっちでもいいですお! 12 :以下、名無しにかわりましてVIPがお送りします :2012/05/06(日) 22:46:06.11 ID:T7CCC6qy0 とりあえず分類を見ろ 清酒と書いてある酒はあまり美味しくない 日本酒と書いてあるものはちゃんと作ってあっておいしい 材料に醸造アルコールが入っていないものを選ぶのもいい >>12 わかりました! 7 :以下、名無しにかわりましてVIPがお送りします :2012/05/06(日) 22:45:01.54 ID:RHpt7RPb0 3000円出せばかなりのもんが買えるだろ 8 :以下、名無しにかわりましてVIPがお送りします :2012/05/06(日) 22
今年のゴールデンウィーク、いかがお過ごしだったでしょうか?さてGW明け最初の記事は、まだまだスロースタート中のあなたのモチベーションを一気にアップさせるかもしれないAppleからのメッセージを。 — SEO Japan Appleが他の会社と違ったことをすることは知られている。 Appleの新しい社員がもらった下記のメッセージがその証明だ。 仕事。あなたの人生の仕事。 あなたの指紋が残った仕事。決して妥協しない仕事。週末を犠牲にしてでも取り組みたい仕事。Appleではそんな仕事をすることができる。無難に人生を過ごしたい人はここには来ない。一番深い所まで泳ぎたい人だけがいる。 仕事で何かを成し遂げたい人がここにいる。 何か大きなこと。他の場所では起こりえない何かを。 – Appleへようこそ。 このメッセージは以前にも取り上げられたことがあるが、5000万人を超えるInstagramユーザー
体重管理表 85kgから75kgへ 昨年後半に受けた健康診断では「メタボリック」「中性脂肪高め」と指摘され、正月に帰省した地元のみんなからは「太った」といわれ、「このままではヤバい……」と感じていました。 ここ2年ほどの間に、ジワジワと体重が増え続け、70kg台前半が85kgになっていたのです(身長は175cmです)。 何度か減量に取り組むも失敗続きだったのですが、苦戦の末、正月あけからはじめた「3つの簡単ルール」でダイエットに成功しました! 3ヶ月で10kg。 思いのほか呆気なく痩せられたので、今回の記事ではその方法をまとめました。ダイエットで悩んでいる方のご参考に。 【はじめに】ダイエットに奮起するも、久しぶりの運動で完全敗退 僕は、数年前までジムに通うなど、定期的な運動をおこなっていました。 というのも、出身地である大阪・岸和田市は「祭」が盛んな地域で、それに参加していた僕は、毎年祭
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Googleアドセンス で月5万稼ぐためのコツ7選 1)まずはCTR・CPCを知ること まずは、以下の単位を頭に入れちゃいましょう! CTR=クリック率 CPC=クリック単価 例えばCTR(クリック率)が1%・CPC(クリック単価)が30円ならば、100PVあたりの見積もり収益は30円となります。 つまり、毎日1000PVであれば月収9000円になる計算ですね。 2)適切な広告サイズを見極めよう 基本的にクリック率が高い広告サイズは レクタングル(大)(336×280) レクタングル(中)(300×250) この2つがおすすめです。 Googleアドセンスでは、広告サイズが大きいほどクリック単価が上がるため、なるべく大きなサイズの広告を掲載した方が稼ぎやすいですね。 3)最もクリックされる所に掲載しよう 僕がおすすめする掲載位置がこちら。 記事終わり 最初の見出しの前 記事の間 特に絶対に
フローリングの艶出し お米のとぎ汁で拭く たったこれだけで、ワックスで磨いたようなつやが復活します♡雑巾は固く絞り、木目にそって拭きましょう。 畳の手入れ ミカンの皮を潰したり、煮出したりして汁を集める その汁を水で薄め、雑巾に染み込ませ畳をふく みかんの皮には天然の油が含まれており、汚れが取れる上に艶出しの効果も期待できます。使っているのはみかんなので、お子さんにも安心安全なお掃除用品です♡ カーペットや絨毯 ゴム手袋をはめてこする たったこれだけで、ほこりや髪の毛などが驚くほどとれてきれいになるんです! 壁紙の汚れ 歯ブラシと歯みがき粉で、汚れをかき出すように壁紙をブラッシング 水拭きと乾拭きで、残った歯磨き粉をきれいにふきとる 歯磨き粉のつけすぎには要注意!歯磨き粉をきれいに落とすのが大変になってしまいます。 壁についたタバコのヤニ 水に食器用洗剤を混ぜ、雑巾に染み込ませて拭く ひど
1 :以下、名無しにかわりましてVIPがお送りします :2012/05/07(月) 01:42:42.86 ID:ce/6Ojv20 正しい日本語でどうぞ 2 :以下、名無しにかわりましてVIPがお送りします :2012/05/07(月) 01:43:09.92 ID:A/P2QWaw0 醤油……。 4 :以下、名無しにかわりましてVIPがお送りします :2012/05/07(月) 01:43:50.54 ID:Stbvvz4c0 あ、お醤油を..これで余裕 10 :以下、名無しにかわりましてVIPがお送りします :2012/05/07(月) 01:44:50.11 ID:goNEXLnx0 むらさきを… 64 :以下、名無しにかわりましてVIPがお送りします :2012/05/07(月) 01:51:04.37 ID:0l5d3qUz0 >>4じゃないの 6 :以下、名無しにかわりまして
プロカメラマンが教える! 知っておきたい写真のこと1002012.05.08 12:0022,079 そうこ 写真好きあつまれー。プロからのちょっとしたティップスが100個もここに詰まっています! 賛成するもの反対するものあるかも知れませんが、まずは覗いてみましょうか。プロカメラマンからの100のこと。 1)高価な機材を使っているからと言って、腕のいいカメラマンとは限らない。2)常にRAWで撮影すること。3)単焦点レンズでの撮影は、腕磨きになる。4)写真編集はそれだけで、1つのアートだと言える。5)三分割法は99%の場合において効果的である。6)マクロ写真は誰でもできるわけではない。7)UVフィルターはレンズキャップの役割もある。8)写真フォーラムなんかに何時間も行くよりは、外に出て写真を撮った方がいい。9)平凡な日々の生活の中にある美しい一瞬を切り取ること。それが、入賞作品になる。10)
バーンれっどさーん @ledsun たかしへ あなたの勤怠確認しました.こんなに残業が多い割に大して売上が上がってないのはどうしてですか?顧客との信頼関係の構築も甘いとと思います.来月からは頑張って下さい.ちなみに母さんは今月、10人月で作ったシステムを3000万で売ってきました。 2012-02-24 13:21:23 バーンれっどさーん @ledsun たかしへ あなたの立てたスケジュール読みました。作成工数だけでバッファがありません。予想外の事態が起きた時はどうするのですか?残業でカバーですか?お客様が参加するイベントが入っていません。都度調整ですか?事前に提示していないと都合がつかなくても納期延長できませんが大丈夫ですか? 2012-02-24 13:46:29 バーンれっどさーん @ledsun たかしへ あなたの作った機能仕様書読みました。技術的面ではチャレンジグで素晴らしかっ
こんにちは。FenrirFS 開発担当の福満です。 既にご存じの方もいらっしゃるかと思いますが、先日、Google から オンラインストレージサービス、「Google Drive」が発表されました。 Google Driveって何?(動画あり) : ギズモード・ジャパン FenrirFS の自動同期モードを使えば、オンラインストレージサービスのローカルフォルダを同期して連携することが出来ます。早速、FenrirFS と Google Drive の連携を試してみましたので、今日はその手順をご紹介いたします。 * Google Drive の正式な日本語表記は 「Google ドライブ」ですが、本記事では「Google Drive」と表記いたします。 Google Drive のセットアップ まず、Windows 環境で Google Drive を利用する準備をします。 下は、使用可能な状
Google、ハングアウトのストリーミング機能「On Air」を一般公開 YouTubeでも公開可能に 米Googleは5月7日(現地時間)、ソーシャルサービス「Google+」のライブストリーミング機能「Hangouts On Air」を一般ユーザーに公開したと発表した。日本も対象地域に入っているが、全ユーザーが利用できるようになるには数週間かかる。 Hangouts On Airは、Google+の一般公開時、一部の著名ユーザー向けに提供されたUstreamのようなライブストリーミング機能。昨年12月には多数のフォロワーを持つユーザーも利用できるようになっていた。 On Airが利用できるようになると、Google+のホームページ右側にある「ハングアウト開始」をクリックすると開くウィンドウに「Enable Hangouts On Air(On Airを利用できるようにする)」というチェ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く