サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
GPT-4o
www.webcreatorbox.com
2024年5月4日 話題のWeb関連情報 WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! ↑私が10年以上利用している会計ソフト! 1. CSS:HTML・CSSで実装するかわいいフキダシのアイデア CSS:HTML・CSSで実装するかわいいフキダシのアイデア https://t.co/tvqx5C4z7U — Webクリエイター ボックス (@webcreatorbox) April 26, 2024 2. Tips:若者の常識らしい「スマホの全身撮影方法」を試してみた Tips:若者の常識らしい「スマホの全身撮影方法」を試してみた https:
Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します。 ↑私が10年以上利用している […] The post 2024年4月に読んだWeb・デザイン関連の本 first appeared on Webクリエイターボックス.
2024年4月25日 Webデザイン, インスピレーション みなさん、雑誌読んでいますか?紙の雑誌は手に取らなくなった人も、電子版なら読んでいるという人もいるかもしれませんね。実は私、お試しのつもりがうっかり楽天マガジンの年間購読に課金しちゃったもので、せっかくだからと読み倒している今日このごろ。眺めているとあしらいやレイアウトが自由で見ていて楽しいんですよね。デザインの勉強中の方にもおすすめなので、雑誌を見るポイントや、おすすめ勉強方法を紹介します。 ↑私が10年以上利用している会計ソフト! デザインの注目ポイント Webデザインを考えているとき、Webサイトだけ見ていてもなんだかアイデアもレイアウトも偏ってしまうことがあるかと思います。そんな時は雑誌を見てみましょう! レイアウト パラパラとページをめくるだけでも感じられるのが、本当に自由度が高い!サイズやページ数という制限はありつつも
2024年4月20日 話題のWeb関連情報 WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! ↑私が10年以上利用している会計ソフト! 1. Webデザイン:Webデザインで「紙っぽさ」を出す方法を考えてみる Webデザイン:Webデザインで「紙っぽさ」を出す方法を考えてみる https://t.co/jO3SnP8zOE — Webクリエイター ボックス (@webcreatorbox) April 12, 2024 2. Figma:Figma初心者でも大丈夫! レスポンシブWebデザインをFigmaで作るための3つのポイント Figma:Fig
2024年4月6日 話題のWeb関連情報 WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! ↑私が10年以上利用している会計ソフト! 1. フォント:Googleが変体仮名フォント「Noto Hentaigana」をリリース ~蕎麦屋の看板などを再現可能 フォント:Googleが変体仮名フォント「Noto Hentaigana」をリリース ~蕎麦屋の看板などを再現可能 https://t.co/rjGgrVUMgP — Webクリエイター ボックス (@webcreatorbox) April 4, 2024 2. ニュース:GoogleがChrom
2024年3月28日 Webデザイン, 便利ツール ChatGPT、使っていますか?私は有料プランでほぼ毎日利用しています。Google検索が最近アレなんで、ちょっとした調べ物にも、お仕事の簡単な作業にも使っていますよ。今回はデザインに焦点をあてて、日頃のデザイン作業に使っている方法をいくつか紹介します。 ↑私が10年以上利用している会計ソフト! デザインを0から10までやってもらうのはまだ難しい 結論から言うと、まったくなんの情報もないところから、デザインの完成まで頼むのは、まだ難しいかなと思います。ダミーのWebサイトの画面を作ってもらうとかならまぁまぁなクオリティで作ってはくれますが、それをクライアントに提案できるレベルかと聞かれると、うーん…と唸ってしまいます。 なので、最初から最後まで、素晴らしいクオリティで作ってもらうことは1年後くらいにまた試すとして、2024年現在ではデザイ
2024年3月2日 話題のWeb関連情報 WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! ↑私が10年以上利用している会計ソフト! 1. Figma:XDからFigmaへ移行したい人のためにFigmaの機能を紹介 Figma:XDからFigmaへ移行したい人のためにFigmaの機能を紹介 https://t.co/bpUGOKLAze — Webクリエイター ボックス (@webcreatorbox) February 27, 2024 2. JavaScript:「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけ
2024年2月29日 Webデザイン プレゼンをする時に必須なのがスライド。私も作成する機会がちょこちょこあります。基本的なデザインの原則はおさえつつ作っていくのですが、プレゼンテーションでの資料として参加者にみてもらうことを前提に考えた時に、特に気をつけているポイントを紹介します。 ↑私が10年以上利用している会計ソフト! 背景色は暗くする?明るくする? 最初に設定するのはスライドの背景色。会場での登壇の場合、会場内を暗くしていることが多く、それに合わせてスライドの背景色も黒にします。と言うのも、以前「Webサイトをダークモードに対応させよう」という記事でも書きましたが、どうも私、暗いところだと明るいディスプレイが眩しすぎて何も見えなくなっちゃうんですよね。そのため、会場が暗いならそれにあわせてスライドも暗くします。 逆に会場が明るいのであれば白い背景色にします。事前に主催側に確認をとる
2024年2月24日 話題のWeb関連情報 WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! ↑私が10年以上利用している会計ソフト! 1. Webデザイン:Webサイトにアニメーションは必要あるのか。ないのか。どっちなのか。 Webデザイン:Webサイトにアニメーションは必要あるのか。ないのか。どっちなのか。 https://t.co/GWIXyWuBVb — Webクリエイター ボックス (@webcreatorbox) February 16, 2024 2. CSS:用途別 Divを中央に表示させる方法いろいろ CSS:用途別 Divを中央に
2024年2月28日 イベントレビュー, お知らせ 過去記事にて、拙著『1冊ですべて身につくJavaScript入門講座』がITエンジニア本大賞 2024にノミネートしたことや、ベスト3に選出されたことをお知らせしましたが、ついにプレゼン大会にて大賞と特別賞のダブル受賞しました! ↑私が10年以上利用している会計ソフト! Developers Summit 2024(デブサミ)へ ITエンジニア本大賞はITエンジニアのみなさんに読んでほしい技術書・ビジネス書を選ぶイベントです。昨年11月から始まった一般投票を経て、ベスト3に選ばれた著者や編集者が、2月15日(木)のDevelopers Summit 2024、通称「デブサミ」でのプレゼン大会へと進出し、大賞が決まります。 2月15日(木)、プレゼン大会当日。広島の田舎から羽田空港まで約1時間半の空の旅。無事に羽田空港に着いてからもターミナ
2024年1月20日 話題のWeb関連情報 WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! ↑私が10年以上利用している会計ソフト! 1. Googleで「emoji kitchen」と検索すると、二種類の絵文字を組み合わせて遊べます。作られた絵文字は画像としてコピーできますよ! Googleで「emoji kitchen」と検索すると、二種類の絵文字を組み合わせて遊べます。作られた絵文字は画像としてコピーできますよ! https://t.co/HcKfxaHhiI pic.twitter.com/KvxfwKMeWz — Webクリエイター ボッ
2024年2月3日 話題のWeb関連情報 WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! ↑私が10年以上利用している会計ソフト! 1. Webデザイン:Webサイトのアイデア出し放題、おすすめ最新デザイン34選 Webデザイン:Webサイトのアイデア出し放題、おすすめ最新デザイン34選 https://t.co/OJxJsVXyl1 — Webクリエイター ボックス (@webcreatorbox) January 31, 2024 2. Figma:入力したURLからWebサイトのデザインをFigmaファイルに変換できる拡張【Web To Fi
2024年1月27日 話題のWeb関連情報 WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! ↑私が10年以上利用している会計ソフト! 1. CSS:CSSで実装できるローディングアニメーション。カスタマイズしてコードをコピペできます。【Loadership】 CSS:CSSで実装できるローディングアニメーション。カスタマイズしてコードをコピペできます。【Loadership】 https://t.co/xWHsqbUhGw — Webクリエイター ボックス (@webcreatorbox) January 23, 2024 2. 「Tailwind
2024年1月24日 CSS, Webサイト制作 制作時に「CSSファイルをこれ以上増やしたくない…」「クラス名を考えるのしんどい…」なんて思ったことはないでしょうか?私はあります!あれこれ試した結果、Tailwind CSSが使いやすかったので、導入時につまづいたポイントと解決方法をまとめてみます。 ↑私が10年以上利用している会計ソフト! Tailwind CSSとは Tailwind CSSは、あらかじめ多くのクラスが用意されているCSSフレームワークです。Webサイトを制作する時に、HTMLの要素に直接、定義済みのクラスを付与して使用します。基本的に1つのクラスに1つのスタイルが当てられていて、例えば「m-0」というクラスをつけると margin: 0px; が、「w-full」というクラスをつけると width: 100%; が加えられます。 実際にどんなものか見たほうが早そうで
2024年1月16日 お知らせ 先月「拙著が「ITエンジニア本大賞2024」にノミネート!」という記事でアナウンスした「ITエンジニア本大賞2024」のWeb投票結果が発表され、拙著『1冊ですべて身につくJavaScript入門講座』が技術書部門のベスト3に選出されました!ありがとうございます! ↑私が10年以上利用している会計ソフト! ITエンジニア本大賞2024の技術書・ビジネス書の各ベスト10 ITエンジニア本大賞はITエンジニアのみなさんに読んでほしい技術書・ビジネス書を選ぶイベントです。昨年11月から始まった一般投票の集計が終わり、技術書部門とビジネス書部門のベスト10が決定しました。私自身読んだことのある書籍も多く、納得のラインナップですね。まだ読んだことのない書籍はぜひ手にとってみようと思います! 技術書部門ベスト10(50音順) 『1冊ですべて身につくJavaScript入
2024年1月6日 話題のWeb関連情報 WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! ↑私が10年以上利用している会計ソフト! 1. CSS:CSSで描かれたゲームボーイ CSS:CSSで描かれたゲームボーイ https://t.co/Aj2UeOwNRe — Webクリエイター ボックス (@webcreatorbox) December 25, 2023 2. ニュース:アドビ、Figmaの買収を断念 ニュース:アドビ、Figmaの買収を断念 https://t.co/4eQmkLyJ6L — Webクリエイター ボックス (@webcre
CHAPTER 1 最初に知っておこう! Webサイトの基本 CHAPTER 2 Webの基本構造を作る! HTMLの基本 CHAPTER 3 Webのデザインを作る! CSSの基本 CHAPTER 4 シングルカラムのWebサイトを制作する CHAPTER 5 2カラムのWebサイトを制作する CHAPTER 6 タイル型のWebサイトを制作する CHAPTER 7 外部メディアを利用する CHAPTER 8 うまくいかない時の解決方法 カバーイラストはこれまでと同様ICHIRAKU STUDIO様に描いていただきました!今回も素敵なイラストをありがとうございます! 購入する こんな人におすすめ これからWebサイトを作り始める初心者 HTMLとCSSを基本から学びたい人 美しいデザインのWebサイトを作りたい人 Webサイト制作の最新技術を学びたい人 初心者向けにWebサイト制作を教え
2023年12月27日 Web関連記事, お知らせ 今年も残りあとわずか!一年間お世話になりました!毎年思いますが早いですね。という事で例年どおり、Webクリエイターボックスが今年1年どんな変貌を遂げたのか、そしてWebクリエイターボックス内でよく読んでもらった記事トップ10などを紹介しようと思います。いくつ覚えていただけてますかね? :3 ↑私が10年以上利用している会計ソフト! 2023年ハイライト 今年あった出来事です。相変わらず書籍関連頑張ってます。後半ではオフラインのイベントにも顔を出すようになってきました! 1月14日 拙著『ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座』の韓国語版が発売されました 3月3日 Era Web Architectsに出演しました 3月20日 拙著『1冊ですべて身につくJavaScript入門講座』が発売されました 11月1
エンジニア界隈で話題になってた、米マイクロソフトの現役ソフトウェアエンジニアの方が書いた本。理解することの大切さがビシビシ伝わってきました。私がうまく説明できなかったことは、全部理解が浅かったんだな…と猛反省。コミュニケーションにおいても、相手のことを理解して認めることについて実体験を交えて説明されています。マイクロソフトのエンジニアと聞いたら、とんでもない猛者なのではと思われがちですが、それ以上に御本人の努力の結果なのだとよくわかります。おすすめ! 『世界一流エンジニアの思考法』を購入する
「ベルベットのような優しいピーチトーンで、すべてを包み込み、心、体、魂を豊かにする」と説明されています。多様な感性を受け入れたり、実際に人と会ってつながりたいという願望を表すような、優しさやぬくもりを感じる色ですね! 色の具体的な数値は以下の通り: PANTONE:13-1023 Peach Fuzz カラーコード:#FFBE98 RGB:R255, G190, B152 グッズも販売されています 「Peach Fuzz」カラーのグッズいろいろ!お気に入りの色で生活環境を彩ってみては? スニーカー US$89〜|購入する ホワイトティー(茶葉) US$38|購入する マグカップ US$30|購入する ノート US$20|購入する キーチェーン US$12|購入する その他、公式サイトでは様々なグッズが紹介されています。閲覧しているだけでワクワクしちゃいますね! 「Peach Fuzz」のよ
Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します。 ↑私が10年以上利用している […] The post 2023年11月に読んだWeb・デザイン関連の本 first appeared on Webクリエイターボックス.
2023年11月10日 お知らせ ITエンジニアのみなさんが選ぶITエンジニア本大賞2024に、拙著『1冊ですべて身につくJavaScript入門講座』がノミネートされました!ありがとうございます!抽選で20名さまに1,000円分の図書カードネットギフトをプレゼントする企画もあるので、ぜひご参加ください! ↑私が10年以上利用している会計ソフト! ITエンジニア本大賞とは 『ITエンジニア本大賞』はITエンジニアのみなさんに読んでほしい技術書・ビジネス書を選ぶイベントです。 2014年からスタートし、今回が11回目の開催。 この1年を振り返って、仕事の役に立った本、初学者におすすめの本、ずっと手元に置いておきたい本など、おすすめの本を教えてください! みなさんからの投票というかたちでおすすめの本をシェアしあうWeb投票と、投票の多かった本について、著者さん・編集者さんに語っていただくプレゼ
2023年10月26日 Webサイト制作 初学者向けの記事やSNSの投稿で「Sassはマジで必須!」なんて書いているのを見かけますが、私の場合、そういえば最近は素のCSSばかりでSassは使っていないなーと思ったので記事にしてみます。私自身Sassが大好きでずっとお世話になっていましたが、CSSの進化も著しく、使い所があまりなくなってきているんですよね。 ↑私が10年以上利用している会計ソフト! 変数やネスト、計算はCSSだけでOK 過去記事「Sass不要!CSSだけでも変数やネスト、演算子が使えるよ!」でも書いたとおり、Sassのメリットでもある変数やネスト、数値の計算はCSSだけでも可能です。 変数は過去記事「CSSで変数(カスタムプロパティ)を使ってみよう」で紹介したように、メディアクエリーによって柔軟に変化させたい時は、SassよりもCSSのカスタム変数の方が便利です。計算式を使い
2023年10月5日 Webデザイン, インスピレーション 私の個人的SNSでちょこちょこ投稿しているのですが、今年からトライアスロンを始めまして、様々なスポーツイベントのWebサイトを閲覧する機会が増えました。そこで気づいたスポーツイベントや大会のWebサイトの特徴や、デザインのポイントをまとめてみます! ↑私が10年以上利用している会計ソフト! スポーツイベントのWebサイトをデザインする時のポイント さまざまなスポーツイベントのWebサイトを調査しながら感じた共通点や、制作時のポイントなどを見ていきましょう。 動画や画像を大きく使う スポーツやイベントに関連する写真や動画を使用して、イベントの雰囲気を強く表現するといいでしょう。自分の興味のあるスポーツをかっこいい画像や映像で見れれば、ユーザーの心も惹きつけられます。 世界的に有名なIRONMANのWebサイトでは、ファーストビューで
2023年9月30日 話題のWeb関連情報 WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! ↑私が10年以上利用している会計ソフト! 1. デザイン:デザインの参考に!良質なデザインをパーツごとにまとめたギャラリーサイト【UI LIBRARY】 デザイン:デザインの参考に!良質なデザインをパーツごとにまとめたギャラリーサイト【UI LIBRARY】 https://t.co/SFRi6yUdPN — Webクリエイター ボックス (@webcreatorbox) September 21, 2023 2. Photoshop:Web版「Photos
2023年9月27日 書評 Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します。 ↑私が10年以上利用している会計ソフト! コンセプトの教科書 あたらしい価値のつくりかた
2023年9月7日 CSS CSS小技集シリーズの第5弾!「【第4弾】少しのコードで実装可能な10のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています!初心者さんからベテランさんまで要チェック! ↑私が10年以上利用している会計ソフト! 目次 ネストで親子セレクターを管理 チェックボックスやラジオボタンの色を変更 アスペクト比を指定する 新しいメディアクエリーの範囲指定方法 背面の要素をぼかす 要素を画面のど真ん中に固定表示 空の要素にスタイルをあてる 条件に合致しないセレクターにスタイルをあてる スムーススクロールのジャンプ位置 動いているCSSアニメーションを止める HTML・CSSの全コードは各サンプルの「HTML」や「CSS」タブを、別タブでのサンプル表示は右上の「EDIT ON CODEPEN」をクリックしてご覧ください! 1. ネストで親子セレクタ
2023年9月2日 話題のWeb関連情報 WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! ↑私が10年以上利用している会計ソフト! 1. 調査:CSSの機能やフレームワークなどの利用状況に関するアンケート結果2023年版【State of CSS 2023】グラフをカスタマイズして表示できるようになっています 調査:CSSの機能やフレームワークなどの利用状況に関するアンケート結果2023年版【State of CSS 2023】グラフをカスタマイズして表示できるようになっています https://t.co/96sWxMuqsP pic.
デザイナー向けの解説本は多数存在しますが、こちらは少し珍しい「デザインの発注」に特化した本です。デザインのプロではない発注者が、どのように指示すればうまく伝わるのか?といった、デザイナーでない人がデザインの工程に参加するための具体的な方法をまとめています。デザイナーにもそうでない方にもおすすめなのが、本書の最後に掲載されている「クリエイティブに生きるための7つの習慣」。意識を少し変えるだけで、よりクリエイティブな暮らしができるはず。 『すべての仕事はデザインから始まる。』を購入する 皆さんのおすすめの本もぜひ教えてくださいね!著者、出版社さんからの自薦はお問い合わせフォームからご連絡ください! シェアする Twitter Facebook はてブ Pocket ニュースレター Web制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。 ぜひご
次のページ
このページを最初にブックマークしてみませんか?
『Webクリエイターボックス』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く