Introducing Typogram Hello friend, I am wentin, creator of CSS ICON. I have been building Typogram — a logo design tool, and it is now launched! Upvote us on Product Hunt!
JavaScript is great, and by all means use it, while also being aware that you can build so many functional UI components without the additional dependancy. Maybe you can include a few lines of utility code, or a mixin, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more than what the browser ships with. This site is fully copied from youmightn
Write CSS without worrying that overzealous, pre-existing styles will cause problems. MaintainableCSS is an approach to writing modular, scalable and maintainable CSS. “A handy little read on learning how to write modular and maintainable CSS.” Smashing Magazine “Finally a good book on how to write maintainable CSS.” Alexander Dajani “I actually love everything about this.” Simon Taggart
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-
作成:2016/02/8 更新:2016/06/29 Web制作 > CSSやjQueryで実現する、今までにないようなエフェクトを実現するために知っておくと便利なエフェクトをまとめました。トレンドをおさえた最近のものを厳選してピックアップ。ファーストビューなどで、一味違った面白さを出したいときに。 エンジニア速報は Twitter の@commteで配信しています。 セグメンテッド コントロール pocketなどに見られる「リスト・タイルビュー」など表示形式の切り替え。コンテンツを切り替えるセグメンテッド コントロール(SegmentedControl)。少し古い記事ですが、他になさそうだったので。 Blueprint: View Mode Switch もうひとつはcodepenから。 See the Pen DropDown2Segment by ActiveCodex (@Acti
I think we all love flexbox when it comes to layouts. I know I do. However back in 2013 (when the first version of crow was made) flexbox wasn't really a thing. Flexbox is not 100% ready for the world yet, unless you build websites/webapps only targeting the newest version of things. According to caniuse.com flexbox is only supported in IE11+. When I created crow I did so to tackle a whole bunch o
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
作成:2014/06/2 更新:2014/11/01 Web制作 > WebデザインギャラリーやWPテーマなどで「見栄えのする」サイトが使っている効果など。今回はCSSのみで実現できる、動きあるエフェクトをメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マスク 1.マスク・キャプション 2.円形キャプション 3.全画面+オーバーレイ 4.ストライプの背景 フルスクリーン系 5.スライド+フルスクリーン 6.全画面背景動画 7.パララックス 8.フルスクリーンにフィット 9.背景画像をブラウザごとに最適化 10.メガメニュー 画像可変 11.画像で枠線を表現する 12.半透明+フィルタ 13.文字以外を透明にしてレイヤーさせる 図形 14.ループ+ローディング 15.3Dボックス 16.矢印ナビ 画像切り抜き 17.六角形 18.卵型+星形
Bootsnipp Design elements, playground and code snippets for Bootstrap HTML/CSS/JS framework What is this? Bootsnipp is an element gallery for web designers and web developers, anybody using Bootstrap will find this website essential in their craft. Stay updated, Subscribe to Bootsnipp mailing list (only important updates will be sent, your email is never shared or sold to anyone else)
I wanted to create a special logo for Sublevel, a new product from me. I ended up with an orbital solution that was actually a hack on display refresh rate. Basically the refresh rate of a computer monitor is 60 Hz, but the circle rotated at an higher rate. It created the ilusion that there were more than one circle rotating. Then I found that you can create very smooth 3D animated logos with CSS,
For all the different casino games that you could choose from, pokies are those that lend on a mobile and themselves being played on the internet. If you make the leap you can have the experience that you would get with perks – only at a land casino! Today, Australian pokies are more popular than ever and, it is possible to perform with peace of mind if you know where to play. Continue reading to
UI is the vocabulary of the web. Semantic empowers designers and developers by creating a language for sharing UI. Lose the Hieroglyphics: Semantic is structured around natural language conventions to make development more intuitive. Have a conversation with your components: Semantic gives you a variety of UI components with real-time debug output, letting your code tell you what its doing.
Meet your shoppers and buyers anywhere with our trusted headless commerce solution. Use headless APIs and connected customer data. With Commerce Cloud’s trusted headless commerce platform, B2C and B2B businesses can meet customers anywhere. Headless APIs can weave commerce into any touchpoint, from social media to in-store kiosks to B2B buyer portals, and give you the power to take full control ov
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く