山ガール必見！22個の便利ツールがひとつになったiPhoneケース「TaskOne」 - isuta（イスタ） -私の“好き”にウソをつかない。-女性のiPhoneライフを楽しく便利にする情報を毎日発信しています♩ Instagramで、加工アプリの紹介中！ twitter @isuta_iphone instagram @isuta_editor
好みのチェックボックスのデザインが簡単に作れる「CSS Checkbox」:phpspot開発日誌
CSS Checkbox | Cross Browser CSS Checkbox Generator | Free Checkbox CSS 好みのチェックボックスのデザインが簡単に作れる「CSS Checkbox」。 豊富なピュアCSSでデザインされたチェックボックスを選んでダウンロードが可能です。 必要なものだけど選んで、HTMLとCSSをコピペで使えるようになっているみたいです。 クロスブラウザかつ、ピュアCSSということでとても使いやすそうです ちょっとオシャレなチェックボックスにしたい、という場合は参考にできそう 画像はこのサービスのサーバを直指定しているようなので、トラフィックの大きなサイトでは予め画像をダウンロードして使うとよいでしょう。 関連エントリ チェックボックス、ラジオボタンをクールにデザインできるjQueryプラグイン「iCheck.js」
ページ上で独自の右クリックメニューを作れるjQueryプラグイン「contextMenu.js」:phpspot開発日誌
contextMenu.js ページ上で独自の右クリックメニューを作れるjQueryプラグイン「contextMenu.js」 指定した要素をクリックしたり、ページ上で右クリックした際のコンテキストメニューを簡単に作れるjQueryプラグインです。 もちろん、メニューをクリックした時の動作もJavaScriptで定義が可能 動的に右クリックメニューの有効・無効を切り替えたりすることも可能です 関連エントリ アニメーションスクロールをデフォルト化できるjQueryプラグイン「Scroll To」 タップ操作とクリックのイベントを統一できるjQueryプラグイン「jQuery Finger」 selectをカッコよくしてくれるjQueryプラグイン「Minimalect」 素早く簡単にGoogleマップを導入できるjQueryプラグイン「initmap.js」 LazyLoadを実現する1KB
フラット系デザインの参考にしたい webまとめサイト「Flat UI Design」
現在、主流となっているフラット系のwebデザイン。シンプルなだけに、色使いや全体のバランス、サイト全体の構成などが、とても重要な要素となってきます。今回はそんなフラット系デザインを制作する際の参考にしたいwebまとめサイト「Flat UI Design」を紹介したいと思います。 現在公開されている海外のwebサイトの中で、フラットデザインを取り入れたものが多数まとめられています。気になったサイトをピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■Applove 平面的なイラストをメインビジュアルとし、カラフルなカラーリングを取り入れることで、サイト全体から楽しい雰囲気が感じられるようなテイストに仕上がっています。 ■Digital Agency Sydney, Melbourne | Web Design Sydney, Melbourne 全体的にダークなトーンですが
シンプルすぎるモバイルファーストなタブ実装jQueryプラグイン「Tabby」:phpspot開発日誌
Tabby - Lightweight, mobile-first toggle tabs シンプルすぎるモバイルファーストなタブ実装jQueryプラグイン「Tabby」 次のようにボタンがあって、あって、ボタンを押すとコンテンツが切り替わるだけというシンプルな物が実装できます。 jQueryで自分で書くのも難しくなさそうですが、マークアップを書くだけで実装できるので非エンジニアな方には有用かも 実装用のマークアップ。マークアップがシンプルになりますね 関連エントリ タブ切り替え時のエフェクトがクールなタブUI実装jQueryプラグイン「Tabulous.js」 レスポンシブに使えるタブUI実装jQueryプラグイン「Easy-Responsive-Tabs-to-Accordion」
たくさんあるオープンソースライセンスのそれぞれの特徴のまとめ
GitHubが、どのオープンソースライセンスを選択すればよいのか指針となるサイトを公開したので、それぞれの特徴を翻訳してまとめてみました。 Choosing an OSS license Apache v2 License GPL v2 MIT License Mozilla Public License Version 2.0 LGPL v2.1 BSD (3-Clause) License Artistic License 2.0 GPL v3 LGPL v3 Affero GPL Public Domain (Unlicense) No License Eclipse Public License v1.0 BSD 2-Clause license 備考：各項目の補足説明 最後の「備考：各項目の補足説明」に各項目の補足となる説明をまとめました。 Apache v2 License ソ
CSS3による多層グラデーションを使った背景を作れるjQueryプラグイン・SHARDS
ちょっと面白かったので備忘録。CSS3で多層グラデーションの背景を手軽に作れる、というスクリプト。jQueryに依存します。レイヤーはランダムに組まれるみたいですね。 多層グラデーションな背景を作れる、というもの。用途は限られそうですけど、なかなか素敵な感じ。 こういう背景を色を指定してランダムに作成出来ます。 以下サンプルです。 Sample リロードする度に異なったグラデーションが作られます。 コード<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="shards.min.js"></script>本体とプラグインを読み込む・・・のですが、1.9だと動かないっぽい？ $('#foobar').shards( [239,199,222,.
【MySQL】日本語を使わないで日本語の検索をする at softelメモ
問題 日本語を含むSQLを実行したいんだけど、できない！ ssh端末で日本語が入力できない。 日本語が化ける。 文字コードが合わなくて通じない（ソースはUTF-8、データベースはEUC）。 答え MySQLだと、HEX関数、CHAR関数を使ったこんな手がある。 EUC-JPで「内藤さん」を探したいとき。 １、どこか日本語が通じるところで下ごしらえ select hex('内藤'); → C6E2C6A3 「内藤」のujisでの16進表現が確認できた。 下ごしらえはphpでやってもよい。 //EUC-JPのソースで var_dump(unpack('H*', '内藤')); //→ c6e2c6a3 ２、問題の環境でSQL実行 16進表現を元の文字列に戻したり（0xつける） select * from dtb_customer where name01 = char(0xC6E2C6A3);
[JS]テキストにSci-Fi styleのかっこいいアニメーションのエフェクトを与えるスクリプト -Text Effects
ランダムな文字を次々に表示し、一つのテキストを生成するSci-Fi styleのアニメーションのエフェクトを与えるjQueryのプラグインを紹介します。 Text Effects Text Effects -GitHub ※上記のアニメーションgifは軽量化のため、間引いてます。実際はもっと多くの文字列が高速に表示されます。 Text Effectsのデモ Text Effectsの使い方 Text Effectsのデモ テキストのエフェクトにはいくつかのバリエーションがあります。 上記のアニメーションgifのようなシンプルなエフェクトをはじめ、複数のテキストを使ってループで表示したり、逆からテキストを生成するリバースなどがあります。 Text Effectsの使い方 使い方は非常に簡単です。 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。
Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ こんにちは、デザイナーの王です。 今回の記事では、ChromeのDevTools（デベロッパーツール）について、「多分、周知されていないけど、使わないともったいない！」的な機能を紹介させて頂きたいと思います。 フロントエンジニアにも、デザイナーにも、きっと効率アップに繋がる小技が見つかるはずです。 開発者なら「Chrome Canary」を使おう！ みなさんはChrome Canaryを使っているんでしょうか？一般向けにリリースされている安定版であるChromeより、ほぼ毎日アップデートしている「Canary」ビルトを選ぶ理由があります。 それは、開発者向けの新機能がいち早く利用できるからです！リリースがノロノロしているChromeを使ってたら、いつまでも最新の便利な機能の恩恵が受けられ
CSS3で縫い目風のデザインを作る / ウェブデザインライブラリー
投稿日：2013年7月25日 ソフトウェア：CSS3 このチュートリアルではCSS3で縫い目風のデザインを作る方法について紹介します。 Step1 ： はじめに Step2 ： CSS3 Step3 ： 完成 デザインの世界では、要素をより減らし、効果をより増やすことが重要になります。 要素が多すぎると、ぐちゃぐちゃになってしまいますし、逆に少なすぎると90年代のような古臭い印象を与えてしまいます。 幸せなことに、ウェブデザインには、CSS3という素晴らしい武器があります。 CSS3を使えば、ページやページ内のコンテンツにポップさが加わります。 そして、サイトをごちゃごちゃさせることなく、一部分を際立たせたりきれいに見せることができるようになります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
さまざまな用途にロイヤリティフリーで使用できるロングシャドウスタイルのファイルタイプ用のアイコン素材 -Web Icon Sets
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
NHK クローズアップ現代