タグ: Webデザイン

書籍執筆しました!「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」

(フロント左右2本)フィット(GP1)(2010/10~)KYBローファースポーツ(フロント左右2本)

昨年からコツコツ執筆していた書籍「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」がついに完成しました!初心者向けにWebサイト制作を教えている経験をもとに、なるべくわかりやすく書いたつもりです。多くの方に読んでいただけますと幸いです!
続きを読む

無料・商用利用OK!Web制作まわりで使えそうなアイコン作りました【Web Icons】

プレゼンのスライド作成や書籍の執筆などで、ちょこちょこ作っていたアイコンがたまってきたので無料配布します。モニターやカーソルなど、制作まわりで使えそうなアイコン達です。PNG、SVG形式。商用利用もできるのでお気軽にダウンロードしてくださいね!

続きを読む

Adobe XDでWebデザインをしよう!画面作成からページ推移までの手順を紹介

デザインやプロトタイプを作成できるAdobe XD。みなさん使っていますか?先日アップデートもされ、Photoshopとの連携がより簡単になったり、Sketchファイルも扱えるようになるなど、進化が進んでいますね。これまではWebサイトのデザインにはPhotoshopが多く使われてきましたが、これからはXDが主力となっていきそうな予感。ということでAdobe XDを使ったWebデザインの手順を紹介します!
続きを読む

Webデザインを「もっとかっこよくして!」と言われた時に試したいCSS小技5つ

Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、

LEXANI TIRES LX-TWENTY サマータイヤ 245/45R20 MYRTLE BULLHORN ブルホーン ホイールセット 4本 20インチ 20 X 8.5 +35 5穴 114.3 2016最新のスタイル

【店舗塗装サービス】【30 プリウス ロエン / トミーカイラ】プリウス ZVW30 前期 アイラインガーニッシュ FRP;シルクブレイズ ワゴンR MH34S 前期 Lynx フロントグリル FRP製 塗装済 パールホワイト (Z7T);【Arlen Ness】Deep Cut プッシュロッドカバー ブラック

LEXANI TIRES LX-TWENTY サマータイヤ 245/45R20 MYRTLE BULLHORN ブルホーン ホイールセット 4本 20インチ 20 X 8.5 +35 5穴 114.3;brembo ブレンボ ブレーキパッド フロント レッド トヨタ カリーナ ED ST203 93/9~98/4 P83 034S ブレーキ パッド パーツ 交換;【送料無料】 175/70R14 14インチ BRANDLE ブランドル G61 5.5J 5.50-14 DUNLOP ダンロップ ルマン V(ファイブ) サマータイヤ ホイール4本セット フジコーポレーション;スタッドレスタイヤ 2本セット ファルケンタイヤ ESPIA W-ACE 225/50R17インチ 激安販売aA BMW 3シリーズ F30 アウディ A4;アルファード/ヴェルファイア/ANH20.25W/GGH20.25W/08.5~(エンドレスブレーキローターE-SLIT)リア左右2枚■代引き不可■

ピーエムシー PMC OW右側スイッチ 95年-96年 XJR400、XJR400R 71-1026 JP店, A-TECH/SCHNEIDER SQ27 アルミホイール 4本セット クリッパーバン/トラック U71V/U71T 【12×4.0B 4-100 INSET42 メタリックシルバー】, 155/70R13 75S TOYO TIRES トーヨー タイヤ SD-K7 エスディーケ-セブン Treffer ZR トレファーZR サマータイヤホイール4本セット, ビームス R-EVO S/O ヒートチタン Ninja250 13- JBK-EX250L 《ビームスモーターカンパニー バイク用マフラー G415-53-P1J》◇Cr◇, EKチェーン 江沼チェーン スリード シリーズ ゴールド (140L) カシメ 520Z JP店 [ホイール1本(単品)] SSR / WERFEN GT-03 (SLSL) 20インチ×10.5J PCD:120 穴数:5 インセット:18

、本気を出して作ってくださいと言われてしまいました…」。デザインを見てみると、とても美しく整ったものだったのですが、「テンプレートとしてありがち」なレイアウトに見えました。この辺を指摘されたのかな、と。自分でコーディングをすることを考えると、どうしても自分の力で実現できそうなデザインにしてしまうんですね。私も駆け出しの頃はよくありました。そこで今回はちょっとした工夫で少し差がつくCSSの小技をいくつか紹介します。簡単にできるとわかれば、デザインに反映できそうですね!
続きを読む

Webデザインギャラリー始めました!

以前から作ろう作ろうと思って早数年…w ようやく作りました、WebクリエイターボックスのWebデザインギャラリー!作るのに精一杯でまだまだコンテンツは少ないのですが カロッツェリア7V型200mmハイレゾ対応サイバーナビAVIC-CW902+ドラレコVREC-DS600+バックカメラND-BC8II+RD-C200セット、これから少しずつ増やしていきます!
続きを読む

配色が苦手な人でもプレビューを見ながら直感的に使える配色ツール5つ

配色って奥が深いです。「この色いいな!」と思っても 【ランサーエボ 4-6 カーツ】ランサー エボIV、V、VI(GSR/RS) CN9A/CP9A BASIC LSD 品番:DBM2070、実際にデザインに適用してみるとなんだかイメージと違ったり。このブログでも過去に「カテゴリー別配色アイデア100」という記事で配色例を紹介しましたが、その配色を見たときと使ってみたときとではまた異なる印象になるかもしれません。そこで今回はプレビュー画面で確認しながら配色を作成できるツールを集めてみました!
続きを読む

ブログや名刺にも使える!手軽にロゴを作成できるサービスいろいろ

企業ではもちろん、個人でWebサイトやブログを運営している人にとっても、ロゴは個性を表す重要な要素です。しかし、非デザイナーが自分でデザインするのはなかなか敷居が高かったり、プロに頼むと時間もお金もかかってしまう…そんな時のために KOMEHYO 18インチ タイヤホイールセット!シビック タイプRFD2AXEL  アクセル アルディ パールブラック/ミラーカット 7.5Jx18ディレッツァZ2 STAR SPEC 225/40R18、今回はロゴをサクッと作れちゃう便利なサービスをいくつか紹介します。
続きを読む

レスポンシブ対応!縦に半分割しているWebサイトの作り方

画面を大胆に縦に割ったレイアウトのWebサイトが流行中。複数のセクションで分割しているサイトもありますが、中でも多く取り入れられているのが真っ二つに分けている半分割のレイアウト。インパクトがあって注目を集められる上、スクロールをせずに複数の情報を表示できます。今回はそんな縦半分割のレイアウトを使ったWebサイトの作り方と、実例をいくつか紹介します。
続きを読む

無料・商用利用OK!塩を使った水彩画素材作りました

明けましておめでとうございます!本年もよろしくお願いします!最近手書き&手描きにはまってるので 、今年は小学生以来の手書き年賀状を作ってみました。その時水彩絵の具と塩で背景模様を作ったので 【プロジェクトミュー】RACING-N+(レーシング・エヌ プラス) スズキ アルト・アルト ワークス ALTO/ALTO WORKS    用 HB11S (WORKS)系 フロントブレーキパッド 品番:F883 【タイヤ・ホイール 4本セット】 WORK VS-KF 245/40R20 新品 選べるタイヤ タイヤ・ホイール 新品4本(1台分)セット、いくつかを素材として配布しようと思います。
続きを読む