『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
เว็บสล็อตโรม่า joker123 เป็นทางเลือกที่น่าเชื่อถือสำหรับผู้เล่นที่ต้องการความมั่นใจในการเดิมพันออนไลน์ ด้วยระบบความปลอดภัยระดับสูงและการตรวจสอบอย่างเข้มงวด คุณสามารถวางใจได้ว่าทุกการเล่นของคุณจะเป็นไปอย่างยุติธรรมและโปร่งใส เว็บไซต์นี้ได้รับการรับรองจากหน่วยงานที่เกี่ยวข้อง ทำให้คุณหมดกังวลเรื่องการโกงได้อย่างสิ้นเชิง เว็บสล็อตโรม่า joker123 สล็อตโรม่า นอกจากนี้ ทีมงานมืออาชีพพร้อมให้บริการตลอด 24
スマートフォンやタブレットが増えるのに伴ってWebの世界ではレスポンシブなデザインが求められるようになってきました。単に各デバイスに向けて最適化するだけでなく、情報の整理も大事な要件になっています。 今回はWebサイトをレスポンシブにする上での面白いソフトウェア、GreedyNavを紹介します。このアイディアはなかなかイケてますよ。 GreedyNavの使い方 GreedyNavを適用しているサイトです。上のメニューに注目です。 幅を狭めました。 さらに狭めました。 縮んだ分はクリックすると出てきます。 GreedyNavは画面の幅によってメニューを出す個数を可変できるのがポイントです。つまり左側から大事なメニューを並べていくことで、スマートフォンやタブレットでも操作性を損なうことなく使えるようになります。 GreedyNavはHTML5/JavaScript製、MIT Licenseのオ
Rin 4 というのを作った。 Rin 4 - A lean, gulp-based HTML and SASS boilerplate by sanographixRin 4 は「ペライチのWebページをすばやく作り始められるboilerplate」である Rin3.0 をアップデートしたもの。 Rin は、僕が普段 web サイト制作時に使っているフレームワークというかBoilerplate的なやつです。CSS の汎用コンポーネントをできるだけ持たないフレームワークを目指していて（ペライチとかだと結局各サイトでデザインの要件が大きく異なる場合が多いため）、環境構築だけ gulp ですばやく行うことに特化してつくっている。 バージョン4の新機能Rin 4 では、複数ページが素早くつくれるようになった。今までペライチのサイトばかり作っていたんだけど、そうでなく複数ページ作るときも使えるよう
コンテンツの邪魔にならず操作も快適な画像拡大、スクロールすると一旦ヘッダが隠れるけど上にスクロールすると出現、サーチアイコンをクリックするとにょい～ん伸びて検索ボックスになるなど、ユーザビリティ・アクセシビリティに配慮され、タッチデバイスやレスポンシブ対応にも一役買う優れもののスクリプトを紹介します。
スクロールするとヘッダがアニメーションで移動したり、コンテンツが次々とスライドして表示されたり、ページのロード時にふわっと表示したりなど、スクロール、ロード、クリック、ホバー、フォーカスなどのさまざまなイベントをトリガーにCSS3アニメーションを適用できるスクリプトを紹介します。 jQueryなどの他のスクリプトは不要です。 AniJS -CodePen こちらのデモでは、ロード時にぶらぶら揺れて表示し、ヘッダのクリック、フッタのクリックにもアニメーションが仕込まれています。 AniJSの使い方 Step 1: 外部ファイル 当スクリプトを</body>の上、アニメーション用のスタイルシート「animate.css」をhead内に記述します。 <head> ... <link rel="stylesheet" href="http://cdn.jsdelivr.net/animatecss
写真は見せ方がとても大事です。単純にタイル状に並べたのでは誰の目を引くこともできません。強弱をつけたり、アニメーションして表示させることで印象づけられるようになります。 今回はそんな写真コンテンツを一覧、拡大表示するzoomwall.jsを紹介します。大量の写真を使った素敵なコンテンツができるはずです。 zoomwall.jsの使い方 zoomwall.jsの初期表示です。写真がぴったり重なって表示されています。 写真をクリックするとズームして表示されます。次の写真、前の写真へはキーボードで切り替えられます。 実際に動かしてみたところです。 写真を隙間なく並べると大量の写真をぶちまけたようなインパクトがあります。スクロールしながら気に入った写真を細かく見て、さらに別な写真にいくと言った具合に多くの写真をまとめて楽しむのにぴったりではないでしょうか。 zoomwall.jsはJavaScri
最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。
jQueryTween - Lightest Tweening Engine for jQuery jQueryTween Welcome to jQueryTween - Lightest Tweening Engine for jQuery jQueryTween!! The Lightest Tweening Engine for jQuery This plugin is a bridge to tween.js and aims to drastically simplify your work. Each script does what it does best, for high performance hardware accelerated animations. Github Tween.js My Work Demo Developer Friendly Using
npm install @fullcalendar/angular import { Component } from '@angular/core' import { CalendarOptions } from '@fullcalendar/angular' @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { calendarOptions: CalendarOptions = { initialView: 'dayGridMonth', events: [ { title: 'event 1', date: '2019-04-01' }, { title: 'e
こんにちは、うっちーです。 先日、スマホ用サイトを作ってたのですが、パララックス効果を入れるのに四苦八苦したので、備忘録も兼ねてシェアしたいと思います。 Jqueryでパララックス 最初はJqueryを使って普通に作ってたんです。 こんな感じで。 ＜HTML＞
スマホサイトでもよく見かけるようになったモーダルウィンドウ！ お知らせや会員登録などを促すのに活躍していますね。 モーダルウィンドウは、クリックして開くパターンとアクセス時に表示するパターンがありますが、 クリックイベントパターンはよくあるので、 今回は、ページを開いた時、トップページで開くパターンで、 スマホサイトのみ表示するパターンをご紹介します！ アクセス時に開くモーダルウィンドウ 「layerBoard」というプラグインを使います。 デモサイトでどんな動きをするのか確認してください！ デモサイト ※スマホデバイスのみ対応しています。 デモサイト URL：https://liruu.com/demo/modal/ 設定方法 1）プラグインのダウンロード 2）設置します！ 3）ユーザーエージェント切り替えます！ 4）HTMLを記述します！ ※アンドロイド 1）プラグインのダウンロード
Googleが推奨するデザインのガイドライン「マテリアルデザイン」！ いろいろ思うところはあるものの、 Googleが発表したからには、何かしら出てくるんじゃないかと見張っていたら出ました！！ マテリアルデザインを取り入れたフレームワーク「Materialize」を見つけたので、作り方やコンポーネントも紹介します。 掘り出しモノスタンプを見つける「DIG Stamp」 LINEスタンプ宣伝ツール「LINEスタンプPRサービス」を始めました！ LINEスタンプの宣伝になりますので、ぜひ使ってください！！ マテリアルデザインを取り入れたフレームワーク「Materialize」 URL: http://materializecss.com/ 見た目も操作もBootstrapと酷似しているので、Bootstrapを触ったことがある方はすぐ使いこなせます！ ただし、しょーがないんですがIE用にいろい
@JUNP_Nです。ロゴを作成するのは想像以上に大変です。ざっくりとイメージだけ伝えて、デザイナーさんにお願いするというのも良いと思いますが、ざっくりとイメージだけ入力してロゴを作成してくれるWebサービスもあります。「Design Rails」はまさにそんなサービスです。 ざっくりとイメージを入力すると自動でロゴを作成してくれるWebサービスLogo Design - Design Rails 今回紹介するのは「イメージをざっくりと入力するとロゴを自動作成してくれる」というWebサービス「Design Rails」です。 「Logo Design - Design Rails」にアクセスし、まずは「SIMPLE」か「COMPLEX」かイメージを選択します。 続いて「CLASSIC」か「MODERN」かを選択。以下、このうようにイメージを選択していくことで、最終的にロゴを自動で作成してくれ
MediaElement.js Plugins Boost your player with Chromecast, Google Analytics and more Look good. Sound good. MediaElement.js is a blazingly fast and amazingly powerful HTML5 audio and video library that creates a unified feel for media files (MP4, MP3), streaming content (HLS, M(PEG)-DASH), and embeddable players like YouTube, Vimeo, Twitch, DailyMotion, Facebook, and SoundCloud.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く