運営会社情報 株式会社スタジオグラフィックス 〒164-0012 東京都中野区本町2-51-10 中野坂上OKビル801 TEL 03-6300-5987 / FAX 03-6300-5988
運営会社情報 株式会社スタジオグラフィックス 〒164-0012 東京都中野区本町2-51-10 中野坂上OKビル801 TEL 03-6300-5987 / FAX 03-6300-5988
こんにちは。ココロ社です。 ネットサーフしていると「これってボランティアちゃうの?」と思ってしまうサイトをたまに発見してしまいます。今回紹介するのは、写真のあれこれがわかる「スタジオグラフィックス」。ポータブルフォトストレージなどを扱う「飛鳥」が運営しているのですが、写真のテクニックが学べる記事が満載です。 特に充実しているのが、人の撮り方についての記事。中でも、「女性の撮りかた講座」と「新・女性の撮りかた講座」は、目を見張る充実ぶりです。 これを読んで思うのは、やっぱり人を外でちゃんと撮りたいときにはストロボが必須だなぁ...ということ。「今日は外で撮るからストロボはいらないや」と今までは思っていましたが、人を撮るんだったら持っていくに越したことはありませんね。 また、『Photoshop Elements』の膨大な活用記事「フォトショップ・エレメンツ de ゴーゴー!」も、現在40回を
人気のデザイントレンドの一つに、ヴィンテージ・レトロスタイルがあります。デザインにこれらを取り入れるために使いこなしたい6種類のエレメントを紹介します。 The Elements of Retro Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 元記事にはサンプルやチュートリアルなど豊富に掲載されています。 はじめに 1. サークルを使った形状 2. ツートンカラー、限定されたカラースキーム 3. タイポグラフィエレメントとトレンド 4. ブレンディングスタイル 5. テクスチャとノイズ 6. イメージクロップとレイヤーマスク はじめに ヴィンテージ、レトロといったスタイルは今日のデジタルアートワークにおいて、日々人気が高くなっています。社会が完全にデジタル化した後、デザインにおけるヴィンテージ、レトロをテーマにしたものはトレンドの一つと言えるでしょう。 こ
このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基本原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古い本ですが、とっても素晴らしい本で今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基本というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ
CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。 詳しくは以下 設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="text/javascript"></script> このライブラリを使うと、ページのhtml属性に動的にclass属性を追加するようになります。 例えばですが、IE6でアクセスした場合には ua-ie-6というclass名が追加されるようになります。 <html class="ua-ie-6"> <head>…</head> <body>…</body> </html> iPhoneの場合はua-
いよいよ2011年がスタートしました。 今年も去年同様、勉強することが 沢山あります。まだモチベーションが そこそこあるうちに勉強になりそうな 国内の記事をリンク集にしました。 迷ったときに見てみようかなと思い ます。 より最適な方法というのはあると思いますが、まずは扉を叩かない事には何が悪いかも分かりません。ということで、内容に拘らず、否の意見をスルーしてここに色々まとめさせて頂きました。 勉強したい気持ちはあるけど出来ない理由は「何を始めればいいのか分からない」という方も、何が出来るのか、どういった勉強法で出来るようになるかが分かればやる気が起きるかも知れません。 5分で分るシリーズ 以前も流行ったんですね。Web関連以外も含めてここにまとめられています。 5分で分かる PHP を知らない人が PHP の便利さを学べる記事を書いたよ 5分でわかる Ruby を知らない人が Ruby の
JavaScript を知らない人に JavaScript の話して欲しいと言われる夢を見たのでブログ書きました。*1 難しい話は抜きにして JavaScript は <script> と </script> で囲えば動きます。*2 HTML をコードレベルで編集できるサービスなら、設定は一切不要です。 <script> JavaScriptのコード </script> 拡張子にも制限はありません。最終的にHTML文書として出力されるのであれば、htmlでもphpでもcgiでも構いません。なおフレームの代わりにPHPを使うという為になる記事があるのですが、ここでは関係ないので読むのは後ででよいです。 ついでに JavaScript を少しでも使えるようになれば、こんなことができるという一例を紹介します。 コピーライトの西暦を自動更新 JavaScript を使えばページフッタの西暦も自動更
年末は買い物をする機会が増える為、ECサイト運営者も忙しさがピークに達する時期ですね。 さて、Eサイトは基本的に売り上げが立ってこそ成り立つ物。時期や世間のトピックによって大体の業種が売れる期間にばらつきがあります。 しかしECサイトの場合は通常の店舗とは異なり24時間ユーザーからの注文を受けることが出来るというメリットがあります。当然の事ながら人が受付をしない代わりにサイトの構成や商品によってユーザーを取り込めるか否かという差が発生します。 商品の内容はお店の仕入れで良質の物を仕入れてもらうしかありませんが、サイトの構成に関してはデザイナーが仕入れた商品を自社のサイトにうまく掲載することで売り上げを上げる事が出来ます。デザイナーが商品をうまく見せれるか否かポイントになってきます。 問題点と改善すべき点 よくあるのは仕入れ担当者や、オーナーなどから「この商品を目立たせてほしい」と言われつづ
コリス [ad#ad-2] 当サイトの購読は、RSS Feedをご利用すると便利です。 コリスのRSS Feed Twitterでは、サイトに掲載していないウェブ関連の話題、クリエイティブなもの、面白いものを数多く紹介しています。 Twitter@colisscom 2010年、ブックマークが多かったエントリー 漢字も使える手書き風の日本語フォントのまとめ ウェブサイトのパフォーマンス改善やセキュリティに役立つ.htaccessの設定 2010年総まとめ:商用利用も無料、日本語・英語の高品質なフリーフォント集 jQueryの日本語の解説サイトと国産のプラグイン集 たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法 商用でも無料で利用できる高級感のある細字のフォント集 無駄なdiv要素やc
2010年のはてなブックマークで多くのブックマークを集めた人気エントリーのランキングトップ100を発表します。あなたがブックマークしたエントリーはいくつランクインしているでしょうか?(集計期間:2010年1月1日〜12月24日) 2010年 はてなブックマーク年間ランキング(2010/1/1-2010/12/24) 1位Windows XPの起動時の長いディスクアクセスは、Windows Updateの履歴が溜まりすぎていたせいだった?! - 全力HP 2位ネットで見れるすごい企画書 - NAVER まとめ 3位20歳を過ぎてから英語を学ぼうと決めた人たちへ | The Wisdom of Crowds - JP 4位radiko(ラジコ) | ラジオがインターネット(アプリやパソコン)で無料で聴ける 5位ウェブ制作者・アフィリエイターが知っておくべき便利な62のサービス - 副業クエスト
今年も残すところ、あとわずか。 2010年、国内・海外のウェブデザインで印象に残ったものを紹介します。
静かな場所を見つけ、日々の習慣付けを守り、一度に1つのテーマに集中して黙々と取り組む……というのが一人で勉強するときの鉄則のように見えますが、最近の研究はこの独学における一般常識がすべて間違っていることを示しています。 詳細は以下から。 Think You Know How To Study? Think Again : NPR ニューヨークタイムズのリポーターであるベネディクト・キャリーがその種の研究について書いたところによると、学習に関する多くの考えは直観的な意味を成しているものの、実際にはかけ離れており、役に立たない、とのこと。実際には以下の4つのようにすればあなたの勉強時間を最大限に利用できるそうです。 ◆その1:自分でテストする テストの結果は大抵悪いものなので気分が悪くなりますが、セルフテストを行うことによって勉強したことを忘れる速度が低下することを心理学者は指摘しています。何
ブラウザごとに異なるデフォルトのスタイルを初期化するスタイルシートの歴史を振り返りつつ、2010年の最新のCSS Resetまでのまとめを紹介します。 A Comprehensive Guide to CSS Resets [ad#ad-2] ユニバーサルセレクタから始まったCSS Resetの進化の過程をたどり、最近リリースされたCSS Resetを紹介します。 下記は、各ポイントを意訳したものです。 (X)HTML "Hard" Reset undohtml.css -2010 version Poor Man's Reset Siolon Reset Inman Reset Tripoli Reset Dan Schulz's Reset Thierry Koblentz's base.css Simple Reset CSS Mini Reset Soft Reset Less i
プラグインだけど公開してないものだったり、いつも使ってるプラグインとの組み合わせだったり、ショートコードとかなんだか色々。どれもCodaにスニペットで登録してて一発変換で使ってます。 コードはアレなんですけど、ひょっとしてひょっとすると誰かの役に立つかもしれないので恥ずかしながら公開します。対象はちょっとだけJS書けるとかそういう人ですかねたぶん。書ける人はもっとキレイなやつ使ってるでしょうし。(もっときれいに書けとか何そのコードとかも歓迎) 紹介してるスニペットたち ページトップにスクロールするだけ テキストボックスにラベル表示するやつ 要素のサイズを取得するやつ タブきりかえるやつ IEで透過pngをフェードしたときに黒くなるやつ対策のshow()とhide() Google Analyticsのトラックイベント一括bind Ajaxサイトにするときに使うリンク置き換えプラグイン スク
私のツイッター:@WebDesignRecipe の 2010年 11月のつぶやきです。ブクマ的にツイートしていたり、その時々の好きなものとかをつぶやいます。まとめておくと面白いかも!と思ってブログにしています ;D 私のツイッター – @WebDesignRecipe では、Web 関連の Tips や美しい写真、アートなどをつぶやいています。今月のツイートの中から、ブックマーク的にいくつかをご紹介します。 1. 美しいタイポグラフィー、モザイクアートいろいろ
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 (マンガは、左上から右下へと読みます) プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く