Web制作時に備えておきたい便利なチートシートのまとめ -Bootstrap, WordPress, CSS3, Git, SublimeTextなど
BootstrapやFoundationなど人気のフレームワーク、CSSの各フレームワークの比較、WordPressのテーマ作成やコピペで利用できるコード集、Gitのコマンドやフロー、iOS/Androidのグラフィックガイドライン、ChromeのデベロッパーツールやSublimeTextやEmmetなど、Web制作に役立つ便利なチートシートを紹介します。 紹介している主なチートシート Bootstrap 3, Foundation 5のチーシート CSSの各フレームワークの比較 WordPressのチートシート iOS, Androidのデザイン用のチートシート jQueryのチートシート HTML5, CSS3のチートシート ファビコンのチートシート 検索エンジン最適化2015年版のチートシート Chromeのデベロッパーツールのチートシート SublimeText, Emmetのチー
Web屋の私がブックマークしているサイト65 | Webクリエイターボックス
2017年7月14日 便利ツール 久しぶりに自分がブックマークしているサイトを整理してみました。昔から変わらず愛し続けているWebサービスやチュートリアルサイトなど多数あったので一挙にご紹介します！有名どころからあまり知られていないけど便利なサイトまで、多数あるので時間のある時にじっくり見てみてください！ ↑私が10年以上利用している会計ソフト！ ブックマークしているサイト 目次 Webサービス デザイン関連 画像関連 CSS jQuery WordPress フォント スマートフォン 配色関連 HTML5 メルマガ Webサービス 1. Sendoid Sendoidは会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。 2. HTMLエンコードフォーム HTMLエンコードフォームは特殊記号などをエンコード・デコードしてくれるWebサービ
ブログ記事のTweet数やブクマ、いいね！の数を管理画面に一覧表示するWordPressプラグイン・Social Metricsを日本向けにした
今まで書いた記事のTwitterでのTweet数 や、Facebookのいいね！他、Google+1 などを管理画面で一覧表示してくれる WordPressプラグイン・Social Metricsの ご紹介。もしかしたら需要あるかなと思った ので日本向けにしました。 日本向けといっても、ソーシャルサイトを入れ替えて日本語に変えただけで、ソースは殆どいじってません。オープンソースはこういうのが気軽にできていいですね。とはいえ、GPLはいろいろ制約はありますけども・・・ これが元々のプラグインです。このように管理画面で記事ごとについたTweet数やLike数を一覧表示出来ます。LinkedInがなんだかおかしい気が・・まぁいいｋ 多少重いのは仕方無いとして、これはなかなかいいなと思いましたので日本向けに、少しだけ変えました。 Social Metrics for Japanese Stumbl
CSS3Generator by @RandyJensen
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s w
kzms2 – html,css,javascript » レイアウトについて(1/4) – css3を触ってみて思った4個の利点
このブログをリニューアルして思ったこと やっぱりCSS3は便利でした。 自分でちゃんと触ってみて4点ほど、利点があったのでそれについてチマチマ書いて見ます。 レイアウト組むのが楽ちん セレクタが便利 画像に頼らず色々出来る アニメーションが素敵 といった4点が利点かなー なんて思いました。 本日はレイアウトについて便利だったことを書いてみます。 詳細は続きで。 まず始めに css2までは基本的に、FloatかPositionのどちらかでレイアウトを組んでいたと思います。 css3からは違う概念でレイアウトを組むことが可能になっています。 表示確認には、Firefox3.5、Chrome4を使用しています。 ※ちなみに説明する中で「-webkit-」（Webkit系）「-moz-」（Mozilla系）「-ms-」（IE系）などのプロパティがありますが、ブラウザごとの独自規格扱いになっ
ブラウザを選ばずWebテストを自動化するSelenium
Webアプリケーションのファンクションテストを行うツールとして注目されている「Selenium」のバージョン1.0が6月20日にリリースされました。安定性が向上するとともに、Firefox 3.0、3.5（Selenium IDEは1.0.2から、Firefox 3.5に対応）や、Internat Explorer（以下、IE） 8などの最新のWebブラウザにも対応しました。 本稿では、Selenium 1.0をベースとしたSelenium IDEとSelenium RCを利用した効果的なSeleniumの利用方法を紹介します。 Webアプリのテストで誰もがイラつく大きな課題 Webアプリケーションテストを手で行うと、非常に煩雑です。Selenium登場以前の従来のやり方では、次のような問題がありました。 回帰テストに時間がかかる バグ修正や仕様変更などで、Webアプリケーションを変更した
これは驚きの、CSSだけで作れる吹き出しボックス:phpspot開発日誌
Fun With CSS Shapes - Nettuts これは驚き！CSSだけで作れる吹き出しボックス。 次のような吹き出しが、画像を一切使わずにCSSだけで実現できてしまうようです。 HTMLコードをちょっと分かりやすいようにダイエットしてみたものが以下。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> blockquote {
Apache/PHP/MySQLなどをWindowsに一発でインストールできる「VertrigoServ」 - GIGAZINE
Apache/PHP/MySQL/SQLite/SQLiteManage/PhpMyAdmin/Zend OptimizerをWindowsにまとめてオールインワンでインストールすることができるようになっているのがオープンソースで開発されているこの「VertrigoServ」。 これらの各ソフトについて簡単に設定を変更できるコントロールパネルっぽいものがタスクトレイから一発で呼び出せるようになっており、非常に設定が簡単です。また、インストーラは日本語化されているので安心です。 実際のインストール方法などは以下から。 VertrigoServ http://vertrigo.sourceforge.net/ ダウンロードしたら実行します 「OK」をクリック 「次へ」をクリック 「同意する」をクリック 「次へ」をクリック さらに「次へ」をクリック 「インストール」をクリック インストール中……
無料で利用できるフォントがダウンロードできる「Open Font Library」
無料のクリップアートを山ほどダウンロードできる「Open Clip Art Library」の姉妹プロジェクトで、パブリックドメインで利用できる無料フォントを集めるプロジェクト、それが「Open Font Library」です。置いてあるフォントはすべて無料でダウンロードして利用可能となっています。 詳細は以下から。 Open Font Library Type Casting. http://www.openfontlibrary.org/ フォントの一覧は以下から見ることができます。 Open Font Library Fonts フォント名をクリックするとこのように、実際のサンプルを見ることができます あとは「ttf」と書いてあるボタンをクリックすれば、フォントファイルをダウンロードすることが可能です。
Browsershots
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
GIGAZINE - よく見かけるあの小さなボタンバナーを作る「Button Maker Online」
上記画像のような小さなボタンバナー画像に見覚えはないでしょうか？これを簡単にオンライン上で作成できるのが無料サービス「Button Maker Online」です。80×15か88×31サイズの画像が簡単に作成できます。 Dynamic Drive online tools: Button Maker http://tools.dynamicdrive.com/button/ 使い方は以下の通り。 「Base Color is Transparent」：背景色を透過色にする 「Base Color」：背景色を決める。「Base Color is Transparent」のチェックを外すと選択できる 「Font」：文字のフォント。SilkscreenとSans-Serifの2種類。 「Border Color is Transparent」：境界線の色を透過色にする 「Border Colo
SEOの動きを見逃さない為の7つのツールと19のエントリーまとめ*ホームページを作る人のネタ帳
SEOに関する情報は常に動いている。 SEO対策という言葉が今、『おかしい』という事もその一つ。 SEO＝サーチエンジン最適化という意味があるにもかかわらず、そこに『対策』をつけるのはナンセンスという声があるわけです。 今回はSEOに関するツール7本と19のSEO記事を自分の為にもまとめておきます。 GoogleWEBマスター・Digg・FlashSEO・twitterSEO・FeedBurnerSEO・パラサイトホスティング等、SEOの常識がどう動いているのかを知っておいて損は無いかもしれません。 厳選SEOツール なかのひと アクセス解析なんですが、他と全く違う仕様。 どの企業からのアクセスだったのかを測定するおもしろいツールです。 GoogleのサイトマップXMLを自動で作成 Google最適化に役立つツール。 GoogleWEBマスターに使ってみよう。 検索エンジンランキングチェッ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
『無料＋ブラウザ』で全部やってしまおう。webジェネレーターとサービス50個まとめ*ホームページを作る人のネタ帳
オンラインで、いろいろなブラウザのチェックができるサイト集 | コリス
色見本
hereticanthem co.,ltd. » なにかと使えるWebジェネレータのまとめ その２
hereticanthem co.,ltd. » なにかと使えるWebジェネレータのまとめ その１