WEBデザインが独学で身につく！WEBデザイナー必見の神サイト20選
2023年2月17日 Webデザイナー1年生はもちろん、Web製作に携わるものなら絶対に知っておきたい神サイトを完全収録しました。 独学でWebデザインを勉強したい人、優秀な先駆者たちの知恵を吸収し飛躍したい人は要チェック。 WEBデザイナー必見の神サイト20コリスWebクリエイターボックスコムテブログかちびと.netバンクーバーのうぇぶ屋ホームページを作る人のネタ帳creive【クリーブ】BlackFlagDesignDevelopArchAteitexe アテークゼウェビメモWebparkNxWorldデザイナーのイラストノート株式会社LIGMdN Design InteractiveドットインストールProgateschooコリス コリス サイト制作に関する最新の情報をご紹介 サイト構築、WordPressのTipsを得られます。ただし、Webデザイナー１年制が、今からの更新情報を受
目指せ爆速WEB屋！過去2年間かけて知ったリソースを駆使して作るサイトの制作手順！ | バンクーバーのうぇぶ屋
『一時間前の自分より、一秒でも作業スピードを上げる努力をなさい。』 僕が心の底から尊敬する人に以前言われた言葉です。今でも僕の背中にはこの言葉が刺青として刻まれて……いたらどうしよう恥ずかしい（汗） さて、毎年年末年始は僕にとって今まで自分が意識してきた作業スピード、そしてクオリティの両面を試す時期です。去年作ったものより、どれだけクオリティを上げることができ、どれだけ作業スピードを上げることが出来たのか。まぁ、タイトル通り、完全自己満足万歳な記事なので、去年よかちょっとスキル／スピード上がったかなぁと僕自身が感じられたら良しとしてます（笑 とりあえず、難しい話はありません、今回はみんな大好きWordpressでブログを作ります。基本、僕の作業手順を追いながら制作の助けになったリソースを紹介していく感じになりますが、何かの参考になれば嬉しい限りです。制作したサイトは公開してますので、最後に
私が最近どうやってブログを書いているのか、手順と使用ツールを公開してみる
Markdownを覚えて以来、ちょっとした心境の変化と、Sublime Textでブログを書き始めたら結構これが快適だったので、MarsEditを使うのを試験的にやめてみました。 そんなわけで本日は、最近私がどうやってブログを書いているのかと、使っているアプリ・ツールを晒してみたいと思います。（環境はOS X 10.9です） ブログ執筆の順序 まずはブログをどうやって書いているのか、その手順から。 アプリのダウンロード用html用意（アプリ紹介の場合） 画像用意→加工（リネームまで） 画像をまとめてアップロード Sublime Textで執筆 WordPress管理画面にてアップロード アプリのhtmlコード取得 アプリのコードはAppStoreHelperを使って取得しています。テンプレートを自分好みに簡単にカスタマイズできるのが嬉しいポイント。
これ知らないと損するぞってぐらい便利なサイト貼ってけ : ゴールデンタイムズ
1 ：名無しさん＠おーぷん ：2014/05/16(金)07:10:45 ID:eqtkVDAg4 便利なサイトだけじゃなく 面白いサイトや変わったサイトなどジャンルは問いません。 4 ：名無しさん＠おーぷん ：2014/05/16(金)07:14:27 ID:er8H4Snax 原寸画像検索 http://gensun.org/ 6 ：名無しさん＠おーぷん ：2014/05/16(金)07:15:47 ID:mvBXHkkng http://nipponmukasibanasi.seesaa.net/ 膨大な数の日本昔ばなしをジャンル別や地域別で探せる 56 ：名無しさん＠おーぷん ：2014/05/16(金)07:43:58 ID:bQsBV4E5i >>6 個人的にこれちょっと感動モノ 教えてくれてありがとう 7 ：名無しさん＠おーぷん ：2014/05/16(金)07:15:52
デザインセンスが壊滅的な私が良い感じの配色を実現させている方法 - あなたのスイッチを押すブログ
資料の出来栄えを大きく左右する「色」。資料を作り込むほどのめり込み、抜け出せなくなってしまう。何が正解か分からず、全く抜け出せない泥沼。 「もうちょっと青みを…」「いや、赤みが強すぎるから、彩度を落として…」「この色の組み合わせはないなぁ。何色を差し色にしよう…」 色は無限大。限りある知識と経験だけでは、なかなか正解の配色を手に入れられないことでしょう。 そんな時に私が役立てている、配色に関するお話しを致します。 カラーパレットは自作しない そもそも私は美術的なセンスがありません。美術の成績も、彫刻などの造形ものはそこそこでしたが、絵画的な課題はてんでダメでした。 そんな私が自分で配色を作ろうと思ったら、時間がいくらあっても足りません。そしてクオリティは、かけた時間に反比例していくでしょう。 ですので私は、自分で作りません。他の色んな物を利用します。 それは時に写真や画像であったり、人が作
スタイルシートの内容はそのままで、可読性・保守性を高めるオンラインサービス -CSS Trashman
サイトやブログで使用しているスタイルシートをリファクタリングし、可読性・保守性を高めたCSS（Sassも）に変換してくれるオンラインサービスを紹介します。
仕事でExcel使うなら必ず読んでおきたい記事まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
新クラウドサービス「PHP APPS」が最強の無料ブログサービスになりそうな件
無料のブログサービスといえばアメブロやFC2、bloggerなどが有名です。かくいう私も忍者ブログの無料レンタルシステムを利用して当ブログを運営しています。 多くの人がこれらのメジャー系無料ブログサービスを利用していると思いますが、ここへ来て新たな無料ブログサービスが誕生しました。これはもしかしたら最強になるかもしれない。 ネットオウルがphpアプリケーションの無料クラウドサービスを開始 まずはニュース記事で概要を。 WordPressなどPHPアプリを無料で利用できるクラウドサービス、ネットオウルが提供開始 ネットオウルは2012年10月17日、オープンソースのブログプラットフォーム「WordPress」などのPHPアプリケーションを無料（広告表示付き）で利用できるクラウドサービス「PHP APPS」（写真）を提供開始した。サーバー構築や運用の知識を必要とせず、簡単なフォームを埋めるだけ
WEBデザインがレベルアップする記事まとめ * prasm（プラズム）
今知りたいコト、僕が知りたいコト、教えます。@shintarowfreshです。 あー、違う違う、上からじゃないよ、マジでマジで。 今すぐ取り入れるべき素敵すぎるネタ達です。是非一読あれ！ 魅力的でワクワクする最新のエフェクトを使ったウェブサイトのまとめ | コリス 今知りたいネタがもう、満載。 あー、ほんとワクワクするわ。なんだろうな、やっぱパララックスすきっすわ。ほんと。わくわく感が半端ない。 この記事を読むだけでレベルアップできる素敵な３つのWebサイトの使用技術を分析&実践してみた | Webクリエイターボックス これは素敵。マジで素敵。 最新の技術をメチャクチャわかりやすく解説。 いいんですか？？？ 画像を文字でマスクするとか、マジスカ？？ しかも、意外と簡単なのね。 と、目を通してブクマするなりエバノに放り込むなり光の速さで永久保存しチャイナよ。 素敵な３つのWebサイトの使用
ど素人でも自作できたWordPressテーマの作り方。教科書は『WordPress デザインブック』 | なまら春友流
先日WordPressテーマを自作した。 しかし自作したとは言っても実際はゼロからHTMLを書き出して作成したわけではない。 私はそんな知識は持ち合わせていないから。 タイトルで述べた「WordPress デザインブック」を教科書として、Chapterに沿ってコピペでPHPを組み立てていったにすぎない。 いわゆるコピペテーマ。 それでも世界にひとつだけのテーマ、愛着満点。 AGENDA なぜ作ろうと思ったか？ 教科書「WordPressデザインブック」ってどんな本？ WordPressをローカルにインストール WordPress デザインブック付録のCD-ROMもローカルに保存 実際の作業方法 表示具合のテスト 今まで使っていたテーマと置き換える 最後に 1. なぜ作ろうと思ったか こちらの記事を読んだことで背中を押された。 [WordPrsss] ブログテーマ自作しました & 自作して感
ど素人の私がWordPressテーマを自作した際にめっちゃ参考にさせていただいた13記事 | なまら春友流
先日WordPressのテーマを自作しました。 ど素人でも自作できたWordPressテーマの作り方。教科書は『WordPress デザインブック』 | なまら春友流 基本的には「WordPress デザインブック」という本を参考に作成。 でもそれだけでは自分の好きなようにはデザインできなかったのでやっぱりGoogle先生に聞いてみました。 多くの記事を読みましたがそのなかでもめっちゃ参考になった記事をご紹介いたします。 記事の作者様本当に役立ちました、ありがとうございました！ AGENDA ソーシャルブックマークボタンの埋め込み 記事の1番最初の画像をサムネイル表示する（2記事） 広告の表示 ブロック要素とインライン要素 CSS3用例集（3記事） jQuery サイトの配色について WordPressのまとめ記事（3記事） 1. ソーシャルブックマークボタンの埋め込み WordPress
デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素
元々これはwebcre8が人にデザインを教えるとき、「細部まで考えて考えて決定するからこそデザイナなんだよ」と言う事を伝えたいが為に書こうと思ったものです。熟練者の方も、読んで同様に思われましたら是非教育に使ってみてくださいｗ はじめに：デザインとは webcre8は「webデザイン」の門扉を叩いてから3年程。まだまだこの世界ではwebの先輩方から学ばせてもらうばかりですが、曲がりなりにも「デザイン」というもの自体とは長く向き合ってきたつもりです。 webcre8の考えでは、例えばゲームのキャラクタの服の飾りであろうと、安売りの札の配色であろうと、webデザインのレイアウトであろうと、とにかく「デザイン」という作業は「なぜそれをそうするのか」という思考の戦いであると、今はそうなっています。 だから今webcre8自身が向き合っているのはたまたまwebデザインですが、このこと自体は建築デザイ
ひとりでWebサイトを作れるまでに必要な本や記事集めました 〜①デザイン編〜
「Webサイトを作れるようになりたいけど何から始めればいいかわからない」そんな人のために完全な素人の人がひとりでWebサイトを作れるまでに必要な本や記事集めました。 この記事テーマは３つの記事に分かれています。 一つ目は今回の、 完全素人がひとりでWebサイトを作れるまでに必要な本や記事集めました 〜①デザイン編〜 後日公開予定の、 〃 〜②コーディング編（HTML&CSS）〜 〃 〜③集客・Webマーケティング編〜 以上の３つです。 Webサイトの制作手順 初めての方は「Webサイトをどういう順番で作るか？」について知らないと思いますので、説明します。Webサイトを作成し、公開してたくさんの人に見てもらうまでには大きく７つのステップがあります。 ①どんなWebサイトにするか考える（企画） Webサイトを作るためにまずはどんな目的で、誰に、どんな情報やサービスを届けたいのかを考え
快適すぎて涙がでるっ！サクッとTableタグの表がつくれる「MobTabGen」が便利すぎる件【使い方メモ付き】 – 和洋風KAI
こんにちは。HTMLを書き始めてはや16年目・・・のするぷ（ @isloop ）です。 95年からネットを初めて、ずっとHTMLを書き続けてきた私ですが、未だになれないタグがあります。 それはTableタグ。 人にデータをわかりやすく提示する表をつくるタグなのに、このタグ自体がちょーわかりにくい。 そんな手強いTableタグですが、ひとりぶろぐの @hitoriblogさんが、このTableタグをちょーわかりやすく作れるウェブサービスをつくってくれました！ その名も「MobTabGen」！今日はこのネ申サービスをご紹介します！ MobTabGenとは？ ひとりぶろぐの @hitoriblogさんが開発した、ちょーカンタンにTableタグを生成できるウェブサービス。元々スマートフォン向けのサービスですが、もちろんPCでも使えます。 MobTabGenの使い方。 MobTabGenにアクセスし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[M]フリーランスWeb屋の私がiMacを購入してすぐにインストールしたおすすめMacアプリ30個＋2個 | miMemo(ミメモ)![[M]フリーランスWeb屋の私がiMacを購入してすぐにインストールしたおすすめMacアプリ30個＋2個 | miMemo(ミメモ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/b73f13f0e221842610c4e2a65c38f571172b7b4b/height=288;version=1;width=512/https%3A%2F%2Fweb-mimemo.com%2Fwp-content%2Fuploads%2F2015%2F04%2Fimacapp_sum.jpg)
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
人気Webデザインを独学できる至高のWebアプリ8選がヤバイ！ | シェアしたくなる最新のWebサービス・ITニュース情報をチェック！ APPGIGA!!（アプギガ）
Web制作者やブロガーにおすすめ！選択したテキストの改行ごとにHTMLタグで囲む！「Convert HTML Tag」｜男子ハック
このWEBサービスやアプリ達に感謝しなければ年を越せない！僕が今年使い倒した2012年のベストを全部ご紹介！ | バンクーバーのうぇぶ屋
WEBディレクターの為のEXCEL術（3）作業が捗る小技10選 | designaholic -Creative Column-
