» うまく絵が描けないときはGoogleで「How to draw ○○○」で画像検索すると参考書がわりになる / しかもタダ! 特集 うまく絵が描けないときはGoogleで「How to draw ○○○」で画像検索すると参考書がわりになる / しかもタダ! GO羽鳥 2011年9月14日 お絵描きは楽しい。自分の思い通りに描けたときは、なんともいえぬ幸せな気分になる。逆に、思い通りに描けないときは非常に悔しい。いや、普通は思い通りに描けないほうが圧倒的に多いはずだ。 そんな時に参考になるのが、「○○の描き方」などの参考書。描き方を知ってさえいれば、そこそこ上手く描けるものである。だがしかし、実はもっと簡単な方法がある。それは検索サイトGoogle(グーグル)で、「How to draw ○○○」と入力し、画像検索するだけだ。 ○○○には、描きたいものを入力する。日本語よりも英語のほうが
2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう!というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください! ↑私が10年以上利用している会計ソフト!
Webサイトのデザインをしているときに 「あ、このグラデーションって、どういう色だったかな?」 「ここのフォントはなんだっけ?」ってことがあります。 そういう時に便利なのがFireworksのスタイル機能です。 スタイル機能って何?って人のために、少し解説したいと思います。 スタイル機能とは、Fireworksに登録されている スタイルパレットのことで、グラデーションスタイルや フォントのスタイルを、選択したオブジェクトに対して 一括で変換してくれる機能のことです。 このスタイル機能を活用することで次のようなメリットが得られます。 デザイン作業の手間が軽減される 同じスタイルを適用する際に、色やグラデーション、 ドロップシャドウなどの値を覚えておく必要がない デザインの表現の幅も広がる スタイル機能の使い方 このように、Fireworksにはいくつかスタイルが 登録されています。 試しに1
LifeHack「これからWebデザインをはじめたい人向けの学習プラットフォームについて」 - Progression 学習ノート 手書きはかなり熱い プレゼンの準備をするならこれくらいの頭を使いたい。時間は結果的にかかるが。 作業の高速化は単純な時間節約だけでなく、時間的制約を破壊して未知の発展性が生まれる可能性がある基本的だけど大切なタイポグラフィのシンプルな14のルール | コリス 一貫性: フォント/フォントサイズは多用しない 可読性: 垂直方法のスペース, インデント, カーニングに神経を使うべき, 両端揃えは読みにくい 強調: ユーザは流し読みを好むのでキーワードに微妙な強調を 特に新しい発見があったのは、引用文の「”」マークに関するインデント スライドも一種のタイポグラフィだと考えるわかった気にさせる研究発表スライドを作る たった1つのルールとそれを実現させる4つの方法 話す
プラグインだけど公開してないものだったり、いつも使ってるプラグインとの組み合わせだったり、ショートコードとかなんだか色々。どれもCodaにスニペットで登録してて一発変換で使ってます。 コードはアレなんですけど、ひょっとしてひょっとすると誰かの役に立つかもしれないので恥ずかしながら公開します。対象はちょっとだけJS書けるとかそういう人ですかねたぶん。書ける人はもっとキレイなやつ使ってるでしょうし。(もっときれいに書けとか何そのコードとかも歓迎) 紹介してるスニペットたち ページトップにスクロールするだけ テキストボックスにラベル表示するやつ 要素のサイズを取得するやつ タブきりかえるやつ IEで透過pngをフェードしたときに黒くなるやつ対策のshow()とhide() Google Analyticsのトラックイベント一括bind Ajaxサイトにするときに使うリンク置き換えプラグイン スク
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル(現ラクマ)のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
Yahoo!知恵袋のAPIをさわっていて、レスポンスに含まれるCDATAがSimpleXMLで取得できてないことに気づきました。 APIを叩くために汎用の自前クラスを利用しているのですが、その中で $res = @simplexml_load_string($xml); $res = @simplexml_load_file($url); このように simplexml_load_string と simplexml_load_file を使っていたのですが、これではCDATAを無視してしまうようです。 リファレンスによると第3引数に追加のLibxmlパラメータを指定することができて、そのパラメータの一つである LIBXML_NOCDATA というオプションを指定すると、CDATAをテキストデータとして取得することができるようです。 » PHP: simplexml_load_file –
CSSアニメーションを使ってアイコンを動かしてみたいと思います。 以下、気をつけた点。 CSSアニメーションに非対応のブラウザでもアイコンとして成立している 過剰なマークアップをしない 現実的に使えそうな路線で頑張ってみました。 .iconNew{ width: 3em; text-align: center; background: #54bb00; color: #fff; font-weight: bold; text-shadow: 0 1px 0 #3f3f3f; margin: 0 25px 25px 0; letter-spacing: 2px; padding-left: 4px; } .iconNew.arrange01 span{ display: block; -webkit-animation-duration: 1.5s; -webkit-animation-ti
最近 PHP 日付関連の関数をいろいろいじっていたので、いろいろな日付の計算関係をまとめてみました。 日付の単位について 基本的なことですが、一応まとめておきます。 1秒は1000ミリ秒 1分は60秒 1時間は60分 よって 1時間=60分=3600秒 1日=24時間=1440分=86400秒 現在時刻の取得 まずは、最もよく使う処理です。 //date関数を使う場合 date("Y-m-d H:i:s"); //strftime関数を使う場合 strftime("%Y-%m-%d %H:%M:%S"); 日付/時刻のパース 日付/時刻を表したある書式の文字列から、年、月、日、時、分、秒を取得します。 //strptime関数を使用した場合 $date = strptime("2007-08-12 10:35:20", "%Y-%m-%d %H:%M:%S"); print("yea
Liebe Besucher von FootballPantherShops.com, Wir möchten Sie darüber informieren, dass die Webseite FootballPantherShops.com nicht mehr weitergeführt wird. Diese Entscheidung wurde getroffen, um Ihnen eine noch bessere Nutzererfahrung zu bieten und Sie auf neue, spannende Inhalte aufmerksam zu machen. Während die Seite nicht mehr aktiv ist, empfehlen wir Ihnen zwei hervorragende Alternativen, die
ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、
繊細のポイントは「気がつくかな?」ぐらいにすること。 そんなわずかな繊細をウェブデザインに加えるスタイルシートを紹介します。 Take Advantage of CSS3 to Achieve Subtle Design デモページ 下記は各ポイントを意訳したものです。 はじめに 繊細の大事なポイントは人々が気づかないかもしれない、そして記憶に残らないくらい非常にささやかなものにすることです。 私はこれが初耳だという人がいることを疑います。これは感覚と認識研究によって述べられたよく知られている概念の一つです。 繊細なデザインが難しいのは、「もう少し多くした方がいいのかな?」と容易に思えてしまうところです。このことを知らないと、繊細は失われるでしょう。 以上を踏まえた上で、ウェブデザインにさまざまな形の繊細を提供するために使用できる三つのCSS3のテクニックを紹介します。 1. transi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く