最近Chromeも使うようになり、 Firefoxと同じように効率よく作業をすすめたいですね。Firefoxの便利なaddonが無いのを補う気休め程度なんですが、ブックマークレットを頻繁に使うようになりましたので、久々に今使っているブックマークレットや最近見つけた便利そうなものをまとめて取り上げてみました。（2009年版ブックマークレット更新記事となります。） 最近Firefoxの重さが気になってChromeと平行してブラウジング。なにかとFirfefox高速化ネタ記事があがってきているということは、やはり重たくなってきているのかも。いろいろと試してみて、こちらのFirefox高速化テクニック8 | エンタープライズ | マイコミジャーナルを実行することで以前に近い早さに戻った感がある。が、それでもChromeを使ってしまってからは、その軽快なサクサク感にはまってしまってｗ・・・。Chro
CSS Sprites: What They Are, Why They're Cool, and How To Use Them | CSS-Tricks
That adds up to a total of 14.38KB to load the three images. Putting the three images into a single file weighs in at 16.1KB. The sprite ends up being 1.72KB larger than the three separate images. This isn’t a big difference, but there needs to be a good reason to accept this larger file… and there is! While the total image size (sometimes) goes up with sprites, several images are loaded with a si
福井のソフトウェア会社です。AccessやExcel、.NETソフトウェア開発、WordPress等を使用したホームページのシステム化、PCサポート・メンテナンス、コンサルなどを行っています。 投稿日 2009 年 3 月 18 日 – 6:51 PM カテゴリ: カスタマイズ WordPress高速化の自己流TIPSをまとめてみた。 キャッシュの導入 間違いなく必須です。WordPressはクエリの発行数がとてもとても多いし、ページを生成するまでのステップ数もプラグインを含めなくてもとても多い。WordPressを使用したホームページがみょーに遅いものが多い理由がキャッシュを導入していないからでは無いかと。。。 WordPress Super Cacheがお勧め 「管理画面」→「プラグイン」→「新規追加」→「キーワード」に”WP Super Cache”と入力して検索し、即インストール
書籍内に出てきた、7、8章以外のソースコードが掲載されていますので、コピーして使って頂くことができます。 第1章 Sass のキホン まずは Sass って何なのかを知ろう Sass を導入する前の疑問や不安 何はともあれ Sass を触ってみよう 第2章 Sass の利用環境を整えよう Windows 環境に Sass をインストールする Mac 環境に Sass をインストールする Sass を最新版にアップデートしよう Sass コマンドの使い方を覚えよう バッチファイル／シェルスクリプトで簡単にコマンドを実行する GUI（Koala）で Sass を使用する インストールや実行中にエラーが表示された場合の対処法 第3章 これだけはマスターしたいSass の基本機能 ルールのネスト（Nested Roles） 親セレクタの参照 &（アンパサンド） プロパティのネスト（Nested P
Word Cloud Generator
Paste your text below! How the Word Cloud Generator Works The layout algorithm for positioning words without overlap is available on GitHub under an open source license as d3-cloud. Note that this is the only the layout algorithm and any code for converting text into words and rendering the final output requires additional development. As word placement can be quite slow for more than a few hundre
Gruntを使ってSass(SCSS) / Compassをコンパイルしてみる | MONSTER DIVE
今回は、Gruntを使ってSassをコンパイルしてみます。Gruntのインストールについては、こちらの記事で紹介してくれてるのこちらをご覧ください。Sassの記法には、SCSS記法とSASS記法の2種類がありますが、今回はSCSS記法のみ対応になります。 ※Sass・Compassはインストールされているものとします。 Gruntで処理したいこと Gruntには、SassとCompassをコンパイルする以外にも様々な便利機能があります。 今回、下記の機能も使ってみたいと思います。 Sassファイルをコンパイルする livereloadでSassファイルが更新されたらブラウザをリロードさせる バラバラに記述されたメディアクエリをまとめる CSSのプロパティの順番を揃える フォルダ構成 フォルダ構成については下記の通りです。 project ├css (CSSの出力先) ├sass │└sty
30+ CSS Tutorials for Beginners
Today’s article gathers 30+ CSS tutorials for beginners that will teach you some neat CSS tricks to improve your design skills. If you want to learn how to create 3D button styles, social link buttons, progress buttons, navigation menus, 3d typography, menus, and more, these CSS tutorials for beginners are just what you were looking for. Are you new to CSS? The initial process of learning this nif
Ajax » jQuery plugin » ナビゲーション、メニュー | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説どのイベントが発生した時にアニメーションを開始するかを指定します。指定しない場合は、すぐにアニメーションが開始されます。2つのイベントを指定すると、1つ目のイベント発生時に現在のスタイルからホバー時のスタイルにアニメーションし、2つ目のイベントで元のスタイルにアニメーションしながら戻ります。 設置イメージ 設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml
In today’s tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city. In today’s tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in orde
15 Free Adobe Fireworks Extensions & Commands for Web Designers
15 Free Adobe Fireworks Extensions & Commands for Web Designers Despite last weeks sad announcement that Adobe would no longer be developing it, Fireworks will remain a firm favorite amongst web designers for many, many years to come. I am convinced of it. Yes, there won’t be any more updates, and as time slowly passes users may dwindle, but the large Fireworks community is dedicated and will not
8bitworkshop
Write 8-bit code in your browser. Ever wanted to be an old-school game programmer? Learn how classic game hardware worked. Write code and see it run instantly. Open 8bitworkshop IDE Learn 8-bit Game Programming! Books available on Amazon and GumRoad. Note: We may earn commissions from purchases made using these links. Making Games For The Atari 2600 The Atari 2600 was released in 1977, and now the
Here is a round up of some of the most popular ActionScript 3.0 (AS3) libraries out there to use. Let me know if I have missed an important one off. NOTE: This list was originally for my personal use (that I thought I would share), it is not intended to compete with or replace the list maintained by OSFlash or RIAForge. Update 29/10/08: Ted Patrick has put together a list of ActionScript Cloud/Ser
The Mystery Of CSS Sprites: Techniques, Tools And Tutorials — Smashing Magazine
CSS Sprites are not new. In fact, they are a rather well-established technique and have managed to become common practice in Web development. Of course, CSS sprites are not always necessary, but in some situation they can bring significant advantages and improvements – particularly if you want to reduce your server load. And if you haven’t heard of CSS sprites before, now is probably a good time t
Nintendo suffers huge leak, source code and design files for Wii appearing online
Nintendo suffers huge leak, source code and design files for Wii appearing online A few days ago, leaks started to surface regarding some of the older Pokemon games. We were able to get a look at tons of beta designs from the Gen 2 era, which was followed by even more earlier sprites and other assets. Apparently, this Pokemon content was just a larger portion of an overall huge Nintendo leak. Sour
id:teramakoさんがなんかすごいことしててスゲーかっこいいのでさっそくパクリ。 更にツリー型タブの裏側にもペルソナの画像を表示させてみた。 タブバー裏にでっかく嫁を表示！ 今までのペルソナだとツールバーの狭い領域に小さく嫁を表示するのが精一杯だったけど、これででっかく表示できるよ！ しかしペルソナは画像の始点が右上なので、上の例みたいに左タブバーの時にウィンドウサイズが変わると、タブバー裏の画像もズレるんだね、しょうがないね。 気になる人はタブバーを右に置くか、画像の始点を変えるアドオン作ってください。。。 (追記：コメント頂きました。画像の配置は好きにいじれるみたいです。) ツリー型タブの背景を透過 tabbrowser[treestyletab-style][treestyletab-mode] .tabs-stack, tabbrowser[treestyletab-styl
Introduction to HTTP/2 Stay organized with collections Save and categorize content based on your preferences. HTTP/2 will make our applications faster, simpler, and more robust—a rare combination—by allowing us to undo many of the HTTP/1.1 workarounds previously done within our applications and address these concerns within the transport layer itself. Even better, it also opens up a number of enti
この記事は「SVG Advent Calendar 2015 」の9日目の記事です。初めてAdvent Calendar的なものに参加させてもらいます。よろしくお願いします。 ※Advent Calendarの締め切りがあるので、検証途中ですが公開しちゃいます！ご了承ください。現段階では、旧ブラウザをサポートするためのフォールバックが最後まで検証できていないです。あとで追記します。 —–ここから本文—– そろそろロゴとかアイコンまわりの画像をSVGに移行したいと思い、Gulpを使って複数のSVGアイコンを1つにまとめるアイコンシステムを検証してこのブログでも紹介しました。でも、Gulpの設定に慣れていないと難しいし、CSSで背景画像として読み込めないというデメリットもありました。 そこで、今回はロゴやアイコンなどの複数の画像を、Sketchでスプライトにまとめて1つのSVG画像として保存し
簡単に使える Compass のオススメ機能 - log
こんにちわ。 Gaji-Labo の @neotag です。今日は Less & Sass Advent calendar 2011 の24日目です。 アドベントカレンダーは乗り遅れるとネタ切れ危険ですね。 さて、 Compass という Sass 用の Framework がありまして。それがそこそこ便利なので、使い方が簡単なものをかいつまんでご紹介です。 http://compass-style.org/ インストール方法は下記のとおり。 $ gem install compass 目次 sass --watch のオプションをプロジェクトごとに管理 画像の高さと横幅を取得 Sprite を自動生成 開発用CSSと納品用CSSで画像の読み込み先を変更する 開発用と本番用で色々変えてみる ■その1 sass --watch のオプションをプロジェクトごとに管理 この記事を公開する前に確認
Powerful New CSS Techniques And Tools — Smashing Magazine
A carefully selected list of useful (and powerful!) CSS techniques and tools. Collected, analyzed and curated resources for you to use them right away or save them for future reference! The hard work of front-end designers never ceases to amaze us. Over the last months, we’ve seen Web designers creating and presenting a plethora of truly remarkable CSS techniques and tools. We have collected, anal
Here’s the List of Free Icons Offered by Linea Linea Icons :20+ Best Sites for Free Icons What are line icons? A line icon is a shape vector outline that consists of fonts designed in CSS. You can use line icons in place of using jpeg or actual images to show what message a developer is passing across. Folders and pictures can be bulky, heavy, and outdated, but you can make your work look more app
HTTP/2 for the Web Developer 1. Unless otherwise indicated, these slides are © 2013-2015 Pivotal Software, Inc. and licensed under a Creative Commons Attribution-NonCommercial license: http://creativecommons.org/licenses/by-nc/3.0/ SPRINGONE2GX WASHINGTON, DC HTTP/2 for the web developer By Brian Clozel @brianclozel 2. Unless otherwise indicated, these slides are © 2013-2015 Pivotal Software, Inc.
R-Tips
- R PDF - R S OS S-plus Windows R Mac OS X R Linux R http : //cse.naro.affrc.go.jp/takezawa/r − tips/r.html PDF *1 R R R R ( ) ( ) The R Book ( ) Introductory Statistics with R Peter Dalgaard (Springer) R ( HP ) http : //aoki2.si.gunma − u.ac.jp/R/ R 3 ( ) ( ) ( ) ( ) ( ) \ Y Y R \ Y \ UNIX LINUX Mac OS \ Windows Y OS *1 4 2005 8 8 R 2.1.0 2.1.1 1 I 10 1 11 1.0 R . . . . . . . . . . . . . . . . .
『スーパーマリオ64』にルイージ、開発中止となったポケモンMMO、「ニンテンドー・ギガリーク」と呼ばれる大規模なリークでお蔵入りとなった企画が判明
機密情報だった任天堂製ゲーム内のコードとドキュメントがインターネットに流出する、2つの大規模なリークがあった。通称、「ニンテンドー・ギガリーク」だ。任天堂の開発中止となったゲーム、試作段階のゲーム、ソースコード、開発ツール、社内で行われた連絡といったさまざまな情報が流出した。これは、今までに起こったビデオゲーム業界の情報流出の中で最大規模のものとなるだろう。 先週末にかけて、大量の流出したファイルが人々の手に渡り、観察され、これらのファイルが持つ意味が調べられていき、新事実が続々と判明していった。我々はこれらの情報を整理し、現時点でギガリークから判明している情報をこの記事で解説していく。 「ニンテンドー・ギガリーク」とは？ ギガリークは、主に4Chanの2つの投稿から始まった複数回にわたる情報流出のことだ。この2つの投稿には、任天堂社内のプロジェクト由来の数ギガバイトものファイルやドキュメ
CSS: Innovative Techniques and Practical Solutions — Smashing Magazine
Although CSS isn’t that difficult, useful CSS techniques are not easy to find. Sometimes finding a cross-browser solution might take time, but you don’t have to reinvent the wheel every single time. Other designers may have had the same problem in the past and thus the main goal of this round-up is to share with you a goldmine of new techniques which you will hopefully find very useful and valuabl
Free CSS Menu Templates & Design Tutorials | Daily Syntax
Free CSS Menu Templates (Navigation Menu) is one of the most important elements of a web designs.Content-Rich Website without usable navigation will be uselessNavigation Menu is one of the most important elements of a web designs. Content-Rich Website without usable navigation will be useless. If you’re looking for a free css menu template to add a navigation menu to your design Web site, these fr
Christian Heilmann, MozillaVision 2012, Tokyo, Japan, January 2012 Today I want to talk about a web of the now and the near future and show you some things that are in the works but you might not be aware of. The web is an amazing thing World Connection Density map by Chris Harrison The web is an incredible thing. It connects people world-wide and it is incredibly easy to be a part of. Instead of
円周率暗記法
暗記法 円周率を覚えよう！ あなたの知っている覚え方、考えた覚え方などもお待ちしております。 日本語のものは音に対して適当な数字を当てます。 しかし、様々な数字が考えられる場合もあるので注意しましょう。 例)わ・・・０,８などなど しかし、数字をいろいろな音に変えられるので語呂合わせを作りやすいです。 できれば Internet Explorer でご覧ください。その方が見やすいです。(90%以上の方はInetrnet Explorerで見ておられるようなので優先させていただきました。) 身(３) １つ(１) 世(４) １つ（１） 生（５） く（９） に（２） 無（６） 意（５） 味（３） い（５） わ（８） く（９） な（７） く（９） 身（３） ふ（２） み（３） や（８） 読（４） む（６） 似（２） ろ（６） よ（４） さん（３） ざん（３） 闇（８３） に（２） な（７） く（９
Download Javascript Gamelib, javascript games programming library
Scott Porter made a popular library for creating Javascript Games, called the Javascript Gamelib. It provided relatively simple routines for animation, sprites, collision detection and control. It meant games programmers could concentrate on designing games for websites instead of spending time rewriting the basic building blocks. Unfortunately, Scott's site at www.javascript-games.org has been di
How To Make A Simple iPhone Game with Cocos2D 2.X Tutorial
Note from Ray: You guys voted for me to update this classic beginning Cocos2D tutorial series from Cocos2D 1.X to Cocos2D 2.X in the weekly tutorial vote, so your wish is my command! :] This tutorial series is now fully up-to-date for Cocos2D 2.X, Xcode 4.5, and has a ton of improvements such as Retina display and iPhone 4″ screen support. Here’s the pre Cocos2D 1.X version if you need it! Cocos2D
CSS button, 110 best!
Tired of turning upside down the internet and not finding what you’re looking for? Well, here we’re providing you the best of our CSS buttons search. Here you’ll find over 100 buttons, among pure CSS and image + CSS made. All of them great looking, with neat effects and really easy to include them in your code. Some people says there’s nothing new under the sun, however, we can always come up with
Web Insight Lab
Today we are going to share best framework to make easy web development and web design. Framework: – this is a software designed to support the development of a Websites, Web applications and Web services. Every framework perform different kind of works like : some provides library for database access, provides session management and some often helps to promote code reuse. Web development can be l
Designing CSS Buttons: Techniques and Resources — Smashing Magazine
Buttons, whatever their purpose, are important design elements. They could be the end point of a Web form or a call to action. Designers have many reasons to style buttons, including to make them more attractive and to enhance usability. One of the most important reasons, though, is that standard buttons can easily be missed by users because they often look similar to elements in their operating s
40 Online Generators for Web Designers Should Bookmark | Tripwire Magazine
40 Online Generators for Web Designers Should Bookmark by Dustin Betonio | Last updated Oct 19, 2016 | Tools | 122 comments Online Generators for Web Designers can be a great way to save time in your web design projects. High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Online generator are
PixaTool by Kronbits
** Test DEMO and read the Limitations List before buy ** | Windows Only You can use PixaTool to get 8bit / Pixel style images / sprites or videos, optimize your PixelArt or game assets just adding some cool effects. Works as a PixelArt converter or PixelArt conversion tool. Conversion example with PixaTool Animated explosion (Click on the image to open a new window and check in full resolution) R
GitHub - jondot/awesome-react-native: Awesome React Native components, news, tools, and learning material!
Awesome React Native is an awesome style list that curates the best React Native libraries, tools, tutorials, articles and more. PRs are welcome! Don't miss out! Subscribe to our weekly newsletter Sponsors Never leave your command line for secrets Teller is an OSS and FREE productivity secret manager for developers made by SpectralOps, supporting cloud-native apps and multiple cloud providers. Mix
Sometimes you should ask yourself, why you need to do the same thing everyday when there’s a new bridge to shorten the path. Think of web frameworks as bridges that will help you code faster and easier. Did you notice I didn’t include the word “better” in the last sentence? Faster and easier doesn’t always mean better, but we will get to that later. First things first, so what is a framework reall
「Death to Icon Fonts（アイコンフォントに死を） 」というSeren D さんのスライドプレゼンテーションで、アイコンフォントではディスレクシア向けのフォントで問題が起こるし、他にも課題があるので使用は控えたほうが良いですよ、ということを訴えています。A List Apartブログ で紹介されていて気になったので、どんな問題が起こるのか確認してみました。 どんな問題が起こるのか 「Death to Icon Fonts 」では、ディスレクシア（日本では失読症、難読症、読字障害などと呼ばれている）向けに作られたフォント「OpenDyslexic 」で問題が起こることが紹介されていて、アイコンフォントにはその他にもアクセシビリティ上の問題がいくつかあるため、使わないほうが良いと勧めています。 これはフォントを強制的にOpenDyslexicなどのディスレクシア対応のもので表示
グリッドレイアウトーUltimate Guide To Grid-Based Web Design: Techniques and Tools - Noupe
Ultimate Guide To Grid-Based Web Design: Techniques and Tools Grid-based layouts are generally more aesthetically pleasing and balanced than those not based on grids. While there are definitely great designs out there that don't use a grid-based layout, they are more difficult to create and often end up falling into some sort of loose grid structure anyway. So why not just design based on a grid i
There are many ways to use SVG icons in HTML and CSS, and I haven’t tried them all. This is how we do it in our small front-end team at Kaliop. It works well for our needs, which include: Content and communication websites, often based on big CMSes, rather than full-JS web apps. Icons which are often simple, single-color icons (each potentially used in several different colors depending on context
Now available at Steam and itch.io! DOWNLOAD DWARF FORTRESS CLASSIC 50.12 (March 6, 2024) Windows Linux All Versions Current Development: RSS Feed, Release Feed, @Bay12Games 03/06/2024 Released Dwarf Fortress 50.12 02/23/2024 The forum appears to have crashed badly - I have a support ticket open, no ETA on return. I have several recent backups so it shouldn't be catastrophic. Here's a recent demo
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今使っているブックマークレットまとめ（2009更新版） - WEBデザイン BLOG
自己流WordPressの高速化TIPSまとめ | とりさんのソフト屋さん
サンプルソース | Web制作者のためのSassの教科書 - 公式サポートサイト
Fullscreen Slideshow with HTML5 Audio and jQuery | Codrops
Adrian Parr’s Blog » Blog Archive » AS3 Code Libraries
ペルソナで痛Firefox - たたいてもなにもでません
Introduction to HTTP/2 | Articles | web.dev
1つのSVGスプライト画像をCSS背景画像とインラインHTMLの両方で読み込む方法
Linea Icons :20+ Best Sites for Free Icons
HTTP/2 for the Web Developer
Presentation: The Future of HTML5 and Web Technologies
Web Frameworks: Pros And Cons Of Using Frameworks
アイコンフォントとアクセシビリティ： ディスレクシア（失読症）向けフォントでの表示問題について
How to work with SVG icons
Bay 12 Games: Dwarf Fortress