これは罠。PHPでiPhone端末にPUSH通知を送る際の落とし穴 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
段田です。 最近、PHPからiphone端末にPUSH通知を送る機能の開発に携わりました。PHPでプログラムを実装する場合、フルスクラッチとライブラリを使用するケースがあるのですが、各ケースでのポイントを忘れないよう書きたいと思います。 なおPUSH通知の概要、証明証の作成については省略します。概要などは下記の記事がわかりやすく、参考になりました。 Apple Push Notification サービス(APNs) の実装方法 iPhoneプッシュ通知まとめ フルスクラッチのケース フルスクラッチでやる場合、こちらのはてなの記事が参考になりました。 https://irss.hatenablog.com/entry/20111026/1319632548 しかし、試しに作成すると送信はできるのですが、下記の様な制約があることを知ります。 1つのメッセージで256バイトを超えてはいけない
99 Powerful New CSS- and JavaScript Techniques — Smashing Magazine
With CSS3, some of the older techniques now have become obsolete, others have established themselves as standards, and many techniques are still in the “crazy experimentation” stage. Since the release of the previous post, we’ve been collecting, sorting, filtering and preparing a compact overview of powerful new CSS techniques. Today we finally present some of these techniques. Use them right away
Key Principles of Maintainable JavaScript | Envato Tuts+
JavaScript is a curious language. It's easy to write, but difficult to master. By the end of this article, hopefully, you'll transform your spaghetti code into a five-course meal, full of readable, maintainable yumminess! Why is it So Tough? The thing to remember, above all else when writing JS code, is that it's a dynamic language. This means there are a lot of ways to do things. You don't have t
CSS-Only Responsive Layout with Smooth Transitions | Codrops
A tutorial on how to create a 100% width and height smooth scrolling layout with CSS only. Using a radio button navigation and sibling combinators we will trigger transitions to the respective content panels, creating a “smooth scrolling” effect. In this tutorial we will create a responsive 100% width/height layout with some smooth page transitions. The idea is to have some content panels and a na
ノスタルジックで有機的な入力コンポーネント·iOS Filter Control MOONGIFT
iOS Filter Controlはピンを動かすような入力コントロールを提供します。 iOSにはデフォルトで高機能なコンポーネントが多数提供されています。とは言えそれをそのまま使っているだけでは格好いいアプリが作れません。選択するようなUIに対してiOS Filter Controlを使ってみるのはいかがでしょう。 メイン画面です。ちょっと特殊なコントロールです。 中間に移動するとぴったりはまる場所に自動で移動します。 公式のデモ動画。動きがスムーズです。 筆者のデモ動画です。ちょっと動きが有機的なのがいい感じです。 iOS Filter Controlはピンを刺すような入力ができるようになっており、ちょっとノスタルジックで面白い入力ができます。ナショナルジオグラフィックスのパークガイドにインスパイアされているとのことで、確かにそういったネイチャー系アプリにぴったりなUIと言えそうです。
画像をクライアントサイドだけでクールに変身·SeuratJS MOONGIFT
SeuratJSは画像をピクセルアートに変換するRaphaëlプラグインです。 従来Webサイトにおいて画像は表示して終わりでしたが、HTML5/Canvasの登場によってクライアントサイドでも編集できるようになってきました。そこで紹介したいのがSeuratJSです。画像をモザイクなどのピクセルアートに変換します。 元の写真です（右側）。 じゃじゃーん。丸と四角のモザイクになりました。 こちらも元画像。 アニメーションもつけられます。 こんな画像も… 面白い！ デモです。アニメーションをお楽しみください。 SeuratJSの面白さはサーバサイドの仕組みを使っていない点にあるでしょう。複雑なアニメーションを式だけで実現したり、ステップ数の指定もできます。Webサイトのトップなどで使ったりすると効果的かも知れません。 SeuratJSはJavaScript製、MIT LicenseまたはGPL
これは面白い。JavaScriptやDOM指定が使えるサイトキャプチャ·capturejs MOONGIFT
capturejsはnode.jsを使ったWebサイトのスクリーンショット取得ツールです。JavaScriptを使って一部の変更ができます。 Webサイトのキャプチャツールは人気がありますが、capturejsはとても面白いツールです。まるごと画像化するだけでなく、DOMセレクタを使ったりJavaScriptを使ってコンテンツを改変した上で画像化できます。 まずセレクタを使った例です。 ヘッダー部分だけ画像化できています。 次はロゴをhiddenにした場合。確かに画像が消えています。 オプションとしてユーザエージェントを指定したり、Cookieファイルの指定、タイムアウト時間の指定、ViewPortの設定もできるようになっています。コンテンツの一部だけを画像化したいといったニーズにぴったりなソフトウェアです。 capturejsはnode.js/JavaScript製、MIT Licens
課題管理、PDF出力に対応した請求書管理·NeoInvoice MOONGIFT
NeoInvoiceはWebベースの請求書作成、管理ソフトウェアです。 ビジネスは相手となる個人または企業があってはじめて成立します。そこで必要になるのが請求書です。NeoInvoiceはまさにそのための請求書管理サービスでしたが、サービスはクローズしコードはオープンソース化されました。 トップページです。 ログインしました。 クイックスタートガイドです。 クライアントを追加します。 次に請求書を作成します。 作成しました。 チケットを作成します。 仕事種別のマスタです。 メニューも充実しています。 デモ動画です。 主な機能はタイムトラッキング、課題管理、帳票のPDF出力、ユーザ権限管理、OSX向けのウィジェットといった機能があります。 NeoInvoiceはPHP製のオープンソース・ソフトウェア（GPL/BSD License）です。 MOONGIFTはこう見る NeoInvoiceは元
クライアントサイドのJavaScriptパッケージ管理·Jam MOONGIFT
JamはWebブラウザ用JavaScriptのライブラリマネージャです。 素のJavaScriptを用いず、jQueryやMootoolsなどのフレームワークをベースに利用することが増えてきました。そうなるとライブラリのバージョン管理やセットアップを手軽にできるソフトウェアが必要になるでしょう。そこで使ってみたいのがJamです。 インストールです。npmを使って簡単にインストールできます。 例としてjQueryをインストールします。 こんな感じに配置されます。 インストールされているライブラリを一覧できます。 compileを使えば利用しているライブラリ全体を一つのJavaScriptファイルに変換できます。 使い方です。requireを使って読み込めます。 JamではjQuery、underscore、backbone、sha1など大小さまざまなライブラリが登録されています。バージョン管
Creating a Flat-File Blog Engine Using Slim | Envato Tuts+
In this article, we will learn how to create a flat file blog engine in PHP using the Slim framework. If you don't understand the jargon, don't worry. We're simply going to create a spartan blogging application, which utilizes text files instead of a database to store data. If you're a beginner, fret not! We will start with the basics of using Slim. Let's get started after the jump! Introduction S
Screen Scraping with Node.js | Envato Tuts+
You may have used NodeJS as a web server, but did you know that you can also use it for web scraping? In this tutorial, we'll review how to scrape static web pages - and those pesky ones with dynamic content - with the help of NodeJS and a few helpful NPM modules. A Bit About Web Scraping Web scraping has always had a negative connotation in the world of web development - and for good reason. In m
CSS3 Fade slider - DZone
Today I would like to show you how to create nice and smooth css3 slider. It uses fade effect to switch between slides. Plus, you can use custom promo text for each slide. We will use basic UL-LI unordered list to make this slider. We don’t need to click anywhere to switch slides – everything is automatically (css3 animation). Live Demodownload resultSo, lets start Step 1. HTMLHtml markup is very
NVD3.js :: re-usable charts for d3.js
This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizeable, staying away from your standard cookie cutter solutions. View more examples »
Simple Drop Down Menu with Jquery and CSS
This post is very basic level Jquery and CSS implementation. I want to explain how to design simple drop down menu with CSS, HTML and Jquery. This system helps you to minimise the menus list. Just take a quick look at this post very few lines of code, use it and enrich your web projects. <div class="dropdown"> <a class="account" >My Account</a> <div class="submenu"> <ul class="root"> <li ><a href
jQuery Shadow Plugin
$('.box.sides-vt-1') .shadow({type:'sides', sides:'vt-1'});
Bootstrap List Styles with CSS3: Exploring
In the realm of web design, lists are fundamental for organizing content. Bootstrap, a popular front-end framework, offers powerful tools for creating and styling lists. In this article, we’ll dive into the world of Bootstrap list styles enhanced with CSS3. We’ll explore various techniques to make your lists more visually appealing and engaging. The Bootstrap List Foundation Bootstrap provides a s
Crafting Minimal Circular 3D Buttons with CSS | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. The following post is written by Brandon Pierce. Brandon saw some nicely designed buttons by Wouter on Dribbble and set about building them with CSS. They came out nicely and he agreed to post about the process here. Here’s what we are going to make in this tutorial: View De
iMessage Meなリンクを作るためのPHPコード:phpspot開発日誌
How To Create An 'iMessage Me' Link For Your Personal Website | Redmond Pie iMessage Meなリンクを作るためのPHPコード imessageのメールアドレスを設定してmailtoの代わりにimessageやsmsといったプロトコル指定を使うことでMail me ならぬiMessage Meをページ内のリンクにおけるそうです。 メールは確認まで時間がかかるので、即時に連絡を確認したいというような場合に使えるのかも 今後もっとスマートフォン等とのWEBページ連携方法が盛んになりそうです 関連エントリ これは注目！様々なタイプのCAPTCHAが作れるPHPライブラリ「Securimage PHP CAPTCHA」
PHP Database Access: Are You Doing It Correctly? | Envato Tuts+
We've covered PHP's PDO API a couple of times here on Nettuts+, but, generally, those articles focused more on the theory, and less on the application. This article will fix that! To put it plainly, if you're still using PHP's old mysql API to connect to your databases, read on! What? It's possible that, at this point, the only thought in your mind is, "What the heck is PDO?" Well, it's one of PHP
How to Create a Resumable Video Uploader in Node.js | Envato Tuts+
If you've ever uploaded a large video file, then you know this feeling: you're 90% done, and accidentally refresh the page—having to start all over again. In this tutorial, I'll demonstrate how to make a video uploader for your site that can resume an interrupted upload and generate a thumbnail upon completion. Intro To make this uploader resumable, the server needs to keep track of how much a fil
画像などコンテンツ要素をランダムでフェードインさせることができるjQueryプラグイン「champagne.js」｜BLACKFLAG
画像の一覧など画面上にコンテンツ要素をたくさん並べられたWebページでは ページのロード時に順々に要素を読み込んでアニメーション表示したり 見せ方を変えることで様々な印象を与えているWebサイトをよく見かけます。 そういったコンテンツ要素が一覧で並べられたページで 要素を簡単にランダムでフェードアニメーション表示させることができる jQueryプラグイン「champagne.js」がとても便利そうだったのでご紹介。 champagne.js | fresh tilled soil champagne.js | fresh tilled soil 使い方もとても簡単で、 まずHTML側ではベースとなるコンテンツ要素に 任意のクラス（「.champagne」とします）をつけて、 ランダムで表示させたい各要素を並べます。 <ul class="champagne"> <li><img src="
Gitで特定のコミットを指定する108の方法 | Webシステム開発／教育ソリューションのタイムインターメディア
Git を使用していると特定のコミットを指定したいことが多々あります。 例えば: コミットされる内容を確認したり(git diff)、コミットされた内容を確認したり(git show)、pull request された内容を確認したり(git log -p)、アレやコレを元に戻したり(git reset 等)コミットの順序を入れ替えたり(git rebase -i 等)1つのコミットを複数のコミットに分割したり(git rebase -i 等) 等々です。 この時、一番確実なのは git log でコミットのIDを調べて、そのIDで指定することです。 ただ、これは確実ではあるものの、40文字もの英数字の羅列をコピーするのは面倒です。 どうにかして簡単に指定できないものでしょうか。 現在のブランチの最新のコミットを指定する HEAD で指定できます。 これ単品だと面白くありませんが、他の記法
『redis、それは危険なほどのスピード』
どうも、プラットフォームDivでエンジニアをやっている Wataru です。 最近３人目の子供が産まれて、産後自宅勤務をさせてくれた弊社はとてもいい会社だと思います。出産予定のあるエンジニアのかたは是非弊社に転職を。 さて、今回はRedisの紹介をさせて頂きたいと思います。 Redisってすごくマイナーなわけではないのですが、めちゃくちゃ便利なのにあまり注目されていないなーという印象があるので、これを機会に是非使ってみてもらえると嬉しいです。 Redisって何？Redisとは「remote dictionary server」から名前が付けられたオープンソースのkey-valueデータストアです。 MemcacheDB等のKVSとの最大の違いは、格納するバリューがデータ構造というところです。 つまり、リスト・セット・ハッシュなどのデータ構造で格納できるのでバリューに対してアトミックな操作が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firefox Marketplace Animated Buttons
html5-memo.com
NameBright - Coming Soon
NameBright - Coming Soon
Twitter Bootstrap 101: The Carousel
GitHub - daneden/Baseline.js: A simple jQuery plugin for restoring vertical baselines thrown off by odd image sizes
Design Patterns in Java | Envato Tuts+