Fluid tab active state
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
jQuery contextMenu (2.x)
Contextmenu plugin & polyfill Features Authors License The contextMenu Plugin was designed for web applications in need of menus on a possibly large amount of objects. Unlike implementations as a beautiful site's or trendskitchens' this contextMenu treats the menu as the primary object. That means, that a single menu is defined that can be used by multiple objects. Unlike the mentioned plugins, co
Line Menu Styles | Codrops
Inspiration for Line Menu Styles The line is such a versatile element in web design. There are so many interesting possibilities when it comes to using the line to enhance user interaction with subtle animations. Let's explore some today. Alonso Sebastian Prospero Viola Antonio Miranda Inspired by the menu seen on spg.se Ariel Caliban Ferdinand Adrian Francisco Trinculo Stephano Iris Ceres Juno Ma
CSS3で画像キャプションのマウスホバーアニメーション5種
CSS3で画像キャプションのマウスホバーアニメーション5種 CSS3オンリーで画像をマウスオーバーするとキャプションがアニメーションして表示するというサンプル集です。 ディレイやイージングを使用してちょっとだけ凝った感じに見える風にしてみました。 投稿日2015年12月25日 更新日2015年12月25日 基本的なHTML 基本的なHTMLは下記になります。figureでマークアップしてみました。 HTML <section class="sample1"> <figure> <img src="thum01.jpg" width="400" height="266"> <figcaption class="title">Hover Effect 01</figcaption> </figure> </section> figureのCSSは「overflow: hidden」ではみ出ない
codedoodl
En la era de la inteligencia artificial, cada vez nos encontramos con aplicaciones innovadoras que revolucionan diferentes aspectos de nuestra vida cotidiana. Una de las áreas en las que la IA ha dejado su huella es en el mundo de la pornografía, brindando a los usuarios una experiencia visual única y excitante. En este artículo, exploraremos el fascinante mundo de las chicas desnudas generadas po
キャンパスギャラリー「あるけるケーダイ。」｜大阪経済大学
「あるけるケーダイ。」は、大阪経済大学のキャンパスを写真や動画で紹介するギャラリーサイトです。
UIの新鮮なアイデアをチェック！デザインやインタラクションの工夫が素晴らしいナビゲーションのまとめ
最近のUIは、気持ちいいアニメーションが多く取り入れられています。アニメーションはある程度予測できながらも、いい意味で少し期待を裏切るくらいがちょうどいいなと思います。 アニメーションを使ったインタラクションやデザインが素晴らしいナビゲーションの実装例をまとめました。各デモは全て、HTML, CSS, JavaScriptなどをオンラインで編集することができます。
モバイルナビゲーションを考察する – ハンバーガーメニューに代わるもの | POSTD
「Webサイトやアプリのナビゲーションに ハンバーガーメニュー を使うべきかどうか」というテーマに関して、UI/UXデザイナーの間で交わされる、すばらしい議論や記事を目にする機会があります。 もし、ハンバーガーメニューの始まりや歴史が気になる場合は こちらの記事 をご覧いただくといいでしょう。 しかし、今回はハンバーガーメニューについて語る気はありません。この記事ではハンバーガーメニューの代わりとなり得る他のナビゲーションを模索し、その説明をしたいと考えています。 なぜこの記事でハンバーガーメニューを扱わないのでしょうか？ それは、ハンバーガーメニューは簡単で便利なソリューションであると同時に、以下に列記するような数多くの欠点を併せ持っていると、私が個人的に確信しているからです。 * 効率性の低下（インタラクションが遅くなる） * 視認性の低下（メニューが隠れる） * 不要アイテムの増加
Inspiration for Custom Select Elements | Codrops
Some inspiration for styling a custom version of the select element. There are many possibilities and today we are exploring some ideas of how to let the user select a choice in style. Today we’d like to share some inspiration for custom select styles with you. In forms where we’d like to use custom styles for the input elements, we can use JavaScript libraries that transform the HTML elements int
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Grid Menu | Demo 1 | Codrops
How to Create a Vertical Slide-Out Menu with CSS Transitions
Pully navigation concept
EWM-TOOLS - You Do, We Support
GitHub - VPenkov/okayNav: The world's okayest responsive navigation. This is (sort of) a legacy implementation. Please stay tuned to the 3.0 branch (https://github.com/VPenkov/okayNav/tree/v3.0)
Lorenzo Bocchi
GitHub - lukejacksonn/GreedyNav: A responsive navigation menu that stacks items into a dropdown menu when they overflow
Elastic SVG Elements | Sidebar menu
Vintage Productions – Communication and marketing agency in Antwerp, Belgium
SpacedOut - Ace Subido
Welcome webdesigncrowd.com - Justhost.com
