サイト制作関連はてブサイト制作に関連するはてブ記事をタグで抽出しただけ

Sass

Web開発独学で起業した僕が、「駆け出しの時に知りたかった...」と後悔してるツールまとめ|Kazutaka Shimizu|note

※こちらの記事が「先月もっとも多く読まれたノート」の一つに入りました。ありがとうございます! こんにちは。Kazutaka Shimizuです。 SAGOJOという会社のCOOをやってます。 もともと …続きを読む

2019/1/30 10:58

  • Pocket

これで無料とはすごい!Mac, Win, Linux対応、デザインの指示書やスタイルガイドを簡単に作成・共有できる -Zeplin | コリス

デザインの指示書やスタイルガイドを作成するのは、なかなか時間がかかりますよね。 使用している要素のサイズやマージンやカラーやフォントなどの情報を自動で取得したり、コメントを添えたり、指示書やスタイルガ …続きを読む

2015/8/12 10:22

  • Pocket

1ページで完結、Web制作者が助かるチートシート・資料・PDFまとめ | コムテブログ

作成:2015/08/10 更新:2017/04/16 Web制作 ページを移動せずにテンプレートや仕様書を確認したい。今回はPCの横に貼ったり印刷したり、ワンクリックで見れるように、1ページで完結し …続きを読む

2015/8/10 09:12

  • Pocket

CSS 設計の長い夢 - ペパボのフロントエンドスタンダード

フロントエンド周りの技術は驚異的なスピードで進化し、また多様化しています。それらを全てマスターするのは途方もなく大変なので、ペパボでは、社内のエンジニア・デザイナが「最低限これだけはおさえておこう」と …続きを読む

2015/6/10 16:44

  • Pocket

なんでCSSすぐ死んでしまうん

なんでCSSすぐ死んでしまうん 1. なんでCSS すぐ死んでしまうん Frontrend in Kanazawa https://www.flickr.com/photos/tveskov/3387 …続きを読む

2014/11/4 12:47

  • Pocket

コーディングガイド by @mdo

HTMLシンタックス インデントには半角スペース2個分のソフトタブを使用すること。これが全ての環境で全く同じように見せる唯一の方法。 ネストされた要素はかならず1段階だけインデント(半角スペース2個) …続きを読む

2014/8/5 12:33

  • Pocket

DTP→Webデザイナー転向時に、これやったら捗ったよリスト13 | 279-design

元々DTPやってました 自分は大卒でとある広告メディア系の会社に入ったんですが、ずっとDTP(エディトリアルデザイナー)の仕事をしており、正式にWebデザイナーに転向したのは2012年頃の話です。 「 …続きを読む

2014/8/5 08:52

  • Pocket

ウェブデザインをはじめるあなたへ - ウェブ雑記

ウェブデザインについてまったくわからない頃によく見て勉強してた資料群です。+いくつかの自分で作った資料 SlideShare 色彩センスのいらない配色講座 色相、明度、彩度で色を説明できるようになる。 …続きを読む

2014/7/5 15:04

  • Pocket

フロントエンジニアになってから5ヶ月間で欠かせなくなったツールを晒す - Qiita

概要 今年からフロントエンドエンジニアにシフトチェンジして5ヶ月がたち、これがないと仕事にならんわレベルのツールを整理がてらに晒していこうと思う。 スペック的にはJava歴が10年くらい。 割とツール …続きを読む

2014/6/6 02:19

  • Pocket

すごく役立った!サイト制作でさりげなく使われているCSSテクニックまとめ | コムテブログ

作成:2014/04/21 更新:2014/10/24 Web制作 前回コーポレートサイト制作が捗るjQuery プラグインをまとめましたが、今回はCSS版ということで、使用頻度が高いものと、これから …続きを読む

2014/4/21 07:16

  • Pocket

HTML&CSS フロントエンド 何度も読み直したい資料・ツールまとめ - 酒と泪とRubyとRailsと

HTML5/CSS3などのフロントエンドもWeb上の資料が充実しすぎていて、ついつい今までなんとなく作って体系的な知識が不足していました。知れば知るほど奥が深いフロントエンド・コーディングを少し手も効 …続きを読む

2014/1/26 10:21

  • Pocket

ズルいデザインテクニック2013 + セミフラット version - Speaker Deck

[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by …続きを読む

2013/9/22 00:59

  • Pocket

ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン (1/3):ズルいデザイン(4) - @IT

さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、 …続きを読む

2013/9/12 16:37

  • Pocket

http://soufflecode.net/website/

For full functionality of this site it is necessary to enable JavaScript. Here are the instructions …続きを読む

2013/9/9 08:29

  • Pocket

ひとりでWeb制作できた!「知識0から学ぶ」すごいスライドやサイト27 | コムテブログ

作成:2013/07/22 更新:2014/11/01 Web制作 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と …続きを読む

2013/7/22 07:44

  • Pocket

フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。

P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画 …続きを読む

2013/6/20 01:54

  • Pocket

「Compass」、基礎から応用まで! | 株式会社LIG

こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません! はじめに結論を言うと、 …続きを読む

2013/2/7 11:01

  • Pocket