LINEスタンプづくりにFireworksをおすすめする理由 - デザイナーのイラストノート
2月26日にLINEのオリジナルスタンプをだれでも制作できると言う話が発表されました。「LINE Creators Market」イラストであることが必須、png形式、スタンプだけで40個…これは…なんというFireworks向き案件！ということで今回はその理由を。 まずは概要 LINEスタンプのガイドラインによると、必要なものは メイン画像(1個) 240×240px スタンプ画像(40個) 370×320px(最大) トークルームタブ画像(1個) 96×74px 上記の画像計42個で、形式は全てPNGです。スタンプ、トークルームタブ画像は性質上背景透過になると思います。 イラストをどのアプリケーションで制作するかというのは個人の好みの問題なのですが、Fireworksで作る場合にはぜひ「ステート」機能を使うことをおすすめします。 ステートとは Fireworks CS4以前は「フレーム
最強リーダー・Feedlyをますます便利にする拡張機能／ユーザースクリプト6選 | ライフハッカー・ジャパン
「Feedly」は、米Lifehackerの読者投票でもトップになったRSSリーダー。だからといって、改善点が1つもないわけではありません。 そこで、Feedlyを一層便利にしてしまう拡張機能とユーザースクリプトを紹介します。 1．バックグラウンドでタブを開く デフォルトでは、リンクをクリックすると新しいタブが開きます。これは便利なのですが、せっかく読んでいたタブが見えなくなり、集中力を削がれてしまいます。たくさんのタブを同時に開いておきたいあなたには、Chrome用の「Feedly Background Tab」という拡張機能がおすすめです。記事の上で「;」を押すと、バックグラウンドでタブが開きます。Firefox向けには、こちらのユーザースクリプトで同じことが可能です。 2．懐かしのGoogleリーダーの外見にする 懐かしのGoogleリーダーに心を奪われたままのあなたは、Chrome
FirefoxOSアプリ開発 JSとの健全な付き合い方
27. ちょーーカンタンなHello World プロジェクト • 本当に最低限のアプリ構成 • HTML、JS、CSS 各一つ... • もしご入用の方いらっしゃれば以下からどぞ... https://github.com/kassy-kz/FirefoxOS_Template 2013年6月19日水曜日 28. ちょーーカンタンなHello World プロジェクト • manifest.webapp • FirefoxOSのアプリに必要なマニフェストファイル { "version": "0.1", "name": "Template", "description": "My Template", "launch_path": "/index.html", "icons": { "16": "/img/icons/icon_16.png", "48": "/img/icons/icon
ウェブデザイナーのための便利すぎるツール＆リソース20選【最新版】 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ ウェブデザイナーに便利なデザインリソースやツールをまとめた最新版の記事をThe Next Webから。きっとあなたの知らない、日本ではまだメジャーじゃない注目リソースやツールがあるはず？ — SEO Japan Webデザインにおいて、使用するツールはあなたの結果に重要な役割を果たす。もちろん、紙に鉛筆で描くことのような、基本を忘れないことが大事だが、時には新しいアプリやリソースを見つけることが、あなたのクリエイティブなジュースをもっと流れるようにするのに役立つかもしれない。 今回は、デザイナーとデベロッパーのための20個の便利なツールをリソースリストとしてまとめた記事を紹介する。あなたのお気に
ページに美しいシャドウを加え、奥行きを与えるスタイルシート -Depth | コリス
ブラウザ上枠のすぐ下、ページの上部に、いい感じのシャドウを加えるスタイルシートを紹介します。 Chrome, Safari, Firefox, Operaでご覧ください、IEは9+で。 Depth 実装は簡単で、HTMLは特に変更することなく、下記のスタイルシートを加えるだけです。 position: fixed;なので、スクロールしてもシャドウが表示されています。 body:before { /* top shadow */ content: ""; position: fixed; top: -10px; left: -10px; width: 110%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -ms-box
モジラ、「Firefox OS」搭載端末「Keon」と「Peak」を発表--開発者向けプレビューモデルとして
HTML5をベースとするMozillaの「Firefox OS」を搭載する初めての端末として、「Keon」と「Peak」が発表された。両端末は、GeekphoneおよびTelefonicaとの協力により開発された。 両端末は、完全な小売販売モデルではなく、同プラットフォームを使用するアプリケーションの構築とテストを開始したい開発者を対象としている。Mozillaは、これらのスマートフォンが2月に提供開始されることを明らかにした。 Mozillaのデベロッパーエンゲージメント担当ディレクターを務めるStormy Peters氏は米国時間1月22日付けのブログ投稿で、「開発者向けプレビュー版のスマートフォンは、モバイルウェブをより多くの人々にとってよりアクセスしやすいものにするために役立つだろう。開発者は、ウェブにとって、そして、すべての人々がウェブにアクセスできるようにするというMozill
デザインどや！？｜海外カジノ オンラインのWEB作成
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18（後編）
こんにちは、橋本です。 前回にひきつづき、Safari、ChromeのWebインスペクターやFirefoxのFireBugで使えるconsoleオブジェクトの使い方について書いてみたいと思います。 consoleオブジェクトには以下の19個(logを除くと18個)のメソッドがあります。 assert count debug dir dirxml error group groupCollapsed groupEnd info log markTimeline profile profileEnd time timeEnd timeStamp trace warn そのうち前回は、assertメソッドからgroupEndメソッドまで見て行きました。 今回はinfoメソッドからwarnメソッドまでの使い方について書いていきたいと思います。 infoメソッド console.info(messa
累計30億ダウンロードされたFirefoxアドオンのベスト8
先日、Firefoxのアドオンが累計30億ダウンロードを達成しました。Firefoxユーザの85％は必ず1つはアドオンを入れているという環境の中、いったい人気のあるアドオンは何なのか、Mozillaがブログでベスト8を発表しています。 The Best of 3 Billion Add-on Downloads | The Den ◆第1位：Adblock Plus 第1位になったのはウェブサイト上に表示される広告をブロックするアドオンの中でも最もポピュラーな「Adblock Plus」。1日のアクティブユーザ数は1350万人で、累計1億6600万ダウンロードを達成しています。このアドオンが便利だからこそFirefoxを使い続けているという人も少なくありません。 ◆第2位：Video DownloadHelper 第2位になったのはウェブ上にあるコンテンツのダウンロードを補助してくれるアド
[JS]DOMエレメントを操作するシンプルで超軽量のスクリプト -Chibi
jQueryなどの他のスクリプトに依存せず、DOMエレメントを操作するシンプルで超軽量（2KB gzipped）のスクリプトを紹介します。 Chibi -GitHub Chibiの対応ブラウザ Chibiの使い方 Chibiの対応ブラウザ IE6をはじめ、ほとんど全てのデスクトップ・スマートフォン用のブラウザをサポートしています。 Android Browser 2.1+ Blackberry Browser 6+ Chrome Chrome Android Firefox 3.5+ Firefox Mobile Internet Explorer 6+ Internet Explorer Mobile 9+ Opera 10+ Opera Mini Opera Mobile 10+ Safari 3.2+ Safari Mobile 3.2+ Symbian^3 Browser or h
Free “Coming Soon” Page Template with Countdown Timer
2013年3月25日 ダウンロード ページを開くと、無機質な「メンテナンス中」の表示。誰もが一度は見たことがあると思います。文章のみが表示されると、なんだか寂しいですよね。だからと言ってメンテナンスページを作るのに時間をかけたくない…。そんな方のために、カウントダウンタイマー付きの「準備中ページ」テンプレートをご用意しました！ご自由にお使いくださいませませ。 ↑私が10年以上利用している会計ソフト！ ダウンロード デモ 仕様 無料 商用サイトでの利用可 日付設定するとカウントダウン可能 Chrome、Safari、Firefox、iOS、IE7〜9、Operaで動作確認済 タイマーの設定 タイマー設定は index.html の <head></head>内にある $(function () { $('#countdown').countdown({until: new Date(2013
2012/5/19 Webのパフォーマンスを考える ～WordPressと付き合うために～ @ WB Osaka
4. 性能改善...その前に ● サーバが原因？ ○ 安いレンタルサーバだから？ ○ 実はサーバが海外？ ● WordPressが遅い？ ○ プラグインが原因？ ○ テーマが原因？ ● それ以外に原因は？ ○ 自社の回線が遅い？ ○ 実はPCが古くて遅い？ 5. 原因はどこに？ CDN/別サイト Web DB 同時ダウンロード数 WP MySQL 6ファイル/ホスト CDN/別サイト利用 減 の削 削減 スト数 の クエ ルサイズ リ イ サーバ側の改善 ファ WPプラグインの改善 キャッシュ 6. 原因を調べるには <ブラウザで調べる> ● Firebug (Firefox) ● Chrome Developer Tools (Chrome) ● Yslow (Firefox/Chrome) ● PageSpeed (Firefox/Chrome) <サービスで調べる> ● Pingdo
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
やたらと重い「Firefox」を、馬鹿みたいに高速化する方法まとめ。
結構Firefoxが好きなので、ちょこちょこ改造していたんですが、管理するPCごとに新しいこと試したり前やってたことをやめたりしてるうちに何が何だかわからなくなってきてしまったので、そろそろまとめようかなー？ってことでまとめてみました。 ちなみに、ここに書いてある改造は完全に自宅マシン用です。 会社のマシンでここまでやると・・・ちょっと動作とかアドオンの不都合とか色々検証してないことも多いので、出来るだけご自身の責任でお願いいたします。 とりあえず手始めに入れるアドオン SQLiteOptimizerアドオンを入れる Firefoxの重たくなる一番の原因となる、SQLiteの計量最適化を図ってくれるアドオン。 Faster Fox Liteアドオンを入れる 設定は「ターボチャージャー」に。 かつ、アドバンス設定で「Disable IPv6 DNS lookup」にチェック。 MemoryF
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Firefox使いづらいって奴は取り敢えず俺の設定パクッてみろ:ハムスター速報
Firefox使いづらいって奴は取り敢えず俺の設定パクッてみろ Tweet カテゴリ☆☆☆ 1：以下、名無しにかわりましてVIPがお送りします：2011/07/25(月) 20:22:36.36ID:Lx2L/mMp0 Firefoxについて文句言ってる奴は、だいたい的外れな批判ばっかり ググれば解決するような問題ばっかり そういう奴は一生IE使ってろって言いたいところだが、俺の超使いやすいFirefoxの設定を全部言ってくから、取り敢えず真似してみてくれ 一応書きためてる。質問には適当に答えられるときだけ答えてく 今回扱うのはFirefox5について 始める前に、取り敢えず、「Add-on Compatibility Reporter」というアドオンで、アドオン互換性チェックを切ってくれ じゃないと話が進まないから 目的：機能性・有用性・省スペース化を心がける その上で、遊び心を忘れない
407個のwebデザイナー＆デベロッパーズ向けフリーアイコンとアイコン配布サイト2サイト ｜https://wp.yat-net.com/name
2011年 06月 01日 407個のwebデザイナー＆デベロッパーズ向けフリーアイコンとアイコン配布サイト2サイト カテゴリ： フリー素材 タグ：アイコン作成支援ツール サイトにおけるアイコンですが、自作するのも良いですがハイクオリティなアイコンもpsdなどの状態でフリーでダウンロード出来る物などもあるのでこちらを使うのも有りだと思います。（但しライセンスに関してはリンク先等をご確認の上でご使用下さい。） 今回はwebデザイナーやデベロッパーズ向けのものを集めました。
[CSS]スクリプトや画像を使用しないで、さくさく動作するニュースボックスを実装するチュートリアル
省スペースにぴったり！ 複数のパネルをマウスホバーで表示を切り替えるニュースボックスを実装するスタイルシートを紹介します。 CSS3 Easy Newsbox [ad#ad-2] 対応ブラウザはIE6/7/8/9, Firefox, Chrome, Safari, Operaとのことで、CSS3対応ブラウザでもっとも期待通りに表示されます。 ※当方のIE6では期待通り動作しませんでした。 下記はCSS3対応ブラウザ：Firefox4でのキャプチャです。 角丸、ドロップシャドウ、グラデーションが適用されています。 デモページ：IE7で表示 IE7では、角丸やドロップシャドウやグラデーションは適用されませんが、各パネルの切り替え表示には対応しています。 [ad#ad-2] ニュースボックスの実装 HTML 各パネルはa要素で実装されており、div要素で内包します。 <div id="newsb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
https://jp.techcrunch.com/2012/06/19/20120618mozilla-launches-thimble-a-web-based-code-editor-for-teaching-html-and-css/
