[B! JavaScript][PHP] oki448jpのブックマーク

oki448jp id:oki448jp

JavaScriptとPHPに関するoki448jpのブックマーク (9)

CodeZen – Zenify your Source Code
Simple designs or Pro. Pika has got you covered.Create something as basic as a screenshot with a browser frame or as complex as a marketing image with text, shapes and patterns. Pika gives you all screenshot editing options you'll need
oki448jp 2018/10/22
プレゼンテーションスライド用にコードを色付きで画像に変換するサービス「CodeZen」

Programming

JavaScript

Business

CSS

Ruby

Sass

(X)HTML

Python

PHP
リンク
regex101: build, test, and debug regex
An explanation of your regex will be automatically generated as you type.
oki448jp 2017/03/27
さまざまな言語の正規表現チェックができる

JavaScript

Programming

PHP

Python
リンク
[jQuery/Javascript][HTML5/CSS3]CreateJS(EaselJS)によるコラ画像ジェネレータをあっという間に作成する方法 | Wood-Roots:blog
Twitterでコラ画像が流行すると、大体数日で○○の画像ジェネレータみたいなものがリリースされます。この画像ジェネレータ系のサービスはGDかImageMagickを使っているのかと思っていましたが、最近はcanvasでつくられているようです。私もこういうものを作ってみたいと思っていたので、ちょっと調べて簡単な画像ジェネレータを作ってみました。 canvasを扱う場合はCreateJSを使うのが便利なようです。今回はアニメーションの処理はないため、CreateJSの中のEaselJSのみを使用しました。
oki448jp 2014/04/13
CreateJS(EaselJS)によるコラ画像ジェネレータをあっという間に作成する方法

CreateJS

JavaScript

Programming

PHP

Service
リンク
複数言語が入り交じったファイルのシンタックスハイライト(PHP内のJavaScriptなど) | Post Blog
時々一つのファイルに複数のプログラミング言語を書かなければいけないことがあります。1つや2つの小さなコードブロックであれば言語インジェクションを使うことをおすすめします。では別の言語がたくさんある場合はどうしたらいいでしょう？たとえばJavaScriptやCSSファイル内でPHPの変数や関数を呼び出している場合、どうやって言語別のシンタックスハイライトやコード補完、インスペクションを働かせればいでしょうか？こういった場合にぴったりなのがTemplate Data Languageです。このブログエントリで紹介する機能はIntelliJ IDEA、PyCharm、WebStorm、PhpStorm、RubyMine、AppCodeでご利用いただけます。例えばPhpStormにファイル、フォルダ、またはプロジェクト全体という単位で複数の言語を扱うよう設定できます。以下の例ではJavaSc
oki448jp 2013/11/28
複数言語が入り交じったファイルのシンタックスハイライト(PHP内のJavaScriptなど)

Programming

Software

JavaScript

PHP

CSS
リンク
改めて最強のJavaScript IDE 「WebStorm」についてまとめてみた(改訂版)
WebStormはHTML(5)+CSS+JavaScript等をメインに扱う、Windows, Mac OS X、Linuxのクロスプラットフォームに対応したIDEです。これを読む前に以下の文章を見ておく必要があります最強のJavaScript IDE 「WebStorm」を使ってみた | Web scratch この記事はWebStorm1.0の頃にかかれたものです。横浜JSTDDハンズオンでWebStormについて発表してきた | Web scratch WebStorm指南書この記事はWebStorm 4.0 EAPの時に書かれたものですこの記事は、WebStorm 1.0 から WebStorm 5.0までの変更や追加機能等を最強のJavaScript IDE 「WebStorm」を使ってみたをベースにまとめたものです。購入方法既に購入済みな方などは飛ばして大丈夫で
oki448jp 2012/09/10
WebStormについてまとめ

Programming

Software

JavaScript

Ruby

PHP
リンク
ウェブサイトのRetina化 | drops - onotakehiko.com
iPhone 4からはじまり新しいiPadことiPad 3rd、そしてもはや確定的とも思われる次期MacBook ProのRetina化。現状でウェブサイトをRetina化する効率的な方法を考えると、 “Retina Images” を使うのが最適解な気がしている。 Retina画像を対応端末に表示させる場合、 imgタグによる設置 <img src="foo@2x.png" width="100" height="100" alt="bar"> background-imageによる設置方法 <style> #foo { width: 100px; height: 100px; background: url(bar.png) no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { #foo
oki448jp 2012/06/03
Retina Imagesを使って「ウェブサイトのRetina化」

Mobile

(X)HTML

PHP

JavaScript

CSS
リンク
Sign PDF Documents | DocHub
oki448jp 2012/01/03
インクリメンタルサーチできるCSSリファレンス

CSS
リンク
Facebookソーシャルプラグインのロード時間を短縮する
Facebookの開発者ブログに、ソーシャルプラグインのパフォーマンス最適化についての記事が掲載されていましたので、本エントリーで紹介します。 How-To: Optimize Social Plugin Performance 「いいね!」ボタンやコメントボックスのソースコードを、ブログなどにそのまま貼りつけている方は、このエントリーで紹介しているものに書き換えればページの表示時間が短縮されるかもしれません。パフォーマンスの最適化には、次の2つのベストプラクティスがあります。１．channelUrlパラメータを追加する FB.initに、青色で示すchannelUrlパラメータを設定します。 <div id="fb-root"></div> <script src="//connect.facebook.net/ja_JP/all.js"></script> <script> FB.
oki448jp 2011/09/29
Facebookソーシャルプラグインのロード時間を短縮

JavaScript

PHP

Programming

Service
リンク
ReJax - Easiest Regular Expression Tester. Ever.
Have a pattern you want to test? Give it a shot. ReJax does one thing and one thing well: pattern testing. Updated June 27th, 2007 ReJax has been down for a while, but is back up now. Sorry for the trouble :) Supported languages: JavaScript PHP 5 PCRE PHP 5 POSIX Ruby - BETA!! PERL 5 UNIX Shell Pattern It is not necessary to enter the beginning and ending slashes in the pattern field. Not all modi
oki448jp 2007/08/06
Ajaxで正規表現のチェック

Ajax

JavaScript

Perl

PHP

Service
リンク
1