タグ: Webデザイン

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

車種別専用フロアマット CALMAT(キャルマット) トヨタ マークX トヨタ マークX 24年8~ 2WD-スタンダードブラック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サイトのデザインを出してみたものの、

エンドレス SSY フロント左右セット ブレーキパッド シーマ FPY32 EP284 ENDLESS ブレーキパット【店頭受取対応商品】

DUNLOP ダンロップ WINTER MAXX 01 ウィンターマックス WM01 スタッドレス スタッドレスタイヤ 185/65R15 ブリヂストン ECOFORM エコフォルム CRS12 ホイールセット 4本 15インチ 15 X 6 +45 4穴 100, [ホイール1本(単品)] CRIMSON / CLUB LINEA L612 (SLP) 16インチ×8.0J PCD:100 穴数:4 インセット:40, 15インチ サマータイヤ セット【適応車種:インサイト(ZE2 M/C後)】HOT STUFF Gスピード G01 メタリックシルバー 5.5Jx15ZIEX ZE914F 185/60R15, 【店舗塗装サービス】【エクスクルージブ ゼウス】エルグランド 【 GRACE LINE 】 フロントスポイラー GAE塗装済品 ELGRAND(E52) Highway STAR MC前 2010/8 - 2014/3, 215/70R15 DUNLOP ダンロップ ENASAVE RV504 エナセーブ RV504 B-WIN KRX B-WIN KRX サマータイヤホイール4本セット [Projectμ] プロジェクトμ ブレーキパッド NS-C フロント用 ランサー C73A 89/10~92/1 1.6L 本州は送料無料 北海道は送料500円(税別) 沖縄・離島は送料1000円(税別), GH系 インプレッサ [H19.6~H23.12]極 ワンタッチHIDキット HB4 35W 3000K イエロー 黄色 フォグランプ用 オールインワン ワンタッチ バラスト一体型 HID 簡単取付 フォグランプ バルブ 電球, フォレスター/SH5,SH9/H19.12~H24.11 スバル■新車時 65D23L搭載車用N-75D23L/SB【パナソニック バッテリー SBシリーズ】, 【メーカー在庫あり】 RCMT2009FW イスカルジャパン(株) イスカル C その他ミーリング/チップ COAT 10個入り RCMT 2009-FW JP店, 【取寄】31-1235 バンカー バー エリミネーター, クローム FLT 1991-2008FLST 1986-2011 ■DIXCEL(ディクセル) アウディ A6 (C5/4B) AVANT 2.8 QUATTRO 4BACKF AUDI ブレーキローター リア SD TYPE

エンドレス SSY フロント左右セット ブレーキパッド シーマ FPY32 EP284 ENDLESS ブレーキパット【店頭受取対応商品】:AZワゴン ブレーキパッド MJ21S/MJ22S フロント typeSS swift/スウィフト (VF426 ESPELIRダウンサス前後セットS321Vハイゼットカーゴ 2シーター H29/11~

エンドレス SSY フロント左右セット ブレーキパッド シーマ FPY32 EP284 ENDLESS ブレーキパット【店頭受取対応商品】.17インチ サマータイヤ セット【適応車種:ステップワゴン スパーダ(RP系)】HOT STUFF Gスピード P02 メタリックブラックポリッシュ 7.0Jx17VEURO VE303 215/50R17 ヤマモトレーシング フルエキゾースト 01年-16年 ズーマー カーボン 10064-SC001 JP

【ACTIVE アクティブ】 スロットルKIT [ホルダー:TYPE-2 BLK] 巻取φ36([メッキ金具] TMR用 700mm) 【1069179】 Komine(コミネ) PK-914 ウインターパンツ ゲルマニア ブラック XLBサイズ 07-914

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

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

以前から作ろう作ろうと思って早数年…w ようやく作りました、WebクリエイターボックスのWebデザインギャラリー!作るのに精一杯でまだまだコンテンツは少ないのですが GRAND VOYAGER 3.3/3.8 V6 GS33L/GS38L 99/12~01 フロント用 Pプレミアムタイプ 価格と性能を両立 P-1911531 ディクセル、これから少しずつ増やしていきます!
続きを読む

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

配色って奥が深いです。「この色いいな!」と思っても 【送料無料】デイトナ D94625 [GIVI E350N2 モノロックケース(2ボタン/スモークレンズ) TECH未塗装ブラック]、実際にデザインに適用してみるとなんだかイメージと違ったり。このブログでも過去に「カテゴリー別配色アイデア100」という記事で配色例を紹介しましたが、その配色を見たときと使ってみたときとではまた異なる印象になるかもしれません。そこで今回はプレビュー画面で確認しながら配色を作成できるツールを集めてみました!
続きを読む

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

企業ではもちろん、個人でWebサイトやブログを運営している人にとっても、ロゴは個性を表す重要な要素です。しかし、非デザイナーが自分でデザインするのはなかなか敷居が高かったり、プロに頼むと時間もお金もかかってしまう…そんな時のために 【メーカー在庫あり】 グッドリッジ ビルドアライン フロント ブレーキホースキット Sタイプ 08年-10年 GSX-R750、600 アルミ/スモーク 20551514S HD店、今回はロゴをサクッと作れちゃう便利なサービスをいくつか紹介します。
続きを読む

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

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

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

明けましておめでとうございます!本年もよろしくお願いします!最近手書き&手描きにはまってるので 、今年は小学生以来の手書き年賀状を作ってみました。その時水彩絵の具と塩で背景模様を作ったので ブレンボ ブレーキパッド ブラック P54 014 三菱 ミツビシ エテルナ サヴァ E37A E39A 89/10~92/3 フロント左右セット ☆TUFREQシステムキャリア ビッグホーン UBS25/UBS69 ロングボディ/ルーフレール付用 ベースキット1台分、いくつかを素材として配布しようと思います。
続きを読む