ザウスの住宅プロデュースで家づくりを一から見なおしてみませんか?ザウス株式会社は、土地探し・資金計画・建築家や施工会社選び、完成後のアフターケアなど住宅を建てる各段階で建築主を全面的にサポートしています。ザウス株式会社は、ガレージのある家や中庭のある家、限られた土地での狭小住宅や変形地の住宅などもお客様が思い描く理想の住まいを実現します。 back to top
最近そうめんのレシピツイートがよくバズっているのを見かけるので、一覧にしてその日の気分で選びたいなと思いまとめました。
その昔…「marquee」というHTMLがありました。 このタグを使うと、さながら電光掲示板のように、流れるテキストを実装できたのですが。 このタグは「Internet Explorer」の独自要素で、現在は非推奨のタグです。 HTML5では廃止されゆくタグなのですが、流れるテキストはたまに要望があります。 JavaScriptでもありますけど、今回はこれもCSSで実装してみました。 CSS3は便利なのです。 ●サンプル ●HTML <div class="sample01"> 流れる文字が 流れてゆくよ~ </div> ●CSS .sample01 { margin : 0 auto 40px; width : 100%; font-size : 28px; text-align : center; overflow : hidden; } .sample01 p{ margin:0;
Easy way <body> <div class="your-element" data-tilt></div> <!-- at the end of the body --> <script type="text/javascript" src="vanilla-tilt.js"></script> </body> More options <div class="your-element" data-tilt data-tilt-max="50" data-tilt-speed="400" data-tilt-perspective="500"></div> All options with defaults { reverse: false, // reverse the tilt direction max: 35, // max tilt rotation (degrees)
Webサイトでよく使用されるさまざまなUIコンポーネントとページレイアウトをTailwind CSSで実装したコンポーネント集を紹介します。 Tailwind CSSをこれから始めるという人にも簡単で、デフォルト構成のまま機能し、各UIコンポーネントとページレイアウトはHTMLをコピペするだけで簡単に実装できます。 Preline UI Preline UI -GitHub 他にも、Tailwind CSSで実装されたUIコンポーネントを探している人は下記もご覧ください。 Tailwind CSSで実装されたUIコンポーネント・ページテンプレート、商用プロジェクトで無料のものをまとめました Preline UIの特徴 Preline UIのUIコンポーネントとページレイアウト Preline UIの使い方 Preline UIの特徴 Preline UIは、ユーティリティファーストのTai
Instagram グラフ API で投稿画像(タイムライン)を一覧表示(埋め込み) ホームページにインスタグラムのタイムライン(一覧)を埋め込む方法について。 Instagram グラフ API を使ってインスタグラムで投稿した画像やビデオの一覧(タイムライン)を Web ページに表示する方法の解説です。API を利用するための無期限のアクセストークンと Instagram ビジネスアカウント ID の取得方法や取得したデータをを使って PHP で投稿の画像やキャプション、いいねの数やコメント数を表示する方法など。 概要 インスタグラムで投稿した画像などのメディアを取得してウェブに表示するには「Facebook for Developers」で提供されている Web API を使います。 以下では Instagram グラフ(Graph)API を利用してインスタグラムの一覧をWebペー
CSSのbackground-imageプロパティは背景画像に関するCSSですが、単に背景に画像を表示させるだけでなく、実はアニメーションと組み合わせて多彩な表現ができます。本記事ではbackground-imageの特性を活かしたアニメーション表現について解説します。 サンプルコードもありますので、実際の案件に取り入れてみたりbackground-imageの仕組みについて学んでみたりしてください。※サンプルコードはSass(SCSS)を使用しています。 サンプルを別ウインドウで開く コードを確認する background-imageとアニメーション タイトルと矛盾するようですが、background-imageプロパティ自体はanimationプロパティやtransitionプロパティを用いてアニメーションできません。もしbackground-imageプロパティをアニメーション可能に
Webサイトやスマホアプリで使用される、モダンCSSで実装された100種類のさまざまなアニメーションのボタンを紹介します。 角丸や矩形ベースのボタンに、背景がスライドしたり、分割したり、プルプルしたり、ボーダーがきらっとしたり、文字がくるっとしたり、変形したり、ネオンに輝いたり、ボタンの実装に困った時にチェックすると便利です。 100 Modern CSS Buttons 100 Modern CSS Buttons -GitHub 100 Modern CSS Buttonsは、モダンCSSで実装されたボタン100種類のコレクションです。角丸や矩形ベースのボタンにさまざまなCSSアニメーションが使用されています。 ライセンスはGPL-3.0 licenseで、商用プロジェクトでも無料で利用できます。制作者様によると、個人的なプロジェクトであろうと商用プロジェクトであろうと、オープンソース
2022.04.15 【パートナー様向け】IT導入補助金2022の支援事業者登録が開始!最大350万円の補助金を活用したEC構築提案が可能に! こんにちは!MakeShopマガジン編集部です。 2022/3/31より「IT導入補助金」の支援事業者登録、ツール登録が開始しております。 今回は、支援事業者の登録対象となるWeb制作会社、コンサル会社など、代理店としてMakeShopをご提案いただくパートナー様に向けご案内いたします。 「IT導入補助金」とは中小企業・小規模事業者が自社の課題に合ったITツールを導入する際に、その経費の一部を補助するものです。ITツールを導入しやすくすることで、業務効率化や売上アップを支援する目的で実施されています。 弊社も例年IT導入支援事業者として登録し、補助金を活用したMakeShopの導入や、 制作代行・オプション機能などの周辺サービスの導入をご支援してお
開明庁舎ベンチspace AMA-NESTspace PRE KONOHANA MUSEUMnews 無印良品の理由/使い手の理由news みんなのうえん湊川 PARK BARspace Study : 大阪関西国際芸術祭 2023 「かつての」exhibition いとう写真館 年忘れ撮影会@Verandanews つくろう!さがそう!やってみよう!tupera tuperaの工作ワンダーランド 会場構成exhibition ddd DATABASE 1991-2022 会場構成exhibition enocoのバンパク picnic & plays 会場構成events 本のある工場remix town for Cities Week 2021 東京展 会場構成exhibition for Cities Week 2021 京都展 会場構成exhibition GRAPHIC WEST
Native apps often feature transitions between states that both look great and help communicate the type of navigation to the user. The bad news: creating transitions between pages on the web is impossible. In-page transitions are possible, but complex. The good news: new APIs are coming to simplify this process, building on top of CSS animations and the web animation API, and it works across navig
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く