iPhone/iPad/iPad mini用メディアクエリ一覧 | ENTEREAL/エンタリアル
Blog Posts List ブログ記事一覧 検索 CakePHP3を始めた方に CakePHP 3.X 2016年01月16日(土) 14時23分 2つの住所から距離を計算する API 2015年12月18日(金) 10時23分 「:target」セレクタについて CSS 2015年12月12日(土) 12時23分 外部サイトからの画像への直リンクを防ぐ Apache 2015年12月04日(金) 12時23分 CSS3だけで作るブラウザタブ CSS 2015年11月17日(火) 21時23分 CSS3だけで作るパンくずに関する件 CSS 2015年11月12日(木) 12時23分 Bootstrap4のブレイクポイント計算機 Bootstrap 2015年11月11日(水) 19時23分 Bootstrap4のブレイクポイントに関する件 Bootstrap 2015年11月11日(水
Tartan Designer - Tartan Maker - Tartan Background pattern generator
Warning: Undefined array key "page" in /home/mhd-01/www.tartanmaker.com/htdocs/modules/functions.php on line 5 Fatal error: Uncaught Error: Undefined constant "INACTIVE_USER" in /home/mhd-01/www.tartanmaker.com/htdocs/modules/authentication.php:5 Stack trace: #0 /home/mhd-01/www.tartanmaker.com/htdocs/sg_require.php(9): require_once() #1 /home/mhd-01/www.tartanmaker.com/htdocs/modules/user.php(5):
斜め線の背景を10秒で作れる斜め線背景ジェネレータ
斜め線ジェネレータ http://www.stripegenerator.com/ かなり昔からお世話になっている背景ジェネレータです。 Illustratorやphotoshopなどで斜め線の画像を作成する方法はいくつか紹介されていますが、自分で作るとかなり時間がかかる！ これを使えば特殊な斜め線の背景も簡単に作成出来るのでかなりお勧めです！ stripe generatorの使い方 たぶんわかると思いますが項目を翻訳しました！ stripe size(縞のサイズ) シマのサイズを変えれます。 spacing(スペース) シマの間のサイズを変えれます。 stripe color(s)(縞の色) シマの色を変えれます。 background style(背景のスタイル) デフォルトだと単色ですが、幅指定できるグラデーションをつけることもできます。 shadow（影） デフォルトだと無し。影
CSS3のみで斜線ボーダーの背景装飾を実装してみる | helog
10px程度の斜線の画像を用意し、それを背景に繰り返し表示してボーダー装飾しているサイトをよく見かけます。 今回、それを画像を用いずにCSS3だけで実現してみます。 まず、線形グラデーションを使ってラインを引きます。 25%、50%、75%のポイントで黒、白の両方を指定することで、グラデーションの境界を切り替えます。 クロスブラウザ対策で「-webkit-gradient」と「-moz-linear-gradient」を指定すると、CSSは以下のようになります。 background: -webkit-gradient(linear, left top, right top, from(black), color-stop(0.25, black), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, bl
ツバメヤWEBデザインメモ» Blog Archive » 細かな背景のCSSを作ってくれる嬉しいサービスPATTERNIFYをつかってみた。
よく見かける背景にうっすらと表示された細かな斜線やドットを簡単に作成してくれる [PATTERNIFY]というWEBサービスを教えてもらいました。 今日はそのサービスについてご紹介したいと思います。 これがPATTERNIFYのページだ！ 至ってシンプルなページですがこれがこんなに便利だなんて・・・！ 簡単な使用方法。 colorの部分から好きな色を選んで、マス目をポチポチするだけ！ 右上にプレビューが表示されるのでどんな感じになったかイメージしやすく、 さらにCSSも吐き出してくれるので、コピーしてCSSファイルにペーストするだけ！ CSSが使えない場合は、pngとして保存もできるのがうれしい！ ためしにいくつか作ってみました。 ブルーのボーダー。（これだけみるとなんかチカチカする・・・） ▼CSSはこちら▼ background:url(data:image/png;ba
スクロールしよう。iPhone 5sのページを再現·jQuery One Page Scroll MOONGIFT
jQuery One Page ScrollはjQuery/JavaScript製のソフトウェアです。 ここ最近スクロールを上手に使って効果的な見せ方をするサイトが増えています。その一つがiPhone 5sの商品紹介ページです。その表示を真似したソフトウェアがjQuery One Page Scrollです。 トップページです。iPhone 5s風のイラストですね。 ちょっとスクロールしようとすると一気に2つ目のスライドまで滑っていきます。 さらにその下まで。3つのスライドがスクロールで切り替えられます。 ウィンドウ幅を縮めてもいい感じに表示できます。 使い方は簡単で、sectionタグごとにコンテンツを記述します。後はjQuery One Page Scrollを読み込んで$(".main").onepage_scroll()のようにメソッドを実行すれば良いだけです。 Webデザインは模
JavaScriptでUserAgentによるブラウザ判定「if.useragent.js」v0.9 | みやなび
カテゴリ：WEB技術, フリー（プログラム） タグ：CSS, JavaScript, スマートフォン 閲覧数： 25,272 views 公開日：2013年3月1日 最終更新日：2016年5月25日 昨今はクロスブラウザ対応が非常に多く求められますので、もうユーザーエージェントで条件分岐やっちゃおうかー と進めていたJavaScriptの動作が検証できました。 ダウンロード if.useragent.js v0.9 uaNameでブラウザタイプが、ios_verでiOSのバージョンが取れます。CSS側で制御する場合の例ですと、htmlにクラス付与したりがよくあるパターン。
Cocoaの日々: 画像を横に並べたスクロールビューアの作成 [5] 自動スクロール
iOS/iPhone/iPad/MacOSX プログラミング, Objective-C, Cocoaなど 自動スクロールとはユーザの操作を待たずに勝手にスクロールすること。 02 ユーザが指でドラッグすると自動スクロールは一旦中止され、ドラッグが終わってからしばらくすると再開する。 実装 自動スクロールさせるには NSTimer を使って一定間隔で UIScrollView をスクロールさせればよい。UIScrollView の contentOffset プロパティを変更するとスクロールが発生するのでこれを NSTimer発火時に変更する。発火間隔は 0.05秒とした。この位が見た目ちょうどいい。 - (void)timerDidFire:(NSTimer*)timer { if (autoScrollStopped_) { return; } CGPoint p = self.scro
![Cocoaの日々: 画像を横に並べたスクロールビューアの作成 [5] 自動スクロール](https://cdn-ak-scissors.b.st-hatena.com/image/square/f8d857cd560a332cc8cab4850de593eb282bcba0/height=288;version=1;width=512/https%3A%2F%2F2.bp.blogspot.com%2F-lVw0cacOsSg%2FWsqkmhihiGI%2FAAAAAAAAQAo%2FgKN8M7eC5Lk4tehlzyXwWBaRRCxh8wbjwCLcBGAs%2Fs320%2Fcoco-top.png)
【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ
【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業：株式会社ニーロク（http://i26.jp/）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Set/Get Cookie using PHP and JavaScript
Method Draw Vector Editor
Josefin Sans - Google Fonts
ふるさとチョイス