usr_kouheiのブックマーク (1,203)

  • 良いデザインって?技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと

    デザイナーになりたいって思った時にPhotoshopやIllustrator、csshtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス?かっこ良さ?奇麗さ?良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基をまとめてみようと思います XD はじめに 良いデザインって? 最良の方法? 1.コンテンツの目的 2.ターゲット 3.これらを組み合わせた例 デザインの基 1.書体について 2.ジャンプ率 3.ホワイトスペースを生かす >ホワイトスペースで情報を分割する >ホワイトスペースで囲む >ホワイトスペースにあえてはみ出す 最後に はじめに デザインという言葉を聞くと、かっこいい、かわいい、おしゃれ、きれい、などと感覚的なものを思い浮かべる方が多いのではないでしょうか

  • 15 Useful Code Snippets for Smartphone Website

    2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい! ↑私が10年以上利用している会計ソフト! スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください! 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック(タップ)範囲を広げる 画面の幅にあわせてCSSを変える リンクテ

    15 Useful Code Snippets for Smartphone Website
  • 大抵のことは解決する→質問力をブーストする100のクエスチョン

    問いを作ることは、最も基幹的な知的リテラシーである。 問う力を養うためには数をこなすしかないが、スポーツでいうところの「素振り」に相当するものがあり、実践に向けて問う力の維持・向上に役立てることができる。 いうまでもなく自問自答することだ。 これは、質問の質を高め、思考する力を向上させることのできる数少ないトレーニング方法でもある。 以下に示すのは、自問自答に使える問いの型である。 自覚的に使うことで、問いの型稽古を行うことができる。 思考を深めたり、問題解決を助けたりするのにも用いることができる。 決断する 「それをするメリットは何か?」 「それをしないメリットは何か?」 「それをするデメリットは何か?」 「それをしないデメリットは何か?」 「するのか?しないのか?」 望みをかなえる 「ほしいものは何か?」 「今持っているものは何か?」 「今持っているものをどう使えば、ほしいものは手に入

    大抵のことは解決する→質問力をブーストする100のクエスチョン
  • パパパパ

    withコロナ時代、リモートワークの代名詞となったビデオ会議ソフトのZoomですが、時代の後押しもあり時価総額が15兆円を超え、すでに1日3億回ものミーティングが行われているグローバル・サービスへと一気に成長してきました。 そんなZoomが近頃発表した2つの新サービスは、ビデオ会議のインフラをガッチリ抑えようとする非常に野心的な戦略になっていて、GAFA的なグローバル・プラットフォームを狙いに来ていることが明白になってきました。 利用者はもとより、連携するサードパーティアプリも画期的なサービスも多く、インターネットに関わるビジネスパーソンや企業なら、知っておいたほうがいい内容となっているので、私なりの見解も交えながらブログにまとめてみようと思います。 目次: 新サービス「OnZoom」と「Zapps」とは 連携アプリ10選 - 60秒の心の休憩「Thrive Reset」 - サプライズに

    パパパパ
  • WEBディレクターの為のEXCEL術(1)作業スケジュール | designaholic -Creative Column-

    WEBディレクターの為のEXCEL術(1)作業スケジュール | designaholic -Creative Column-
  • いわゆる仕様と業務例外について - 急がば回れ、選ぶなら近道

    最近とにかく、移動が多いので、その中でちょいちょい考えたことをまとめておきます。まずは仕様の理解の仕方とか、業務例外とか、押さえておきましょうという視点から。別にこれが正解で必須というわけではないので、あくまで個人の経験をまとめただけです。 モデリングとか、なんというかそういう高尚な話ではなくて、実際に仕様をまとめるときに、現実的に落ちる穴を、経験的に書きます。大抵のプロジェクトでは、仕様が固まらずに、または手戻りが発生して酷くコストが膨らむということがやはり多いわけで。理屈はともかく自分の経験的な対策案です。 (なんというか、開発方法論や手法・ドキュメントのまとめ方は、なんとかBOKから始まって、アジャイルや押しくらまんじゅうやらでいくらでもであるのですが、その一方で丁寧な要求定義や設計それ自体ができる人材は、むしろ急激に減っているような印象すら受けます。海外からの翻訳や輸入はやたらと多

    いわゆる仕様と業務例外について - 急がば回れ、選ぶなら近道
  • JavaScriptをやり始めた人が理解したほうが良いJSONパーサのコード - sifue's blog

    そろそろ4月も近いということもあって、新たにWeb業界やSIer業界に入るぞという方がプログラミングの勉強をし始めているころでしょうか。最近は、エンタープライズでもWebクライアントが主流になりつつあるのでJavaScriptの習得は避けては通れない道だと思います。また、Node.js等サーバーサイドのJavaScriptも出てきたこともあって、非常に有用な言語になりつつあります。 そんなJavaScriptを学び始めている人の中でも、ある程度プログラミングをやったことがある人がJavaScriptの綺麗な書き方を学ぶのに絶対理解しておいた方が良い300行程度のソースコードがあります。 それは、JavaScript: The Good Partsに載っているJSONパーサのコードです。 JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス 作者:

    JavaScriptをやり始めた人が理解したほうが良いJSONパーサのコード - sifue's blog
  • HTM5スニペットの共有サイト「HTML5 Snippets」

    だんだんと対応するブラウザも増えてきて業界の中では利用され、案件も増えてきたHTML5。もうすでにいくつか仕事として利用している方もいれば、これからという方もいると思いますが、今日紹介するのはHTM5スニペットの共有サイト「HTML5 Snippets」です。 スニペットとは、よく利用する短いコードの断片に分かりやすい名前を付け、ソースに利用しやすくするためのもの。「HTML5 Snippets」では、基的なフレームから、細かなパーツまで、様々なスニペットが共有されています。いくつか気になったスニペットをピックアップしてご紹介致します。 詳しくは以下 HTML5 snippet : Basic Structure HTML5 HTML5の基テンプレート。jQueryやDD_belatedPNGなども最初から読み込まれいます。 HTML5 snippet : A css rounded

    HTM5スニペットの共有サイト「HTML5 Snippets」
  • 相手に論破されない勝てる企画書を書くためのエントリー集 | 秒刊SUNDAY

    社会人ともなれば企画書を書くという仕事は日常茶飯事となるが、毎回悩んでしまうのが、通るか通らないか以前に、どのような表現にしたらよいか。どんな日語を使えばよいか。まずそこからではないか。気の効いた適切な表現で資料をまとめ上げることがまずは先決。そのうえで勝てる企画書を書きたい。そんな悩みをかかえる社会人は多いはず。今回はそんな方の為に企画書を書く為のエントリーをまとめた。 ◆企画書を書く為に 企画書の基は『コスト』『メリット』『スケジュール』これらが欠如しており、かつ納得できるような説明ができないと誰得?となり相手にすきを与え論破されてしまいます。 コスト・・・具体的な費用・なぜ必要か・見積書等。 メリット・・・期待できる効果と、過去の例や数値。他社との違い。 スケジュール・・・具体的な期間・完成日 これらを、実績や数値を基に企画書を書く為にどのような準備や記述が必要かということです。

    相手に論破されない勝てる企画書を書くためのエントリー集 | 秒刊SUNDAY
  • 120131_52_フリーランスとか大手とか言ってないで「ソニーの開発18か条」を今こそ振り返ってみよう! - Onigiri.blog

    サブメニュー Get the RSS Browse the Archive Random post Mobile version 当ブログの人気エントリ ★はてブ1500超えのエントリ 120131_52_フリーランスとか大手とか言ってないで「ソニーの開発18か条」を今こそ振り返ってみよう! ★はてブ500超えのエントリ 121015_78_音楽業界周辺で「CDがなぜ売れないのか」と未だに議論している人がいるので実際に最近CDを買った人の話を交えながら考えてみる ★筆者オススメのエントリw 120104_45_2012年の音楽業界のWeb&ソーシャルまわり動向予想と3つの変化について(前編) 111229_41_スタートアップに挑戦し、シリコンバレーを目指す若き日人たちへ思うこと(ランディ・パウシュのスピーチを紹介しつつ) フォロー Wednesday, February 1, 2012

    120131_52_フリーランスとか大手とか言ってないで「ソニーの開発18か条」を今こそ振り返ってみよう! - Onigiri.blog
  • ずっと無料で使えるPaaS型クラウドのまとめ。2011年版

    PHPの実行環境をPaaS型クラウドとして提供している「PHP fog」はブログで、いままで6カ月だった無料サービスの利用期間を、永久に無料のままにすると発表しました。しかも3つのアプリケーションまで無料にするとのこと。 もちろん無料で使えるリソースの範囲はそれほど大きくありませんが、PHPアプリケーションを自由にデプロイできるため、例えばWordpressを入れて自由にブログを運営する、といったことができるはず。 実はPHP fogだけでなくPaaS型クラウドでは無料でずっと利用できるコースを設定しているサービスがいくつもあります。この機会にまとめてみました。 PHP fog まずはそのPHP fog。名前の通りPHPの実行環境をクラウド上で提供します。MySQLデータベースもあらかじめ用意されており、WordPress、Drupal、Sugar CRM、Joomlaといった有名どころの

    ずっと無料で使えるPaaS型クラウドのまとめ。2011年版
  • Webサイトの制作スピードを、より向上させる目的で作られたスターターキット・99lime - かちびと.net

    結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。 制作スピードを向上させる目的で作られたHTML5フレームワークです。レイアウトだけでなく、汎用的なUIも備わっていて、class名1つ付けるだけでタブやスライドショーを実装出来るようになっています。 そういった仕様にする事で、シンプルで綺麗で可読性の高いソースを保てるように設計されていたりと、結構参考になるスターターキットですよ。フレームワークは自作してるので良い部分を組み込んでみようかなと思いました。 タブやドロップダウン、スライドショーなどを備えているだけでなく、class名1つで実装出来るようになっているので、綺麗なソースを保持する事が出来るようになっています。 いろいろ

    Webサイトの制作スピードを、より向上させる目的で作られたスターターキット・99lime - かちびと.net
  • iOS Advent Calender 2011 で勉強になったことメモ - その後のその後

    昨年末にiOS Advent Calender 2011というイベントがあったらしく、遅ればせながらチェックしてみたところいろいろと知らなかったこと、勉強になったことがあったので、以下にメモしておきます。 CocoaPods に対応していないライブラリを集めた自分用リポジトリを作る方法 http://akisute.com/2011/12/cocoapods.html CocoaPodsというのは、 このCocoaPodsを使うと今まで大変面倒くさかったライブラリの管理が嘘のように簡単になります。たとえば、新しいプロジェクトを始めるときに、 通信したいからASIHTTPRequestを使おう APIのレスポンスがJSONだからJSONKitも必要だな DBにはCore Dataを採用したいから、MagicalRecordも欲しいな Blocksバリバリ使うからBlocksKitは常識だよね

    iOS Advent Calender 2011 で勉強になったことメモ - その後のその後
  • たった一人でwebサービスを作るための、6つの技術と4つの知識

    ふとワクワクするようなアイディアが浮かんだ時、もし自分でwebサービスを作れたらなーって思う方も多いんじゃないでしょーか。 実際、twitterやfacebookを徘徊してても、結構頻繁に「webサービス作ってみたい☆」みたいな投稿をみかけますが、中には「何から手を付け始めれば良いか分からない!」的な迷える子羊達もちらほら。 そんなワケで、ささやかながら今まで当ブログでもいくつかの自作webサービスを公開してきて、企画からデザイン・コーディング・プログラミング・宣伝に至るまで、若輩ながら全て一人で担ってきた私の知見をご紹介したいと思います。 だいじょーぶ、やりゃーできる! webサービスを作るための技術と知識 技術に関する最大のポイントは「全てを知る必要はあるが、全てに精通する必要は無い」、つまり「広く浅く」で良いというコト。 その中でどこかに自分の強みが持てると尚良しですが、手始めであれ

    たった一人でwebサービスを作るための、6つの技術と4つの知識
  • Google Sites: Sign-in

    Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode

  • http://weblan3.com/blog/2011/05/20/6/

  • Weblancer - ウェブランサー

    HTMLCSSでウェブサイトを作ろう ウェブランサーは、ウェブ制作やインターネットの活用に役立つ情報を提供するウェブサイトです。掲載中のコンテンツは、HTMLCSSの入門用リファレンス、HTMLタグ、CSSプロパティの一覧、特殊文字、カラーコード、テンプレートのダウンロード、そしてブログになります。

    Weblancer - ウェブランサー
  • http://inputxoutput.com/29/

    For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.

    http://inputxoutput.com/29/
  • Thinreports

    A PDF generation tools for Ruby, with design tool for editing templates. Thinreports Thinreports is a PDF generation tool that provides Thinreports Basic Editor and Thinreports Section Editor, a design tool for editing templates, and Thinreports Generator, a Ruby library for generating PDFs. Getting Started Thinreports allows you to create PDF layouts using the Thinreports Editor, and then load th

    Thinreports
  • GitHub人気レポジトリランキング Best50 全解説 - 方向

    GitHubで人気レポジトリのランキングが公開されているようなので全解説してみました. どれも素晴らしいものばかり! あなたのプログラミングライフを快適にしてくれるライブラリがきっと見つかるはず!! rails rails 9835 watching Ruby on Rails. 説明不要だよね! フルスタックWebフレームワーク jquery jquery 8710 watching JavaScriptライブラリ.これも説明いらないよね! node joyent 8572 watching 旧名node.js.昔の名前の方が通りがいいです.JavaScriptエンジンのV8用のノンブロッキングIOな何か.主にWebサーバ/アプリケーションに使われる. html5-boilerplate paulirish 6998 watching HTML5とかのテンプレート集.ただし公式ページのデ

    GitHub人気レポジトリランキング Best50 全解説 - 方向