全国で活躍するフリーランス・SOHOの皆さんの、... / フリーランスの全国Webサイト制作料金表 201... / 東京:GYPSYの制作料金他...全23件 全国で活躍するフリーランス・SOHOの皆さんの、制作料金を掲載しているページを集めました。料金相場や価格設定の参考にご利用ください。 ※掲載している情報は2013年9月18日時点のものです。最新価格やそのほかの価格に関しては、リンク先をご確認ください。
さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。 今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。 改良のポイントは次の通りです。 文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説しています フラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った
こんにちは。あめです。 冬の申し込みも終わって完全に終わった夏コミの話題。いまさらですが、夏コミ前は自分のサークルで手いっぱいだったので! 自分用もメモも兼ねての、ハイクオリティなC84特設サイトのまとめです。 最近の同人誌は、ほんとにデザインが綺麗。 個人サークルが普通だった一昔前と比べて、デザインに凝って何人かでサークル活動してる方が目立ってきました。 やっぱり東方やボカロ界隈の、音楽×イラストのコラボサークルなんかが普通になってきたからなのかな。あと評論×デザインのコラボも増えてる気がする。 そんな素敵な同人誌・同人CDの夏コミ新刊の特設サイトをまとめました。コーディングしてるのは、同人好きな本職のクリエイターさんが多いようですね。 ごはん部の本2 本のタイトル:ごはん部の本2 サークル:ごはん部 ごはんもイラストも装丁もwebもとーっても素敵な本のサイト。私にドストライ
box-shadowで表現する、「セミフラット」なズルいデザインテクニック:ズルいデザイン(3)(1/2 ページ) 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。 例えば、「ボタンは押せるもの」であると表現するための「押したくなる感じ」を喚起させる立体感は、ユーザビリティ面でもまだまだ有効です。今回は、流行のフラットデザインの中でも違和感なく使えて、また適切なアフォーダンスの表現が可能になる、「やりすぎていない立体感」を目指した、box-shadowを活用した各種ボックス表現の作り方を紹介します。 NGな
「HTML5で冷気を表現したサイトがすごいな | IDEA*IDEA」で紹介されていた「メンソール系 氷冷エナジードリンク RAIZIN COOL」のリアルな冷気の表現がHTML5/Canvasで作成されているということで、どんな風に出来ているか気になったので分解してみました。 Canvasに透過pngを描画してループさせる (1)(2)(3)と、それぞれに<canvas>を配置します。そこに透過pngで作成されたリアルな冷気画像を、少しずつ動かして描画します。(1)は右から左へ、(2)は時計まわり、(3)は上から下へ。 スムーズなループアニメーション (1)の右から左へのアニメーションの場合、同じ位置に同じサイズで<canvas>を2つ配置して、それぞれに同じ透過pngを描画します。片方は透過pngの幅サイズ分、右にオフセットして画像の右端と左端が継ぎ目なく繋がるようになっています。 マ
たいしたページではありません。 あるのは言葉だけ。 それをあなたは読んでいます。 オシャレなデザインや、レスポンシブなレイアウト、魔法のようなスクリプトに私たちは魅了されてしまいました。 でも、ウェブで一番強力な道具は、今も昔も言葉です。 私が書いた言葉を、あなたが読んでいる。これこそ魔法です。 私はブリティッシュコロンビア州の小さな都市にいますが、あなたは別のどこかにいることでしょう。私は2013年6月20日の早朝にこれを書きましたが、あなたは違う日時にこれを読んでいることでしょう。私はノートパソコンでこれを書きましたが、あなたは携帯電話でこれを読んでいるかもしれないし、タブレット端末やデスクトップ端末で読んでいるかもしれません。 私とあなたがこうして繋がることができたのは、私が書いた言葉をあなたが読んでいるからです。ウェブとはそういうものです。場所や端末、タイムゾーンが違っても、このシ
Xoilac TV trực tiếp bóng đá Euro | Xem trực tuyến Xôi Lạc 90phut Xoilac TV cung cấp link xem bóng đá trực tuyến, trực tiếp bóng đá Xôi Lạc TV hôm nay, truc tiep bong da Ngoại Hạng Anh, Euro, Bundesliga, VĐQG Tây Ban Nha,... bóng đá Việt Nam, cùng dàn BLV chất lượng của XoilacTV. Link xem bóng đá cập nhật ngày 11-08-2024 Xoilac TV là kênh trực tiếp bóng đá uy tín được xây dựng và phát triển với mục
ウサギノネドコについてAbout Usagi no Nedoko 「自然の造形美を伝える」をテーマに、 植物、鉱物、動物がもつ美しさを プロダクトやフードにのせて発信しています。 自然のつくり出した造形物は、世界にひとつだけのアート。 日常の中で見落としがちなその美しさを、 インテリアやギフトとして生活の一部に取り入れてみませんか? More
去年くらいからよく見かけるようになったスクロールすると、カーテンを持ち上げるように次々にコンテンツが表示されるテクニックをスタイルシートのみ版とスクリプト併用パワーアップ版の二つを紹介します。 まずは、スタイルシートのみ版から。 Fixed image backgrounds スクロールするとヘッダは固定表示で、画像を配置した背景がカーテンを持ち上げるように次のコンテンツが表示されます。 背景は写真も面白いですが、ソリッドなカラーでも面白い効果が得られますね。 Fixed image backgroundsをスクロール 実装はシンプルです、ポートフォリオなどでよく見かけるテクニックです。 Demo 1のHTML HTMLの基本構造は、header要素があり、各スライドはsection要素です。section内には見出しやテキストや画像などを自由に配置できます。 <header> <a hr
まずはアイコン素材配布サイトから。 今は無料で使えるアイコン素材配布サイトが多いので、ここからダウンロードしてデザインする時に使う人も多いのではないでしょうか。まずはそのアイコン素材配布サイトで”save”と検索した結果を見てきます。 iconmonstr http://iconmonstr.com/ 以前にもMEMOPATCHで紹介した事のあるサイトです。ここはフロッピーディスクもありますがクラウドっぽいアイコンや下向き矢印のアイコンもありますね。 softicons http://www.softicons.com/ こちらはほとんどフロッピーディスクのアイコンです。しかも立体的なアイコンが多いです。 iconfinder http://www.iconfinder.com/ こちらもフロッピーディスクのアイコンが多いですが、下矢印やチェックマークもあります。 次に有名なサービスやアプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く