Webflow CSS PlaygroundAdding new elements is disabled in this demo. Please sign up to get notified when the full Webflow interface is available.
【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 - Qiita
2019/06/11追記: これは2012年の投稿です。なぜかはてなブックマークで拡散されていますが、内容は時代にそぐわなくなったものもあるのでご注意ください。 これ知らないプログラマって損してんなって思う汎用的なツールのコメントに寄せられたツールを分類分けしてみました。 解説は、ほぼコメントに寄せられた内容のコピペです。 URLのみの記述は公式サイト(か、ほぼ公式サイトと化しているサイト) 公式サイトとは別に、ページタイトルだけでツールを説明しきっているページへのリンクも付けておきました。類似ページが複数ある場合は、はてブのブックマーク数が多いものを選びました。 知らないツールもあるので、分類がいいかげんなところもあると思います。何か気づいたらコメントください。 解説が不十分なツールについても、補足（コピペで本文に取り込める体裁だとありがたい）を頂けると助かります！ 元ネタの投稿は現在進
ブラウザベースのjQuery Mobileアプリ開発環境「codiqa」と「Application Craft」
jQuery MobileなどのすぐれたJavaScriptフレームワークの登場で、HTML5とJavaScriptを組み合わせたWeb標準によるモバイルアプリケーション開発が普及し始めています。 この記事では、Web標準によるアプリケーション開発をさらに簡単にしてくれる、WebブラウザベースのjQuery Mobile対応モバイルアプリケーション開発環境「codiqa」と「Application Craft」の2つを紹介しましょう。 Codiqa～jQuery Mobileアプリのモックアップがすぐ作れる モバイルデバイス対応のアプリケーションを開発するときに手間がかかるのが、小さい画面でも使いやすいユーザーインターフェイスの構築です。モックアップを作り、使い勝手を試す必要があります。 先月公開が始まった「codiqa」は、そのモックアップを手軽に、Webブラウザ上でドラッグ＆ドロップす
【2012年版】アクセス解析やTwitter分析など、4年間でレビューした118個のツールをまとめた『ウェブ分析ツール大全』を公開！ - Real Analytics （リアルアナリティクス）
今年も様々なツールをレビューさせていただきました。去年と同様、一つのドキュメントにまとめましたので年始の読み物（にしては量が多いですが）あるいはツール選定の参考にぜひご利用下さい！ ダウンロード ウェブ分析ツール大全_2012.pdf(23MB) ※推奨 通常はこちらのファイルをご利用ください ウェブ分析ツール大全_2012.docx(49MB) 引用などの利用したい方向け。レイアウトが崩れる場合があります 前年(Ver1.0)からの主な変更点 ・44のツールを追加、26のツールを削除して合計118ツール ・Google アナリティクスの内容を追加 ・文字数は10万文字→16万文字 ・ページ数は380ページ→547ページ 追加されたツール（順不同） CoreMetrics / Readscope Pro / Visionalist / Yourls / チーター6.0 / Analytic
CSS Nite LP, Disk 13 repriseフォローアップ（7）クロカワ リュートさん｜CSS Nite公式サイト
CSS Nite LP, Disk 13 repriseフォローアップ（7）クロカワ リュートさん 記事公開日：2011年6月 3日（金） 2011年2月5日、ベルサール九段で開催したCSS Nite LP, Disk 13 reprise「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、クロカワ リュートさんの『Web制作のノウハウでつくるiPhoneアプリ』のスライドと音声をシェアします。 スライド（PDF、31ページ、1.8MB） 音声（MP3、32:17、31.0MB）（（外村さんのセッション内）） Running App Running App の紹介ブログ記事 CSS Nite LP, Disk 13 repriseは、2011年1月22日に開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」の再演版です
Ext JS - RIA開発用JavaScriptフレームワーク
Ext JS: クロスブラウザー対応、RIA（Rich Internet Application）開発用JavaScriptフレームワーク Ext JS はRIA（Rich Internet Application）と言われるWebブラウザ上で動作するアプリケーションを開発するためのJavaScriptライブラリです。Ext JSに含まれるのは： 高機能でカスタマイズ可能なGUI部品（ウィジェット） オブジェクト指向プログラミングのデザインパターンに従った拡張可能なコンポーネントモデル 直感的で、使いやすいAPIドキュメント 商用ライセンスとオープンソースライセンスのデュアルライセンスモデル
IEの異なるバージョンをテストする環境のまとめとそれぞれの特徴
IE6, IE7, IE8などIEの異なるバージョンをテストするアプリケーション・環境のまとめとそれぞれの特徴を紹介します。 Internet Explorer 7のキャプチャ [ad#ad-2] 「Sandboxed IE Browsers from Spoon」から各アプリケーション・環境のまとめと特徴をピックアップし、いくつか追加しました。 IETester Virtual PC IE Super Preview IE Collection マルチPC環境 IETester IETester 対応するIEのバージョン IE5.5 IE6 IE7 IE8 IE9preview 主な特徴 異なるIEのバージョンをタブで同時に表示することが可能なアプリケーションです。 プリントプレビューのテスト、ポップアップによるインタラクション以外のテストは万事良好に動作します。FlashとCSSのフィ
8 Excellent Tools for Optimizing Your Images
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. One of the easiest ways to reduce page
27 Stunning Image Optimization tools for Web Designers
Image Optimization is one of the most important factors for your website run without any problems. As if the images embedded within your website wouldn’t be optimized, then they will grasp a huge bandwidth and will resulting into very heavy load laid on your website. This may let too much of traffic driven away from your website. And nobody will want that, well if you want to know that how you can
カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン
相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介されていましたので、ここから17個を厳選して以下に紹介します。 1. Color Scheme Designer 3 「Color Scheme Designer 3」は、バランスのとれた色味を生成してくれるジェネレータ。配色に困ったらまずここでヒントを得ましょう。 2. Toucan 「Toucan」では、似た色や逆の色など配色パターンが選べます。画像から色を抽出することもできますよ。 3. kuler 「kuler」は、Adobe製の配色パターン生成ツール。直感で色を決めてみましょう。Adobe製品との連携もあるようです。 4. ColoRotate 「ColoRotate」
Flame Painter Free | online paint program
Flame Painter is a unique paint program, it belongs to my 'I am an Artist' experimental project. I think with tools which inspires you, everyone can be an artist. You can try it here, change different brush settings and paint your own flame paintings. When you change the background from black to white, the palette changes from additive to subtractive and the feeling of the painting is very differe
【レビュー】『Picasa』を便利にするツールたち - オススメ15選 | マイコミジャーナル
オンラインサービスの中で利用率の高いサービスといえば"写真共有サービス"だ。サービスの数々を提供するGoogleには『Picasa』がある。クライアントソフト「Picasa」とオンラインサービス「Picasa Web」を組み合わせて利用できる。デジカメ写真の管理はPicasa、友人との共有にはPicasa Web、という使い方が可能だ。そんなPicasa/ Picasa Webをもっと便利に感じられるソフトウェアを紹介しよう。 Google系サービスを便利にするツールたち 【レビュー】『Googleドキュメント』を便利にするツールたち - オススメ16選 【レビュー】『Google カレンダー』を便利にするツールたち - オススメ13選 【レビュー】『Gmail』を便利にするツールたち - オススメ15選 【レビュー】『Picasa』を便利にするツールたち - オススメ15選 【ご注
Using Twitter's @Anywhere Service in 6 Steps | Envato Tuts+
Last week, Twitter released @Anywhere, which, with only a few added lines in your code, can bring all of Twitter's platform functionalities into your website. @Anywhere can allow for anything, ranging from converting a simple @username into a clickable link, to even creating new tweets directly from your personal site. I'll show you exactly how to do so in this tutorial! Before you Begin, Create a
高速なプロキシサーバー一覧を簡単に取得できるPipes「FirstProxy」 | Creazy!
自分がインターネットを良く使っていたりWEBサービスを運営していたりすると、「高速なアクセス」「安全な通信」「特定地域からのアクセス」を確保するためにプロキシサーバーを使う場合があります。 このプロキシサーバーの情報を集め公開しているCyberSyndromeというサイトがとても便利です。 ・CyberSyndrome – The Proxy Search Engine プロキシサーバーの情報を確認できる「Proxy Checker」や、環境変数を調べられる「ENV Checker」、ドメイン情報を調べられる「Whois」などの便利なツールがありますし、プロキシ初心者にはプロキシについての知識を一から学べる「プロキシサーバ入門」というページもあります。 そして、このサイトの中にSpeed Rankingというページがあり、プロキシアクセスが高速な順にランキング表示してくれており非常に便利で
JavaSriptとCSSの結合/圧縮ツール14 | エンタープライズ | マイコミジャーナル
Robert’s talk Robert Nyman氏が自身のブログにおいてTools for concatenating and minifying CSS and JavaScript files in different development environmentsのタイトルのもと、JavaScriptとCSSを結合して単一のファイルにまとめたり、それぞれをミニファイするための14のツールを紹介している。WebサイトやWebアプリケーション開発に利用できるツールのまとめとして興味深い。紹介されているツールは次のとおり。 PHP Minify JavaScriptおよびCSSのミニファイ、結合、Gzip圧縮、キャッシュ対応 Combine JavaScriptおよびCSSの圧縮、複数URL結合機能 SmartOptimizer オンデマンドでミニファイ、圧縮、キャッシュ、結合、組み
12 really useful CSS tools
Working on a website’s CSS is quite an enjoyable job. However some of the tasks aren’t always fun. This is why tons of cool CSS tools were created, to make your life easier and keep web designers’ work barable. 1. Primer CSS Just paste some HTML in the box and Primer will pull all classes and IDs to get you started with your stylesheet. 2. Automatic CSS inliner You can use this tool to design your
mixiアプリの作り方(PC・携帯版)に関するサイト色々まとめ:phpspot開発日誌
携帯mixiアプリアクセス殺到(Yahoo!ニュース) によると、モバイル版もリリースされたmixiアプリがとても熱いようですね。 ということで色々、mixiアプリの収益化のチャンスや開発方法などの現状について調べてみました。 収益化のチャンス mixi アプリを作ることで、mixiのPVもあがるわけですが、開発者にも収益化やメリットがありますね。 以下に3つのメリットをまとめてみました。 (1) 自分のサイトへの誘導 mixi に集まる大量のトラフィックを自分のサイトにも誘導することで収益化のチャンスがあります。 実際に「外部サイトに誘導するための手順」としてその方法が提供されていますね。 (2) PVによって収益を得るアドプログラム 1PV 0.01円がもらえるみたいです。10万PVで1000円ですが、ユーザ数を考えると可能性を感じますね。 ヒットアプリになると100万ユーザとかになる
これからはじめるRIAとFlexプログラミング ～第1回 RIAの基本とFlexの優位点～
はじめに FlexとRIAに関する基本知識から開発方法の基礎を習得していただくことを目的とする連載です。対象とする読者は次のような方です。 デザイナーでFlex、RIAの概要や開発方法を知りたい方 PHP、Perl、J2EEなどのWebアプリ開発者でFlex開発に興味がある方 FlashやDreamweaverでサイト構築をしている方でFlex開発に興味がある方 つまり、プログラミングの経験を問わず、RIAの概念、Flexの基本を理解したうえで、シンプルなFlexアプリケーションを作成できることを目標とします。 本連載の他にも「Flex/AIR無償ハンズオンセミナー」「Flex/AIRアドビ認定コース」「ワンポイントセミナー」等を定期開催しております（2009年5月～2010年1月）。インタラクティブな環境で学習されたい方は、是非お申し込みください。 第1回目はRIA（Rich Inter
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイトの様々な確認作業に使うチェックツール達！レスポンシブ、パフォーマンス、クロスブラウザ対応等全部！ | バンクーバーのうぇぶ屋
csscomb.com