Stream

Join this community to post or comment

Michael Jones

Questions and Answers  - 
 
I am using cards in my mobile app from the link below. I would like to have the ability to swipe a card and have a new one take its place. Any suggestions on how to do this with this library?

http://materializecss.com/cards.html
Materialize is a modern responsive CSS framework based on Material Design by Google.
1
Add a comment...

David O'Brien

Questions and Answers  - 
 
I've heard a lot about flexbox, but must confess to not really knowing a lot about it.

Anyone got a link to a reliable 101 I can start from?
4
Ken Langston's profile photoDavid O'Brien's profile photo
7 comments
 
Thanks all.
Add a comment...

Matt Smith
moderator

Tips and Tricks  - 
 
 
Dev Tips: #DevTools: Block certain requests from a web page, see how a page works without CSS or Javascript

More : https://umaar.com/dev-tips/68-block-requests/
18
4
Patrick Parker's profile photoRoshan Samuel Ambler's profile photoIsmar Kunc's profile photoHafeez Hamza's profile photo
Add a comment...

Rodney Vg

Videos  - 
 
How to Master CSS
Trying to get into web development? Either way, CSS is a core technology that every Web Dev needs to know. But, as experience can tell you, pages don't always render the way you want them to. Watch experts Christopher Harrison and Helen Zeng, as they show you the CSS ropes, in this informative and practical Web Wednesdays course.

These popular presenters teach you how to get CSS to do exactly what you want. Take a look at media queries, CSS preprocessors (like LESS), and page layouts on different screen sizes. See cool demos on reflowing, transitions, and more. You know that CSS is used everywhere, so find out what you need to get going with it!
6
3
István Maczkó's profile photoMuhv Progeja's profile photo
Add a comment...

Plamen Cholakov

CSS Articles / Guides  - 
Using Flexbox for layout purposes only requires a few basics. Ben Gremillion shows how to recreate a basic Gmail-like, flexbox-based interface.
12
2
István Maczkó's profile photoGabor Orosz's profile photo
Add a comment...

Matt Smith
moderator

Tips and Tricks  - 
 
Flexbox #Protip...

Use #flexbox `space-between` to get rid of nth/first/last-child margin hacks when working with column gutters. ht/t +Wes Bos 

https://gist.github.com/AllThingsSmitty/e7244516b97a8dffbcd7
59
14
Dan Nolan's profile photoArjan Ceelen's profile photoJulian David Gómez Ríos's profile photoGeorge Emad's profile photo
4 comments
 
Cool thanks ! 
Add a comment...

Milan Milosev

Links and Resources  - 
 
Search input with morphing effect
http://codepen.io/MilanMilosev/pen/JdgRpB
92
20
ibrahim sukru's profile photoNicolas KOKLA's profile photoWouter Nigrini's profile photoReinaldo Salazar's profile photo
9 comments
 
+Juan Alba your solution can be very interesting. I will try to build something similar. Thanks Juan!
Add a comment...

Arav Singhal

Links and Resources  - 
 
 
Ooh baby! Trying out my luck!
Struggling with your heavy-weight editor? Then we have something especially for you! Enter the contest now to win your very own Sublime Text license. Sublime Text is a sophisticated text editor for code, markup and prose. You’ll love the slick user interface, extraordinary features and amazing performance! In addition, we will send you free tips and the latest news from the Web community to master your technical knowledge (you can unsubscribe at...
2
Peter Jaszkowiak's profile photoArav Singhal's profile photo
2 comments
 
+Peter Jaszkowiak I have tried it, seems a bit heavy at the moment...
Add a comment...

Ian Lunn

CSS Frameworks  - 
 
Just launched Sequence.js version 2. All new build that makes creating animated step-based applications easy.

Take a look at some of the applications we've made:

Modern Slide In: http://demo.sequencejs.com/modern-slide-in/
Photo Stack: http://demo.sequencejs.com/photo-stack/
Two Up: http://demo.sequencejs.com/two-up/
Folio: http://demo.sequencejs.com/folio/
The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications.
11
10
Emmanuel Deiller's profile photoJulian David Gómez Ríos's profile photo
Add a comment...

Sheikh Ali

Discussion  - 
 
Collection of Learning Flexbox Resources
Flexbox or CSS3 flexbox is a layout that provides an arrangement of multiple elements on a page so t...
10
3
Ramsez Stamper's profile photoLaurent “Lox” Dinclaux's profile photoPatrick Parker's profile photoKrzysztof Topolewski (Kristof)'s profile photo
2 comments
 
+Andrew Ford i've seen some of these tutorials, been playing around with it. You should see +FreaK zero 's answers on my question, he did some neat codepens explaining them.
Add a comment...

Created by

About this community

The Biggest CSS Group on Google+ Some important things before you star posting: 1. This is NOT a place to promote your website or related links. 2. Links posted without descriptions WILL BE DELETED. 3. Don't post non-related topics; these will be deleted and YOU WILL BE BANNED from this group. 4. Be respectful to community members; don't argue or use abuse language. YOU WILL BE BANNED from this group. 5. Be positive and contribute! Useful web development websites:

Varun Kumar

Discussion  - 
 
We've gathered some amazing CSS3 effects that will help you give your website/application a MODERN LOOK with great USER EXPERIENCE.
62
44
Niyaz Poyilan's profile photoRodolfo Benitez's profile photoWPaesthetic S's profile photoGlenn Martin's profile photo
2 comments
 
Great!
Add a comment...

devmag.io

Discussion  - 
 
Do you think CSS Flexbox needs improvement? — https://devmag.io/post/1247
22
2
Patrick Barca's profile photoMark Grealish's profile photoMuhammed A K's profile photoVenelin Nikolov's profile photo
3 comments
 
Flexbox really needs a way to determine the number of boxes in a row, but it's great otherwise.
Add a comment...

Plamen Cholakov

CSS Articles / Guides  - 
If you wanted to identify an inflection point in the recent development of CSS thinking, you'd probably pick Christopher Chedeau's “CSS in JS” talk from NationJS in November, 2014. It was a watershed moment that set a bunch of different minds spiralling off in their own directions like particles ...
3
1
Nam Le Duy's profile photo
Add a comment...
 
Amazing  Work with only html css js / 
http://codepen.io/SaschaSigl/pen/gpVKOa    #Inspiration
21
4
M Batbaatar's profile photoLaurent “Lox” Dinclaux's profile photoYannick Loriot's profile photoAnthony Cool's profile photo
5 comments
 
opps sorry .... Let me edit it 
Add a comment...

Matt Smith
moderator

Tips and Tricks  - 
 
#CSS #ProTip...

Make an entire live-code-enabled presentation by simply pairing `<style contenteditable> ... </style>` with `display: block`. Great trick via +Una Kravets.

https://gist.github.com/AllThingsSmitty/d8bb6bb8f8cfea4b9278
14
3
Craig Hall's profile photoDan Nolan's profile photo
Add a comment...

Mauro Reis Vieira

CSS Articles / Guides  - 
 
Animation in CSS used keyframes!
85
27
Douglas Figueiredo's profile photoLudo Cointrel's profile photoСварогЪ Серж's profile photoJulian David Gómez Ríos's profile photo
4 comments
 
+Parth Solanki It is not my creation.
I just shared! 
Add a comment...

Arunkumar Maha

Tips and Tricks  - 
2
4
Patrick Parker's profile photoArty Ripcord's profile photo
Add a comment...
 
Hello there, 
I will be available as freelancer for the next 30 days so if you are interested on having a quality services you can hire me.
1
Add a comment...

BASIC use

CSS Articles / Guides  - 
 
The major problem of ordinary drop-down lists (select tags) in HTML is their inability to be styled with CSS styles. This article demonstrates a drop-down list which is made of HTML elements such as label, div and input which, in turn, can be easily styled with CSS.
http://basicuse.net/articles/pl/textile/html_css/how_to_create_a_styled_drop_down_list_using_css3
9
5
Mike Veliquette's profile photoOdeee Wang's profile photoMartin Aleksandrov's profile photoVenelin Nikolov's profile photo
 
Some days, with so many hacks like this to make faux drop down fields, I wonder why the spec doesn't change to allow them to be styled more rigorously.
Add a comment...

devmag.io

Discussion  - 
 
What do you think of the new Bootstrap 4 alpha? Is it worth upgrading? — https://goo.gl/KJWLoI

#css3 #webdesign #bootstrap  
31
5
Sorin Bogde's profile photoSongpol Sripaoeiam's profile photocristobal diaz's profile photoGilberto Ramos's profile photo
3 comments
 
+devmag.io true... just saying we're looking out for that type of stuff.

Trying to keep things even keel for all members :)
Add a comment...