フロントエンドエンジニアになってから11ヶ月間で覚えたちょっと捗るChromeの使い方 - Qiita
はじめに 昨今のWebブラウザはどのような機能があるのか把握するのも大変なほど多機能で便利ですよね。 Webブラウザの機能を把握してうまく使いこなせること（とくに開発者ツール）が、フロントエンドエンジニアの前提スキルになってきてるのかなぁと感じる今日この頃です。 ということで自分のデフォルトの開発用ブラウザはChromeなのですが、これを覚えて捗ったなぁということをメモしていこうと思います。 思い浮かんだら追記していこうと思っているのでストックして頂けると幸いです。 基本系 キーボードショートカットを覚える Chromeのキーボードショートカットの一覧 キーボードで出来ることはなるべくキーボードでやるけれども、マウスやトラックパッドでやったほうが速い場合は臨機応変に切替えることを心がけています。 Chrome Canaryを使う Chromeの開発者向けプレビュー版 Chrome Cana
デザイン作業をしていると見落としがちなPSDファイルのエチケットがチェックできるオンラインサービス -PSD Validator
ウェブデザインのPSDファイルで、チーム内のデザイナーで共有してファイルを触る時、コーダーに渡す時など、より使いやすいPSDファイルにするためのエチケットが守られているかチェックできるオンラインサービスを紹介します。 レイヤー名が「レイヤー1」のまま、グリッドを使用していない、watermarkの入った素材を使ってるなどはいただけません。
Webコンテンツ完成! でも公開前にこんな自動チェックをかけませんか？ | 初代編集長ブログ―安田英久
今日は、Webコンテンツの公開前に行っておくとWeb担当者が楽になる自動チェック機能として、Web担のCMSで実装している6つの機能を紹介します。 ※2013-09-25 「いいと思うけど、これどうやったらウチのサイトでも使えるの？」という疑問に対する回答を追記しました。 Webコンテンツ完成! もう今すぐにでも公開したいですよね。 でもちょっと待ってください。自社サイトに掲載する前に、そのコンテンツが問題ないかチェックするべきですよね。HTML文法やリンク切れなどなど。 デザイン業界で「FlightCheck」や「プリフライト」と呼ばれる類のチェックですね。そういう「毎回やるチェック」は、システムで自動的にできるといいと思いませんか？ そういった例の1つとして、Web担のサイトで動かしている自動チェック機能を紹介します。Web担では、次のような自動チェック機能を入れています。 HTML文
PNG画像を劣化させずに圧縮できるPNGGauntletがすごい便利！
今回紹介するのは、PNG画像を劣化させずに圧縮できる「PNGGauntlet」というソフトウェアです。このPNGGauntletというソフトは、画像に付加された情報やデータを最適化することで、見た目は変わらずに品質は損なわずにファイルサイズのみを圧縮して小さくすることが可能です。 また、このソフトはPNGファイルの圧縮以外にもJPG、GIF、TIFF、BMPといった画像ファイルをPNGに変換する機能もあるので、画像の圧縮目的以外にも変換するソフトウェアとしても活用できます。 PNGGauntletnoPNG画像圧縮の効果について PNGGauntletがPNG画像圧縮にどれくらい効果があるかというと、このソフトを使うことで画像のファイルサイズは大体70％～80%くらいに小さくできます。今まで見た中では最高は20％くらいまで削ってくれた画像もありました。もちろん画像によって差がありますが、か
JSter – JavaScript Catalog
EssentialsApplication FrameworksMobile FrameworksMVC FrameworksRealtime FrameworksDesktop GUIServerSide LibrariesTesting FrameworksTemplating EnginesLoadersUIUI FrameworksWindows, Modals, PopupsKeyboard WrappersForm WidgetsUI ComponentsSliders & GalleriesNotificationsWYSIWYG EditorsTouchLayoutTours & GuidesMultimediaGame EnginesPhysics LibrariesAnimation LibrariesAudio LibrariesPresentation Librar
FTP・WebDAVをWindowsのローカルドライブとして扱えるフリーソフト「NetDrive」
接続したFTP・WebDAVサーバーをローカルドライブとして扱うことができ、エクスプローラーなどからファイル・フォルダーをドラッグ＆ドロップで移動させることができるフリーソフトが「NetDrive」です。SSLに対応し、Windows XP・Vista・7・Server 2003・Server 2008上で起動可能となっています。 ダウンロード、インストール、設定操作方法については以下から。 NetDrive - Download NetDrive http://www.netdrive.net/download.html 上記サイトの「Download」をクリック。 ダウンロードしたインストーラーを実行。 「I Agree」をクリック 「Next」をクリック 「Install」をクリック 「Next」をクリック 「Finish」をクリック インストールが完了すると操作画面が表示されます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Online Markdown Editor - Dillinger, the Last Markdown Editor ever.
Front-end Build Tools - JTF2014 Tokyo
IE6～IE9を同時に表示確認できるMicrosoft純正ソフト [ホームページ作成] All About![IE6～IE9を同時に表示確認できるMicrosoft純正ソフト [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
マークアップのいまいちな箇所を指摘してくれるブックマークレット -DiagnostiCSS