CSS Stock｜Webデザインを楽にするCSSコピペサイト

2023/05/27 568 users コーディング CSS webデザイン 順次 HTML

当サイトについて 「CSS Stock」はWeb制作の「これが欲しい」を叶える、をテーマにHTML・CSSのデザインやパーツをご紹介するサイトです。 お好きなパーツを選び、デザインや色を調整するだけ。 あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。 ちなみに新しいスニペットを順次... 続きを読む

未経験から100話でキラキラWEBデザイナーを諦めるかけだしちゃん完結「最後らへんでだんだん不穏になってきたけど…」

2022/05/08 554 users 未経験 最後らへん pic.twitter.com 100話

かけだしちゃん @kakedashi_chan 未経験から100話でキラキラWEBデザイナーを諦めるかけだしちゃん その4 キラキラWEBデザイナーへの第一歩！SNSアカウントを作るよ～！ #Web制作 #webデザイン #コミックエッセイ pic.twitter.com/Tu7NZAFyG7 2022-01-21 20:00:59 続きを読む

Web制作の時短に！2020年の便利オンラインツール・ベスト100選 - PhotoshopVIP

2020/12/21 683 users ツール リスト Webデザイン制作 コレクション 新しいツール

この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで... 続きを読む

Web制作の常識が変わる、便利な最新オンラインツール48個まとめ - PhotoshopVIP

2020/06/26 911 users PhotoshopVIP 常識

この記事では、Webデザインやグラフィックデザインの制作スピードを短縮し、生産性をアップする、便利な最新オンラインツールをまとめてご紹介します。 「もっと早く知りたかった」と思わせる、面倒な作業をサクサクこなす時短ツールが勢揃いです。カテゴリごとに整理しているので、目的にあったお気に入りツールを探し... 続きを読む

誰がどう見てもそうとしか受け取れない文書術（公開版） - Speaker Deck

2020/03/29 786 users Speaker Deck 認識齟齬 テキスト 事例 名村

サービシンクの名村が25年に渡るWeb制作のプロジェクトマネジメントで「テキストで情報を伝える」上で認識齟齬に至る点を洗い出した「誰がどう見てもそうとしか受け取れない文書術」のセミナースライドの2020年3月29日公開版です。 Web制作・システム開発に関わる人以外には事例等が分かりにくいかもしれませんが、日本... 続きを読む

VSCodeでコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニック | コリス

2019/08/08 536 users vscode コリス extensions Theme コード

Visual Studio CodeでWeb制作・開発のコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニックを紹介します。 My Web Development VS Code Settings, theme, Extensions, tips and tricks br lampewebdev(@lampewebdev) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様... 続きを読む

web制作の自動化が進む！　画像から自動コーディングする深層学習プログラムが公開 | Ledge.ai

2018/01/18 821 users Ledge.ai 自動コーディング FloydHub 自動化

web制作業界において、自動化ができそうで なかなか自動化できなかったのが、コーディング作業。 HTMLは確固に構造化されているので、コーディングの多くは単純作業でしたが、これまで自動化の手段がなく、煩わしかったのが正直なところ。 そんななか1月に、 画像のみからHTMLコードを自動生成するというプログラム とその解説が、 Floydhubのブログ上 で、公開されました。 こちらのプログラムは、p... 続きを読む

web制作の自動化が進む！　画像から自動コーディングする深層学習プログラムが公開 | Ledge.ai

2018/01/18 820 users Ledge.ai 自動コーディング FloydHub 自動化

web制作業界において、自動化ができそうで なかなか自動化できなかったのが、コーディング作業。 HTMLは確固に構造化されているので、コーディングの多くは単純作業でしたが、これまで自動化の手段がなく、煩わしかったのが正直なところ。 そんななか1月に、 画像のみからHTMLコードを自動生成するというプログラム とその解説が、 Floydhubのブログ上 で、公開されました。 こちらのプログラムは、p... 続きを読む

知っておくとかなり便利！Chromeのデベロッパーツールであまり知られていない実用的な機能とテクニックのまとめ | コリス

2017/06/27 729 users デベロッパーツール コリス デバッグ ワークフロー 過言

Chromeのデベロッパーツールは、Web制作に欠かせないといっても過言ではありません。DOMインスペクター、スタイルパネル、JavaScriptコンソールなど基本的な機能だけでも便利ですが、さらに便利になる機能も数多くあります。 デベロッパーツールを使って、Webページやアプリの制作・デバッグのワークフローが大きく改善される実用的で便利な機能とテクニックを紹介します。 Mastering Chr... 続きを読む

【Bootstrap製】90ページ超えの無料HTML5／CSS3テンプレート素材 Titan - PhotoshopVIP

2017/06/22 539 users Titan PhotoshopVIP Bootstrap

ウェブサイトやアプリ制作に必要なスタイルがあらかじめ定義された、人気CSSフレームワーク Bootstrap 。しかし、 デザインが他のサイトとかぶってしまう とお悩みの方も多いのではないでしょうか。 今回は、Web制作をより手軽に行うことができる、 Bootstrap対応の無料HTML5/CSS3テンプレート素材 Titan をご紹介します。90ページにおよぶ大量のサンプルHTMLページが用意さ... 続きを読む

マージンやパディングでもう悩まない、モジュール式WebデザインにおけるHTMLとCSSの新しい実装方法 | コリス

2017/01/11 599 users パディング アトミック コリス マージン ロジック

Webページを制作にする時に、マージンやパディングをどのようにつけるか悩むことがあります。2カラムの隙間は、左パネルの右マージンorパディングなのか、右パネルの左マージンorパディングなのか。 Web制作の今までの考え方がきっと変わる、モジュール式のアトミック デザインにおけるHTMLとCSSの実装のロジックを紹介します。 Learning from Lego: A Step Forward in... 続きを読む

Web制作を劇的に効率UPさせる、最近人気の軽量「CSSフレームワーク」を厳選してみた！ - paiza開発日誌

2016/12/19 549 users CSSフレームワーク フレームワーク paiza開発日誌

2016 - 12 - 19 Web制作を劇的に効率UPさせる、最近人気の軽量「CSSフレームワーク」を厳選してみた！ プログラミング初心者 プログラミング学習 開発ネタ どうも、まさとらん（ @0310lan ）です。 みなさんは、「 CSS フレームワーク 」を活用しているでしょうか？ いきなり フレームワーク と聞くと、「なんだか難しそう…」と思ってしまうかもしれませんが、最近は 誰でも利用... 続きを読む

ブラウザ上で超簡単にWebサイトが作れる！Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開！ - paiza開発日誌

2016/11/07 802 users paiza開発日誌 0310lan Bootstrap4

2016 - 11 - 07 ブラウザ上で超簡単にWebサイトが作れる！Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開！ プログラミング初心者 開発ネタ Webサービス紹介 どうも、まさとらん（ @0310lan ）です。 今回は、 マウス操作で簡単に「Bootstrap4」に対応したWeb制作をブラウザ上で行えるサービス「 Pingendo 」 をご紹介し... 続きを読む

HTMLとCSSのコピペですぐに実装できる見出しデザイン14選 | UX MILK

2016/09/14 824 users CSS コピペ After UX MILK HTML

WEB制作で必ずと言っていいほど登場するものの１つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。 飾り付きの見出し 擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれば... 続きを読む

【副業・小遣い稼ぎ】ネットを活かして収入を得る健全なアイデアまとめ - Life is colourful.

2016/07/07 696 users 副業 小遣い稼ぎ Life is colourf 収入 生計

2016 - 07 - 07 小遣い稼ぎから本業まで！ネットを活かして収入を得る健全なアイデアとWebサービスまとめ Web活用術 Web制作 list Tweet あやしい商材や投資への勧誘ではない。 今の時代ネットをうまく使えば、自分の持っている得意分野を活かして収入を得ることができる。実際に、ブログで毎月数万単位の副収入を得ている人もたくさんいる。 もちろんそれだけで生計を立てることは難しい... 続きを読む

CSSリセットはこれで決まり！モダンブラウザによる相違を吸収するようカスタマイズされたスタイルシート -ress | コリス

2016/07/04 610 users GitHub コリス Normalize.css デフォルト

ブラウザごとに異なるHTMLの各要素のスタイルの相違を吸収し、各要素のデフォルトのスタイルが定義されたCSSリセット用のスタイルシートを紹介します。 normalize.cssを最近のWeb制作にあうようカスタマイズされたもので、対応ブラウザはすべてのモダンブラウザ、IEは8+対応です。 ress -GitHub 参考: normalize.cssの特徴とコード 2015年、Web制作者が押さえて... 続きを読む

世界中の無料素材サイトをまとめて画像検索できるサービス厳選６つ【ブロガー＆Webデザイナー保存版】

2016/06/19 590 users 画像 無料素材サイト 世界中 DesignersPics 横断

2016 - 06 - 19 世界中の無料素材サイトが「横断」検索できるサービス厳選６つ【ブロガー＆Webデザイナー保存版】 Web制作 list Tweet 今やブログや個人Webサイトを運営するとき、記事内のアイキャッチ（サムネイル）に使用する写真素材に困ることはないだろう。ネット上には、無料で高品質な画像が山ほど溢れている。例えば以下のようなサイト。 DesignersPics  Unspl... 続きを読む

素人でも簡単に一流のホームページが作れる無料Webサイト作成サービス７選＋α - Life is colourful.

2016/06/14 1024 users 一流 フリーランス Life is colourf 素人 知識

2016 - 06 - 14 素人でも簡単に一流のホームページが作れる無料Webサイト作成サービス７選＋α Web制作 list Tweet いまやホームページは誰でも、もの凄く簡単に作れる。もちろん無料で。ホームページを記述するための言語HTMLやデザインの知識も全く要らない。日本語が読めてキーボードを叩けて、マウスをクリックできれば十分だ。 フリーランスでWeb制作をしている者としては、正直複... 続きを読む

Web制作初心者に役立つ良質なツールやコンテンツ達を出し惜しみせず全部紹介

2016/05/30 817 users ツール Web制作初心者 list Tweet ボク 知恵

2016 - 05 - 30 Web制作の初心者が必要であろう良質なツールやコンテンツ達を出し惜しみせず全部紹介 Web制作 list Tweet ぼくがWeb制作に携わってからこれまで約２年半、Web上の多くの優良なサイトから知恵を借りて、ド素人からなんとかフリーで仕事を貰えるまでになった。そして常々、そうして与えてもらった知識や情報を還元したいと思っていた。 そしてこうしてブログを始めたことも... 続きを読む

タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ！ | シェアしたくなる最新のWebサービス・ITニュース情報をチェック！ APPGIGA!!（アプギガ）

2016/03/29 565 users APPGIGA Trello ミスマッチ タスク スゴイ

どうも、まさとらん（ @0310lan ）です！ 個人や業務の「タスク」を、付箋感覚で管理できるWebサービス「 Trello 」が人気ですが、このサービスに「Web制作機能」を追加できるのをご存知でしょうか？ まったくジャンルの違う「タスク管理」に「Web制作」というミスマッチが非常にユニークですが、タスクを管理する方法とまったく同じ操作で「Web制作」を実現するサービスをご紹介します！ 【 C... 続きを読む

Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開！ - paiza開発日誌

2016/02/09 834 users 0310lan paiza開発日誌 クオリティ まさとらん

2016 - 02 - 09 Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開！ 開発ネタ Webサービス紹介 Webデザイン どうも、まさとらん（ @0310lan ）です。 みなさんは、「 JavaScript ライブラリ 」を活用しているでしょうか？ Webサイト制作 はもちろんのこと、さまざまな Webアプリやサービスなどを開発 する時に、 大幅な時間短... 続きを読む

Web制作で配色に迷わない！美しすぎるカラーパレット50個まとめ - PhotoshopVIP

2016/01/26 755 users Facebook PhotoshopVIP 配色 青色 色合い

Facebookのブランドカラーが青色なのは、マーク・ザッカーバーグが色盲だったから、というのを知っていますか。 「青は私にとって、もっともリッチな色で、すべての色合いを識別することができる。」とザッカーバーグ氏は述べています。配色を決める作業は、まったく科学的には見えないかもしれませんが、配色に関してたくさんの研究やアイデアが用いられています。 商品に対する評価の90%以上は、色によって判断され... 続きを読む

こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ | コリス

2015/11/12 1249 users business コリス ジャンル ロゴ作成 請求書作成

こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ +400 Awesome Free Tools To Build Your Business 5つのジャンルに、Web制作やビジネスに役立つさまざまな無料ツール・無料サービス・無料素材がまとめられています。 Business -ビジネス サイト作成・ロゴ作成・請求書作成・法律文書作成・ア... 続きを読む

短期間である程度までjQueryができるようになる独学Webデザイン勉強法を書いてみる - Yukihy Life

2015/10/08 682 users jQuery www.yukihy.com CSS HTML

2015-10-08 短期間である程度までjQueryができるようになる独学Webデザイン勉強法を書いてみる Web制作 Google Pocket Line HTML、CSSの勉強法を以前書きました。 www.yukihy.com この記事を書いたあと、jQueryに挑戦をして、まだまだ完璧ではないものの実際にこのはてなブログを通して、いろんなブログパーツのようなものを作ることができました。 そ... 続きを読む

日本でWEB制作会社はもう厳しいと思う。って話。

2015/10/04 846 users 日本 後輩 人件費 衝撃 アメリカ

２年くらい前だったかに、btraxさんの「アメリカでWeb制作会社が存在出来ない5つの理由」っていうポストを読んで衝撃を受けたんだけど、この前日本帰った時、後輩がweb制作の会社やるって言ってたけど、もう日本でも単純な制作会社は無理だなと思うんですよ。 記事を読んだ当時はフリーだったのであんまり厳しさがわかってなかった部分があったんだけど。 そもそもこの業界って費用はほぼ人件費なわけです。 もし5... 続きを読む