[B! css][お役立ち] sixteengramのブックマーク

sixteengram id:sixteengram

cssとお役立ちに関するsixteengramのブックマーク (12)

Web制作の時短に！2020年の便利オンラインツール・ベスト100選
この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、﹁無料で利用できるツール﹂を揃えています。これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。コンテンツ目次 1. CSSツール︵14個︶ 2. パターンツール︵7個︶ 3. イラスト系ツール︵3個︶ 4. デザインツール︵10個︶ 5. 配色カラーツール︵6個︶ 6. グラデーションツール︵3個︶ 7. SVGツール︵8個︶ 8. スクリーンショ
sixteengram 2020/12/22
css

webサービス

お役立ち
リンク
Components · Twitter Bootstrap
Sleek, intuitive, and powerful front-end framework for faster and easier web development. Download Bootstrap GitHub project Examples Extend Version 2.3.2
sixteengram 2013/01/21
よく使うもの

css

webデザイン

お役立ち
リンク
IDEA * IDEA
ドットインストール代表のライフハックブログ
sixteengram 2012/02/02
html5

css

webデザイン

デザイン

お役立ち
リンク
Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳
sixteengram 2011/11/28
webデザイン

web制作

あとで読む

お役立ち

まとめ

javascript

css
リンク
Loading...
sixteengram 2011/11/18
フォント

css

html5

webデザイン

web制作

お役立ち
リンク
960 Grid System
960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,
sixteengram 2011/11/17
グリッドデザインテンプレ

css

web制作

デザイン

webデザイン

webサービス

お役立ち
リンク
電話占いで使われる占術をご紹介 | 当たる電話占いおすすめランキング～口コミで評判の当たる電話占いサイト紹介～
小さいころから占いに興味があって、色々と勉強しているうちにどんどん好きになり、皆さんにも占いの良さを知ってほしくて記事を書いています。知り合いに占い師や霊能力者、お寺の住職がたくさんいるので、その方たちにインタビューして記事を書いています。
sixteengram 2011/11/11
スマートフォン

web制作

webデザイン

お役立ち
リンク
WEB色見本原色大辞典 - HTMLカラーコード
原色大辞典とは原色大辞典は1997年にオープンしたネットの色見本サイトです。9種類の色見本と色に関する各種サービスから構成されています。色見本コンテンツはブラウザで定義されているHTMLカラーネーム、日本の伝統色、世界の伝統色、 Webセーフカラー、パステルカラー、ビビッドカラー、モノトーン、地下鉄のシンボルカラー、国鉄制定の塗装色の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。文字列と背景色の組み合わせを試せる配色大辞典、規則性のある組み合わせから色を選べる配色パターン。色見本の他にも、今日のラッキーカラー、コトバから色を解析して調合する成分解析、ストライプを生成するストライプメーカー、グラデーションを生成するグラデーションメーカー、あなたの好きな色と色を調合する色調合、サ
sixteengram 2011/11/08
デザイン

css

webデザイン

webサービス

お役立ち

色
リンク
[CSS]まるでFlashのように画像とキャプションをアニメーションで替えるテクニックいろいろ
画像をホバーすると、小気味良いアニメーションを伴ってキャプションに替えるCSS3のテクニックを紹介します。デモは10種類あり、CSSでここまでできるのか！って感じです。 Original Hover Effects withCSS3 [ad#ad-2] 基本となるHTML 基本となるCSS 必見の10種類のかっこいいデモ基本となるHTML HTMLは非常にシンプルです。キャプションはタイトルとテキストをdiv要素で内包しclassに﹁mask﹂をつけ、そのキャプションと画像をdiv要素で内包します。 <div class="view"> <img src="image.gif" /> <div class="mask"> <h2>Title</h2> <p>Your Text</p> <a href="#" class="info">Read More</a> </div> </d
sixteengram 2011/11/08
webデザイン

css

webサービス

web制作

お役立ち
リンク
Loading...
sixteengram 2011/11/08
web製作関連まとめ

web制作

あとで読む

デザイン

お役立ち

css

webデザイン

まとめ

html5
リンク
Nice and Free CSS Templates
You see this page because there is no Web site at this address.
sixteengram 2011/10/30
css

web制作

webデザイン

お役立ち
リンク
CSS関連ルール | HTML & CSS コーディングガイドライン ver.0.9
基本ルール head要素内での記述やstyle属性では使用しない。 CSSファイルはモジュール化し、一枚のCSSファイルから全てを読み込む。書式セレクタは原則1行に記述し、複数のセレクタを指定する場合は"," 区切りで改行をする。最後のセレクタの後にスペース、その後ろに "{" を記述する。 "{"、"} " の後で改行する。プロパティの前にはタブ1つでインデントを挿入する。プロパティと値の間にスペースを挿入する。 backgroundや、marginなど、まとめられるプロパティはまとめる。値の後ろには必ず ";" と改行を挿入する。 marginやpaddingは、bottomで取るようにし、topには基本指定しない。単位の省略プロパティの値が0の場合は省略する。 line-heightは省略する。ショートハンド以下のプロパティはショートハンドで行う。 backgr
sixteengram 2011/10/20
こういうルールは徹底せねばならん

css

お役立ち

web制作
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx